项目中的精彩bug;

1.移动端布局当中,padding左右超出屏幕的宽度会出现滚动条拖动不流畅的现象;
2.通过getComputedStyle(img).opacity;可以得到原先的样式值; 而点语法返回的是一个空字符,得不到原先的样式值; 或者通过类名样式来控制;
3.正则替换字符串;

   var abc =  getComputedStyle(el).backgroundImage;
                  var reg = new RegExp('http','ig');
                  abc = abc.replace(reg,'**')
                   // abc =abc.split("(")[1].split(')')[0]
                    console.log(abc)

简易写法:

abc = abc.replace(/\[\d{2}:\d{2}.\d{2}\]/g,'')

4.标准属性添加变量

<!-- 绑定一个属性 -->
<img v-bind:src="imageSrc">
<!-- 缩写 -->
<img :src="imageSrc">

5.webpack生产环境中,图片的路径如果写在main.js里面,然后将该变量地址铺到组件中,会出现路径错误;因为在main.js的时候,组件文件已经被打包处理;了,main.js的图片路径指向只能指向static(不参与生产的文件夹)

6.computed:动态监听功能; 数据或者方法; 都只能放在这里面才会动态变化
注意:如果每次赋值都是相同的值,并不会触发动态监听;只当这两个值不相等的时候才会触发;
解决方法:在store状态管理器中的get周期中处理数据 qty++

7. ele.getAttribute(attr) ele.setAttribue(attr,val)获取 / 设置 标准属性 ele.style/ele.src
   getComputedStyle(ele,attr) 获取非标准属性
   

8.组件里面锁定UI样式 /@import url("../css/muse-ui.css");/
9.盒子发光阴影 box-shadow: 0 0 10px 0 rgba(50,50,50,.31)
10.跳转路由进入页面后自动刷新当前页面 =>仅只刷新一次 思路:通过外部cookie判断;
11.vuex中 mutations处理异动请求后的数据,拿到到数据后才会返回给getters里面
12.

//圆盘转动的样式
#picture {
    width: 166px;
    height: 166px;
    background-color: #fff;
    align-self: center;
    margin-left: 110px;
    margin-top: 30px;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(50, 50, 50, .31);
   animation: "loading" 3s infinite linear
}
@-webkit-keyframes "loading" {
    /**关键帧名称**/
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

13.nginx服务器反向代理,部署node.js项目到githubPage;参考文档

14.scss打包生成js,同时要配置style-loader!css-setyle!sass-loader

{
            test: /\.scss$/,
            loader:'style-loader!css-loader!sass-loader'
        }

15.scss打包生成css . 12

16.生产环境中引入自定义js;exports
17.
VM.$watch 实例方法;

// 键路径
vm.$watch('a.b.c', function (newVal, oldVal) {
  // 做点什么
})
// 函数
vm.$watch(
  function () {
    return this.a + this.b
  },
  function (newVal, oldVal) {
    // 做点什么
  }
)

18.Vue动态监听:汇总
19.VUE关于注释的坑

实用功能收集

1.评论后自动刷新评论列表
2.路由页面切换
3.过渡动画
4.音乐播放器简单易学Demo
音乐播放器完美型插件
拓展:控制点的拓展 桌面端的拖拽事件与移动端的拖拽事件有异曲同工之妙;
5.nginx做反向代理处理你的请求 =>解决vue-cli打包工程后的跨域请求;
6.font awesome字体图标的使用(图标少) 对比阿里巴巴字体库(图标多);
7.H5新增属性手册
8.vue-cli跨域代理实现利用的插件是http-proxy-middleware
9.[代理接口/前端跨域jsonbird]](https://github.com/xCss/JsonBird/wiki)
代理接口/前端跨域