美文网首页
2018-11-28 vue项目总结

2018-11-28 vue项目总结

作者: xdanger | 来源:发表于2018-11-28 21:07 被阅读0次

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的使用

相关文章

  • 2018-11-28 vue项目总结

    1.js精度的问题 2.vue框架的使用 1.尽量用虚拟dom渲染页面,不直接使用dom() 2.template...

  • Vue移动项目

    Vue移动项目总结 一、vue-cli创建项目并配置vue路由https://www.jianshu.com/p/...

  • vue小项目总结1

    总结今天写vue小项目总结 链接:参考VUE文档原文 vue实例中我修改data.msg属性,再去页面获取div中...

  • Vue后台管理界面

    Vue后台管理项目 一、自我总结后台管理界面项目里的知识点 项目起始 初学vue使用https://panjiac...

  • 2019-07-15vue项目基础篇

    vue项目总结 创建vue环境:https://blog.csdn.net/u013182762/article/...

  • vue组件使用

    最近总结了一下vue组件的使用,如下: 1、创建项目 $ npm install -g vue-cli$ vue ...

  • Vue + ElementUI 后台管理系统项目心得(二)

    此篇是关于 Vue 的总结。Js 的总结请见前一篇:Vue + ElementUI 后台管理系统项目心得(一) 话...

  • Vue创建项目步骤总结

    Vue创建项目总结 一、如何创建一个VueDemo项目 为了更好的管理使用vue框架创建项目,需要在全局中安装vu...

  • 百川平台项目总结

    百川平台项目总结 技术栈:vue + vuex + vue-router + vee-validate + Ele...

  • Vue项目总结

    项目简介 去哪儿的webapp版,实现其中的home界面,城市选择页面,详情页部分逻辑和界面 代码结构 build...

网友评论

      本文标题:2018-11-28 vue项目总结

      本文链接:https://www.haomeiwen.com/subject/cbftcqtx.html