- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 webpack
Webpack 一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】 grunt gulp ( 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
120
原创 组件的生命周期
组件的生命周期分为三个阶段: 初始化、运行中、销毁 8个钩子函数 【 会写,会念,会用 】 生命周期钩子不允许写成箭头函数,因为箭头函数会改变this指向 初始化 beforeCreate () {} 组件即将创建 任务: 初始化事件,并且为整个生命周期的开始做准备【 举例: 相亲:老爸老妈给你做准备和谋划】 意义: 数据未获取,真实dom未拿到 数据请求,数据修改 c...
2019-07-31 22:14:11
169
原创 虚拟DOM & 深入响应式原理
虚拟DOM 为什么使用虚拟DOM 思考: 操作真实DOM所消耗的时间 和 操作数据所消耗的时间 ? 在循环中操作真实DOM消耗的时间很长 深入Vue2.x的虚拟DOM diff原理 虚拟DOM是在DOM的基础上在内存建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中 patch对象,即补丁对象 模拟虚拟DOM 1.获取数据 var...
2019-07-29 22:23:22
352
转载 深入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
187
原创 express
express express web 服务器 后端渲染 express api 服务器 暴露接口 restful api 接口一个,请求方式多个 以前: 购物车接口 ( CURD) 增 : http://localhost:3000/shopcar/add 删 : http://loca...
2019-07-20 17:09:09
90
原创 前端通信
前端通信 Node中net模块提供的前端通信 H5提供的 webSocket 【 常用于 移动端 】 pc端低版本浏览器使用 socket.io Node.js 框架 express 简介 路径模块 在文件操作的过程中,都必须使用物理路径(绝对路径),path模块提供了一系列与路径相关的 API console.log('join用于拼接多个路径部分,并转化为正常格式'); cons...
2019-07-18 21:15:56
149
原创 node补充
node 后端路由基本原理 即后端框架 express 的路由的原理 npm脚本 npm scripts 1.概念: npm脚本指的是package.json中的scripts字段 2.认识package.json package.json 是记录项目依赖包信息和npm脚本命令的一个配置文件 前端异步流程工具 1.为什么要进行异步操作? javascript是单线程,依次执行一个任务,要想...
2019-07-17 21:40:42
113
原创 nodejs.简介
day01 Node 简介 Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境 Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效 Node.js的包管理工具npm,是全球最大的开源库生态系统 commonjs规范 前端模块化:AMD,CMD,Commonjs Node 应用由模块组成,采用 CommonJS 模块规范。 应用模块有三个步...
2019-07-15 21:13:15
615
深入Vue2.x的虚拟DOM diff原理.md
2019-07-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人