孟繁贵 - 博客园

2018年11月20日

摘要： export const inBrowser = typeof window !== 'undefined' export const inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform export const weexPlatform = inWeex && WXEnvironment.platf... 阅读全文

posted @ 2018-11-20 10:32 孟繁贵阅读(1652) 评论(0) 推荐(0)

2018年11月19日

vue 渲染流程

摘要： 1、DOM 节点树高效的更新所有这些节点会是比较困难的，因为原生的DOM节点属性很多，渲染性能差。 2、虚拟 DOM “虚拟 DOM”是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。 Vue 的模板实际是编译成了 render 函数。 3、渲染流程说明：（1）模板templat 阅读全文

posted @ 2018-11-19 18:31 孟繁贵阅读(1158) 评论(0) 推荐(0)

vue diff算法 patch

摘要： 1、diff比较算法图示： diff比较只会在同层级进行, 不会跨层级比较。所以diff是：广度优先算法。时间复杂度：O(n) 代码示例：我们可能期望将<span>直接移动到<p>的后边，这是最优的操作。但是实际的diff操作是：（1）移除<p>里的<span> （2）创建一个新的<sp 阅读全文

posted @ 2018-11-19 17:11 孟繁贵阅读(4343) 评论(0) 推荐(0)

2018年11月16日

vue单文件（sfc）编译为js的流程

摘要： 1、流程 2、参考文章地址 https://segmentfault.com/a/1190000012336392 3、Vue框架的parseComponent https://github.com/vuejs/vue/blob/dev/src/sfc/parser.js 阅读全文

posted @ 2018-11-16 18:50 孟繁贵阅读(3407) 评论(0) 推荐(0)

vue源码cached高阶函数解析

摘要： 1、源代码 2、cached函数，输入参数为函数，返回值为函数。同时使用了闭包。阅读全文

posted @ 2018-11-16 17:03 孟繁贵阅读(974) 评论(0) 推荐(0)

js toSting方法实现

摘要：对象一般使用JSON.stringify来实现字符串化。阅读全文

posted @ 2018-11-16 16:17 孟繁贵阅读(354) 评论(0) 推荐(0)

Vue 生命周期LIFECYCLE是8个吗？

摘要： vue生命周期钩子个数是：11个。 export const LIFECYCLE_HOOKS = [ 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'd 阅读全文

posted @ 2018-11-16 16:06 孟繁贵阅读(833) 评论(0) 推荐(0)

2018年11月14日

this词法

摘要： 1、示例代码 2、解决this绑定问题（1）最常用的是方法一（2）箭头函数：不够理想，函数是匿名的；同时混淆了this绑定规则和词法作用域规则。与效果一致。阅读全文

posted @ 2018-11-14 18:31 孟繁贵阅读(408) 评论(0) 推荐(0)

2018年11月13日

$nextTick 宏任务微任务 macrotasks microtasks

摘要： 1、nextTick调用方法首先看nextTick的调用方法： https://cn.vuejs.org/v2/api/#Vue-nextTick 即：既可以支持回调函数，也可以支持then方法（即Promise）。 2、vue nextTick源码分析 https://github.com/vu 阅读全文

posted @ 2018-11-13 18:10 孟繁贵阅读(3104) 评论(0) 推荐(0)

FIS3 构建工程化

摘要： 1、安装 2、fis-conf.js配置文件（可根据需要配置）常用插件地址：http://fis.baidu.com/fis3/docs/common-plugin.html 3、示例文件注意：共用文件引入的方式： 5、构建输出阅读全文

posted @ 2018-11-13 16:56 孟繁贵阅读(277) 评论(0) 推荐(0)

web前端开发技术

仰望星空，脚踏实地

公告