1 开发环境准备(windows) 1.1 安装nodejs和npm 1) 下载nodejs安装包:http://nodejs.org/en/download/ nodejs安装时会同时安装npm 2) 安装完成后检查是否安装成功 命令行输入以下命令,查看npm和node版本:npm -vnode ...
分类:
其他好文 时间:
2020-01-06 09:25:46
阅读次数:
66
Vue.directive('scroll', { bind: (el, binding, vnode) => { // 是否执行回调事件 let eventAction = true // 距离底部剩余距离开始触发回调 let distance = 100 // (unit: px) // 监听滚 ...
分类:
其他好文 时间:
2019-12-25 14:33:51
阅读次数:
89
JavaScript 原生提供了数组类型,但是却没有链表,虽然平常的业务开发中,数组是可以满足基本需求,但是链表在大数据集操作等特定的场景下明显具有优势,那为何 JavaScript 不提供链表类型呢?怎么实现一个完整可用的链表呢? ...
分类:
编程语言 时间:
2019-09-26 23:42:44
阅读次数:
91
Render函数 在Vue2中为提升渲染性能,使用了虚拟DOM来更新DOM节点,当vue对象在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。当使用render函数描述虚拟DOM时,vue提供一个函数,这个函数是就构建虚拟DOM所需要的 ...
分类:
其他好文 时间:
2019-09-18 17:45:04
阅读次数:
206
使用element-ui中的Notification,只有一个message属性是有很大的操作空间,其余的都是写死的,无法进行扩展,达不到想要的效果。所以只能在message上下功夫。 在element-ui官方文档中可以看到Notification中的message属性是可以处理VNode的所以我 ...
分类:
其他好文 时间:
2019-08-17 10:43:13
阅读次数:
317
1.脚手架 (vue-cli) npm -vnode -v检测版本 (前提是安装node 安装过程中如果安到了其他盘的位置 记得改配置环境)安装cli npm install -g @vue/cli检查版本 vue --version拉取2.x版本(旧版本) npm install -g @vue/ ...
分类:
其他好文 时间:
2019-08-16 17:03:22
阅读次数:
77
没办法了,开坑吧,接下来的几篇会讲述JavaScript字符串源码在v8中转换成AST(抽象语法树)的过程。 JS代码在V8的解析只有简单的几步,其中第一步就是将源字符串转换为抽象语法树,非常类似于vue中将html转换为VNODE的过程。该过程涉及的类并不多,均位于/src/parsing文件夹中 ...
分类:
其他好文 时间:
2019-07-01 14:30:21
阅读次数:
314
Virtual Dom并不是真正意义上的Dom,而是一个轻量级的JavaScript对象,在状态发生变化的时候,Virtual Dom会进行Diff运算,来更新只需要被替换的DOM,而不是全部重绘。 与DOM操作相比,Virtual Dom是基于JavaScript计算的,所以开销会小很多。 用Vi ...
分类:
其他好文 时间:
2019-06-29 23:49:52
阅读次数:
139
1.Render函数 官网API地址:https://cn.vuejs.org/v2/guide/render-function.html 通常写的h为createElement的缩写,createElement 会返回虚拟节点 (virtual node)”,也常简写它为“VNode,因为它所包含 ...
分类:
Web程序 时间:
2019-05-06 23:18:18
阅读次数:
338
Vue 的模板编译是在 $mount 的过程中进行的,在 $mount 的时候执行了 compile 方法来将 template 里的内容转换成真正的 HTML 代码。 complie 最终生成 render 函数字符串,等待调用。这个方法分为三步: parse 函数解析 template opti ...
分类:
其他好文 时间:
2019-03-19 17:02:51
阅读次数:
178