12 2017 档案

js相关地址
摘要：教你从零开始搭建一款前端脚手架工具 浏览器的渲染：过程与原理 如何理解虚拟DOM? 如何实现一个 Virtual DOM 算法 虚拟DOM Diff算法解析 虚拟DOM介绍 Nodejs学习路线图 | 粉丝日志 Hexo在github上构建免费的Web应用 | 粉丝日志 关于 Javascript 阅读全文
posted @ 2017-12-22 15:22 ＊﹏漸洐漸薳〆… 阅读(125) 评论(0) 推荐(0)
vue自定义指令钩子函数
摘要：一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的 VNode 更新时调用，但是可能发生在其子 阅读全文
posted @ 2017-12-22 14:52 ＊﹏漸洐漸薳〆… 阅读(4642) 评论(0) 推荐(0)
vue 组件
摘要：所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子。 阅读全文
posted @ 2017-12-21 16:16 ＊﹏漸洐漸薳〆… 阅读(153) 评论(0) 推荐(0)
vue methods和computed，v-show和v-if
摘要：方法（method）和计算属性（computed）区别 每当触发重新渲染时，调用方法将总会再次执行函数。 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数。 v-show和v-if区别 v-if 是“真 阅读全文
posted @ 2017-12-21 16:00 ＊﹏漸洐漸薳〆… 阅读(1656) 评论(0) 推荐(0)
vue 生命周期
摘要：每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。 1、beforecreated：el 和 data 并未 阅读全文
posted @ 2017-12-21 11:49 ＊﹏漸洐漸薳〆… 阅读(129) 评论(0) 推荐(0)
DOM操作——怎样添加、移除、移动、复制、创建和查找节点
摘要：1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 （2）添加、移除、替换、插入 appendChild() var node = dcument.c 阅读全文
posted @ 2017-12-14 17:01 ＊﹏漸洐漸薳〆… 阅读(158) 评论(0) 推荐(0)
js 传递参数
摘要：ECMASscript中所有的参数都是按值传递的。也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。基本类型值得传递如同基本类型变量的复制一样，二引用类型值得传递，则如同引用类型变量的复制一样。 function setName(obj){ obj.name="N 阅读全文
posted @ 2017-12-13 10:32 ＊﹏漸洐漸薳〆… 阅读(203) 评论(0) 推荐(0)
前端性能优化
摘要：客户端 一、减少HTTP请求数 1、合并JavaScript、CSS等文件 2、使用CSS Sprite：将背景图片合并成一个文件，通过background-image和background-position控制显示 3、字体图标 4、将请求划分到不同的域名上 二、减少DNS查询 用户输入URL后， 阅读全文
posted @ 2017-12-01 11:54 ＊﹏漸洐漸薳〆… 阅读(168) 评论(0) 推荐(0)