zoukankan      html  css  js  c++  java
  • vue 项目心得

    v-bind 数据绑定 可以简写成 :

    通过 props 将数据对象 传给 组件

    export default {
        props: {
            seller: {
                type: Object
            }
        }
    }

    created 创建变量

    两个div,图片与文字之间有空隙,父元素 font-size:0

    style 中 使用 mixin 函数, 需要使用 @include 引入

    通过 vertical-align:top;设置文字和图片 顶部对齐 (前提,两个元素都是 display: inline-block;)

    & 代表 父元素

    图标  --  图片做背景 background-size 与 图片的 宽、高 一致

    解决 两个元素之间的空白间隙,设置父元素 的 font-size:0;

    设置背景 模糊 ,使用滤镜, filter: blur(10px);

    Css Sticky footers 布局

    vue 的 data(){} 永远是一个 function, return 的内容是它 跟踪依赖的对象

    vue 的 methods:{} 定义方法

    注 : label 中的点击事件 无效

    computed 计算,与 :class 一起使用,定义 :class="***" 的属性,动态计算,扩展原有属性

    components 注册,将其他的组件 做为 当前组件的 子组件

    import(引入) 和 const(常量) 都必须写在 export default { } 之外

    backdrop-filter:blur(10px); 设置模糊效果 (仅在 ios 上有效果)

    将 localhost 转换为对应的 IP:

    mac 环境下,执行 $ ifconfig

    window 环境下,执行 $ ipconfig

    多行文字 垂直居中 设置 外层 display:table; 内部 display:table-cell;vertical-align: middle;

    可以通过设置不同的类名,实现图标切换

    .

  • 相关阅读:
    ABP 往前端返回详细的错误信息
    ABP 报错1
    three.js 测试1
    three.js 添加 图形控制界面 gui
    three.js 设置透明度
    three.js 基础使用1
    three.js 添加环境光
    three.js 添加三维坐标系
    P2690 接苹果
    [USACO08FEB]修路Making the Grade
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6540526.html
Copyright © 2011-2022 走看看