- 博客(4)
- 收藏
- 关注
原创 虚拟DOM
真实DOM 浏览器渲染引擎工作流程,大致分为五步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 第二步,用CSS分析器,分析CSS文件和元素上的inline样式,生成页面的样式表。 第三步,将DOM树和样式表,关联起来,构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有attach方法,接受样式信息,返回一个render对象(.
2020-06-11 20:07:22
138
原创 Vue仿微信朋友圈项目
1.项目介绍 此项目运用运用 vue 全家桶技术(vue+vue-cli+vuex+vue-router+node...),前后台分离和组件化的方式开发,使用WeUl基础样式库进行前台页面的搭建,后台使用的是MongoDB数据库进行编写,使用阿里云短信服务进行验证码注册。实现了下拉刷新、消息发送、大图预览、朋友圈发表。。。。 2、使用技术 MVVM 框架:Vue.js 2.0 状态管理:Vuex 页面路由:Vue-router 弹窗插件:WeUl 聊天插件:vue-socket.io 环境配置:nod
2020-05-25 19:12:24
4008
9
原创 面试题
如何理解MVVM MVVM,View - 是 HTML 显示页面,ViewModel - 业务逻辑层(一切 JS 可视为业务逻辑,比如表单按钮提交,自定义事件的注册和处理逻辑都在 ViewModel 里面负责监听两边的数据)。Model - 数据层对数据的处理(增删改查),MVVM 是把 MVC 里的Controller 和 MVP 里的 Presenter 改成了 ViewModel。Model + View + ViewModel。View 的变化通过 ViewModel 更新到数据层,数据层更新时,会
2020-05-10 22:15:26
133
原创 vue项目打包优化
当我们完成一个项目想要上线时,需要进行一些优化 代码规范 1.我们在写项目时,要遵循一个规范,方便与其他人交流 这时候我们可以使用 vue里面的 eslint 去除console 2.我们在项目开发时多多少少会留下一下console,这也会占用一些空间 1) babel-plugin-transform-remove-console 方法 npm install babel-plugin-tran...
2020-04-29 20:52:36
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人