工作小结

今日主要是学习微信小程序，不过前期完善了一些项目上的小问题。

一、解决模态框拖动

解决模态框拖动。

  $(document).on("show.bs.modal", ".modal", function(){
        $(this).draggable();
        $(this).css("overflow-y", "scroll");
        // 防止出现滚动条，出现的话，你会把滚动条一起拖着走的
      });

我试了一下，解决了模态框拖拉的问题，可是会出现滚动条，于是我把scroll改成了hidden就解决了问题。

二、监听clientWidth动态修改样式

这是为了解决移动端样式适配的问题，动态的选择样式。

:class="{ 'class1': (clientWidth>800), 'class2': !(clientWidth>800)}"

并且在mounted中监听屏幕宽度

 window.onresize = () => {//监听屏幕宽度变化，改变侧边栏样式
        return (() => {
          this.clientWidth = document.body.clientWidth;
        })();
      };

这样就可以动态的修改class了。

三、学习微信小程序知识

       主要是看书，跟着书敲代码，学习相关知识看，注册了一个微信小程序开发者的id，并安装了开发者工具，接触之后，发现微信小程序与Vue竟然有着诸多相似之处，例如数据绑定之类的概念，语法也都是大同小异。对微信小程序有了一个大概的了解，明天继续学习。