11月工作笔记整理（前端）

11月还做了一段时间的文员（整理材料），有点心累，毕竟我不擅长，而且根本不能理解领导到底想要啥样的。12月也一直在忙新项目，周六加班赶进度，顺便把11月的工作笔记写了。

一、大屏项目剩余的坑

1.由于我很多样式都是复制网上的老代码，导致版本更新了之后会有警告，重新调整了一下属性的位置。
关于修改：对照文档和提示改好就行。

2.crlf和lf的格式问题
在windows：换行格式是crlf
在Linux:换行格式是lf
git 里的格式是lf
所以在上传git时，要把crlf和lf转换一下。
解决本地编译器强制要求lf格式的问题（用了格式化插件就会出现这个问题）：在prettierrc.js里配置endofline:‘auto’。

3.由于后端懒惰，前端得处理一下传过来的数据格式
得会一些方法：
for in：遍历的是对象的key值或者数组字符串的索引
for of：遍历的是值，不能遍历对象
Object.keys(对象名)：返回一个数组，第一个元素就是key值的字符串
Object.values(对象名)：返回一个数组，第一个元素就是value值的字符串

 //去重数据的案例，使用了map和filter方法
 //filter过滤id和name为空的数据，再用map遍历之后赋值到数组里去
  const allList = list
            .filter(item => item.id&& item.name)
            .map(item => ({
              code: item.id,
              text: item.name
            }))

4.时间组件的限制时间选择范围方法

 pickerOptions: {
      disabledDate(time) {
       数据的处理
        return  限制条件;
      },
   }

5.响应式问题
给数组和对象直接用==赋值是不会响应的，而且要先定义。push方法赋值也行，或者使用：

this.$set(数组/对象,索引或key值,插入的值)

二、小程序项目需求与维护

1.切换项目分支的时候脑子又不记得怎么弄了，其实就记住git pull 一下，根据提示去输入命令，远程连接之后，分支是可以直接切换过去的。

2.需求:加入素材录入入口，文字、图片
难度在图片上传的组件修改，之前没有删除功能，只有更新覆盖，为了需求加了删除功能，然后要看懂其中的数据传递逻辑，但最终还是调试好了。

3.返回刷新的技巧
在返回前调用：

this.$bus.$emit(''函数名)

在返回的页面接收

this.$bus.$on('函数名',()=>{})

//释放
beforeDestry(){
      this.$bus.$off('函数名')
}

三、学习内容整理

1.js垃圾回收算法
新生代：赋值和新生代互换
老生代：标记清除、标记整理

2.学会写组件原理
好像也没学到什么…还是得在项目实战里学