- 博客(10)
- 收藏
- 关注
RSS订阅原创 Vue源码之Vue实例初始化
这一节主要记录一下：Vue 的初始化过程 以下正式开始： Vue官网的生命周期图示表 [外链图片转存失败(img-LD0xeILd-1566566311651)(https://raw.githubusercontent.com/shisanOnly/blogImage/master/lifecycle.png)] 重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。...
2019-08-23 21:23:37
337
原创 Vue源码之实例方法
个人博客地址 在 Vue 内部，有一段这样的代码： import { initMixin } from './init' import { stateMixin } from './state' import { renderMixin } from './render' import { eventsMixin } from './events' import { lifecycleMixin ...
2019-08-07 21:28:41
358
原创 Vue源码之虚拟DOM
个人博客地址 什么是虚拟ＤＯＭ 虚拟DOM是随着时代发展而诞生的产物。 在web早期，都是命令式的操作DOM，虽然简单好用，但是不会维护。 现在，三大主流框架都是声明式的操作DOM，通过描述状态和DOM之间的映射关系，来渲染成视图。状态怎么生成视图，不需要你来关心，框架会帮你搞定。 当某个状态发生改变时，如何只更新与这个状态相关联的DOM节点。 虚拟DOM的解决方式是：根据状态生成一个虚拟节点树，...
2019-08-03 15:09:07
272
原创 Vue源码之响应式原理
Object的变化侦测 像Vue官网上面说的，vue是通过Object.defineProperty来侦测对象属性值的变化。 function defineReactive (obj, key, val) { let dep = new Dep() Object.defineProperty(obj, key, { enumerable: true, ...
2019-08-02 12:27:21
169
原创 Vue生命周期解析
这是我的个人博客，有兴趣的可以去看看，说不定有写收获。 vue的生命周期函数共有十个，分别是： beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/ev...
2019-07-20 23:05:55
105
原创 Vue全部指令
这是我的个人博客，有兴趣的可以去看看，说不定有收获。 Vue指令 动态参数 可以用方括号括起来的 JavaScript 表达式作为一个指令的参数： <a v-bind:[attributeName]="url"> ... </a> 动态参数预期会求出一个字符串，异常情况下值为 null。这个特殊的 null 值可以被显性地用于移除绑定。任何其它非字符串类型的值都将会触...
2019-07-20 23:01:11
332
原创 vue2.6.0知识点梳理
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 生命周期 注意事项： 不要在选项属性或回调上使用箭头函数，因为箭头函数没有this。 生命周期钩子的 this 上下文指向调用它的 Vue实例 图示： 模板语法 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue实例的数据。 在底层的实现上，Vue 将模板编译...
2019-07-20 19:14:30
634
原创 Less语言特性
第二节（Less）github Variables（变量） 在你的样式表中相同的值重复几十次 甚至上百次 并不少见，变量通过为你提供一种在一个地方管理这些值的方法让你的代码变得更容易维护。 @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } //作为属性名 @mySelect...
2019-07-14 11:55:59
164
原创 简单好用的CSS命名规范和JS代码风格
CSS命名规范 BEM命名法 BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块（blocks）,从而使得团队在开发复杂的项目变得高效，并且十分有利于代码复用，即便团队引入新成员，也容易维护。 Block是块，比方说div、header，可以嵌套复用。更严格一点来说不能影响自身布局，最好不要设置ma...
2019-07-06 22:39:27
273
原创 浅析浏览器中的图片下载
由于项目需求的原因，认真查阅了浏览器中图片下载的有关资料，总结了几个部分。 1. SVG另存为PNG格式 在IE中，貌似只能通过鼠标右键点击SVG来把SVG另存为PNG保存到本地。 在非IE浏览器中，则可以通过以下代码来实现： let serializer = new XMLSerializer(), //把一个 XML 文档或 Node 对象转化或“序列化”为...
2018-08-28 21:58:42
742
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人