阅读 36

周报

2020-01-06
    0.修改elementUI的css样式,添加scoped后我们改的样式不会有作用,故而最外层包一个class名称
    1.全局组件的注册和使用
    2./deep/在组件css中的使用
    3.vue中的this.$slots.default
    4.require.context()
    5.for in 循环 今天在做项目的时候踩到了一个坑,就是在使用for
      in循环列表的时候会遍历原型链上的可枚举的属性
    6.动态创建script是异步的
    7.elemeng-UI菜单点击bug
    8.&:hover 嵌套规范化
    9.this.props能在子组件中修改吗
    10.-webkit-user-select:none
    11.单向数据流的三种表示方法
    12.怎么让v-if作用于全部的v-for元素
    13.1.v-if和v-for一起使用
    14.package.json文件中环境变量过多的时候,用.env.development和.env.production文件中声明变量
    15.<i-form-item> 的属性 prop 是字符串,所以它前面没有冒号(即不是 :prop="name")就是写死的值,不是变量
    16.不过,当有多个条件 class 时这样写有些繁琐。所以在数组语法中也可以使用对象语法
    <div v-bind:class="[{ active: isActive }, errorClass]"></div>
    //  注意这里:$slots.default  $slots.title
  //  $slots.default  就是没有v-slot的元素
  //  $slots.title    他是v-slot:title对应的节点
  //  <template v-slot:title>   
  //    <p class='test-title'>这里是一个title</p>
  //  </template>
  17.为了避免一些会被冒泡事件影响,加上修饰符.self是很有用的
  18.v-slot can only be used on components or <template>.
  19.动画/事件机制/全局样式/slot定制化/函数组件/事件.self
  20.require为啥可以直接在js中使用,因为webpack认识啊,在构建阶段
  就直接给你处理了,就直接给你把文件加载进来了
  21.export default {}和require合用,是什么规范:是sb规范,抵制export default
  这么做就得require().default,没鸡毛意思
  commonjs和es6混用,可以
  22.刚才是没有参数的mixin,mixin也可以拥有参数,需要注意的是:
    形参的名字前要加$
    传参的时候只写值的话要按顺序传
    传参的时候不想按顺序的话需要加上形参名字
    .alert-info{
        @include alert($background:red,$color:blue);
    }
  23.怎么在vue原型上加属性,写成插件形式呢?
        const JSSDK = Vue => {
          if (JSSDK.installed) return
          Object.defineProperties(Vue.prototype, {
            $jssdk: {
              get() {
                return SDK
              }
            }
          })
        }
        export default JSSDK
    
    然后在main.js中引入,并且:
        Vue.use(sdk)
    24.背景图充满:background-size: 100% 100%;
    这里不是background-image而是background
    background: url(../assets/image/wuhan_fighting_banner.png) no-repeat 0 center;
复制代码