2018-11-28 vue项目总结

1.js精度的问题

2.vue框架的使用

1.尽量用虚拟dom渲染页面，不直接使用dom()

2.template模版中少些业务逻辑

3.页面需要进行数据运算时，尽量使用computed数据属性

4.对于事件侦听，在页面关闭后需要在befordestory方法去移除事件

5.组件绑定数组数据后，数组发生变化组件并没有及时更新的问题

Vue.set(this.item['new_page'], 'mark_num', num);

因为vue实现双向数据绑定的机制是数据劫持，也就是在所有对象上有个 Object.defineProperty()方法，通过监听set，get方法去实现，而数组没有这两个方法，所以就不会更新view；解决方案就是，需要我们主动通知vue；

6.用数据来渲染模板(css样式用数据来控制使用)

3.与后端交互初始值的问题，尽量设置合理，考虑全边界问题

4.对nuxt框架的理解

1.页面用asyncData()方法做首页服务端渲染，但要考虑性价比的问题，虽然  asyncData能优化seo的查找，但是会造成node服务cpu的渲染增高

5.框架层

1.vue页面和组件

2.prometheus用来监控node服务性能

3.gtag用来做统计埋点

4.sentry用来做日志代码错误统计分析

5.首页请求原理:

1.浏览器发起链接请求，由ngix做转发，到服务器指定的docker服务

6.与服务端交互：

1.浏览器发起数据接口链接，node层接收到链接请求后做转发到真实的服务器地            址，解决了浏览器跨域的问题

6.字体图标

7.组件的编写

1.瀑布流组件

2.轮播图组件

3.卡片左右切换组件

4.滑块组件

8.html和css样式切图

1.bfc布局 overflow解决margin设置无效的问题以及清除浮动

2.flex弹性布局

9.git的使用