- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 webpack
Webpack一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zh 【 小众 】parcel 【 小众 】FIS https://fis.baidu.com/...
2019-08-03 16:04:28 101
原创 组件的生命周期
组件的生命周期分为三个阶段: 初始化、运行中、销毁 8个钩子函数 【 会写,会念,会用 】生命周期钩子不允许写成箭头函数,因为箭头函数会改变this指向初始化beforeCreate () {}组件即将创建任务: 初始化事件,并且为整个生命周期的开始做准备【 举例: 相亲:老爸老妈给你做准备和谋划】意义:数据未获取,真实dom未拿到数据请求,数据修改c...
2019-07-31 22:14:11 151
原创 虚拟DOM & 深入响应式原理
虚拟DOM为什么使用虚拟DOM 思考: 操作真实DOM所消耗的时间 和 操作数据所消耗的时间 ? 在循环中操作真实DOM消耗的时间很长深入Vue2.x的虚拟DOM diff原理虚拟DOM是在DOM的基础上在内存建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中patch对象,即补丁对象模拟虚拟DOM1.获取数据var...
2019-07-29 22:23:22 303
转载 深入Vue2.x的虚拟DOM diff原理
一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的elm属性可以访问到对应的Node。vdom因为是纯粹的JS对象,所以操作它会很高效,但是vdom的变更最终会转换成DOM操作,为了实现高效的D...
2019-07-29 11:56:31 164
原创 express
expressexpress web 服务器 后端渲染express api 服务器 暴露接口restful api接口一个,请求方式多个以前: 购物车接口 ( CURD) 增 : http://localhost:3000/shopcar/add 删 : http://loca...
2019-07-20 17:09:09 74
原创 前端通信
前端通信Node中net模块提供的前端通信H5提供的 webSocket 【 常用于 移动端 】pc端低版本浏览器使用 socket.ioNode.js 框架 express 简介路径模块在文件操作的过程中,都必须使用物理路径(绝对路径),path模块提供了一系列与路径相关的 APIconsole.log('join用于拼接多个路径部分,并转化为正常格式');cons...
2019-07-18 21:15:56 129
原创 node补充
node 后端路由基本原理即后端框架 express 的路由的原理npm脚本 npm scripts1.概念: npm脚本指的是package.json中的scripts字段2.认识package.jsonpackage.json 是记录项目依赖包信息和npm脚本命令的一个配置文件前端异步流程工具1.为什么要进行异步操作?javascript是单线程,依次执行一个任务,要想...
2019-07-17 21:40:42 93
原创 nodejs.简介
day01Node 简介Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效Node.js的包管理工具npm,是全球最大的开源库生态系统commonjs规范前端模块化:AMD,CMD,CommonjsNode 应用由模块组成,采用 CommonJS 模块规范。应用模块有三个步...
2019-07-15 21:13:15 568
深入Vue2.x的虚拟DOM diff原理.md
2019-07-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人