SF
Learn List
Learn List
注册登录
关注博客
注册登录
主页
关于
RSS
手动实现bind、call、apply方法
idid
2019-09-28
阅读 3 分钟
2.7k
bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用。
不看会后悔的对象继承方式
idid
2019-09-28
阅读 2 分钟
1.9k
转载请注明出处 在JavaScript中,对象的继承大致分为5种。分别是: 构造函数绑定 原型链继承 拷贝继承 ES6的Class 经典继承(利用空对象作为中介) 经典继承适用于对象和对象之间的继承 下面是详细介绍: 先定义两个构造函数Animal和Cat {代码...} 上面定义了两个函数,一个是Cat,一个是Animal,怎么样才能是Cat继承Ani...
自主搭建完整的站点(服务器)
idid
2019-09-28
阅读 2 分钟
2k
自主搭建完整的站点 在腾讯云上面特价买了一个服务器,然后就想把博客迁移到自己的服务器上。 下面是折腾的过程: 服务器系统:Cen他OS7,前端框架:Vue.js 域名解析 在域名中添加一条解析记录,记录值是服务器的ip地址。 连接服务器 利用Xshell连接上服务器。 {代码...} 安装Nginx {代码...} 在根目录下,新建 data\www...
Vue2.x之疑点
idid
2019-09-09
阅读 2 分钟
1k
解答:Vue 在初始化的过程中,把数据都转换成响应式数据。在触发生命周期函数beforeMount之后通过new Watcher() 来观测渲染函数。源码
Vue之不完美的极致优化
idid
2019-09-08
阅读 2 分钟
1.8k
CDN引入: 可以把一些文件或者第三方库采用CDN的方式引入。比如:Vue、VueX、VueRouter等。 在index.html 文件中通过script 标签引入CDN,最后再Webpack中配置一下,打包的时候不要把通过CDN引入的文件或者第三方库打包进去。 {代码...}
Vue源码2.x.x之总体梳理
idid
2019-09-07
阅读 1 分钟
1k
前面已经介绍的都是Vue源码的一下细节,这一篇是对前面的一个总结以及梳理。具体的一下细节,可以看前面的文章。在执行new Vue()后,Vue先初始化数据:
Vue源码之Vue实例初始化
idid
2019-08-23
阅读 11 分钟
2.6k
这一节主要记录一下:Vue 的初始化过程 以下正式开始: Vue官网的生命周期图示表 重点说一下 new Vue()后的初始化阶段,也就是created之前发生了什么。 initLifecycle 阶段 {代码...} 接下来是initEvents 阶段 {代码...} initjections 阶段 {代码...} initState 阶段 在 Vue 中,我们经常会用到 props 、methods 、 watc...
Vue源码之实例方法
idid
2019-08-07
阅读 12 分钟
1.3k
initMixin 函数 {代码...} 可以看到在 initMixin 方法中,实现了一系列的初始化操作,包括生命周期流程以及响应式系统流程的启动。
Vue源码之虚拟DOM
idid
2019-08-03
阅读 5 分钟
2k
现在,三大主流框架都是声明式的操作DOM,通过描述状态和DOM之间的映射关系,来渲染成视图。状态怎么生成视图,不需要你来关心,框架会帮你搞定。
Vue源码之响应式原理
idid
2019-08-02
阅读 8 分钟
1.5k
个人博客地址 Object的变化侦测 像Vue官网上面说的,vue是通过Object.defineProperty来侦测对象属性值的变化。 {代码...} 函数 defineReactive 是对 Object.defineProperty 的封装,作用是定义一个响应式的数据。 不过如果只是这样是没有什么用的,真正有用的是收集依赖。在getter中收集依赖,在setter触发依赖。 Dep (...
Vue全部指令
idid
2019-07-20
阅读 3 分钟
2.2k
动态参数预期会求出一个字符串,异常情况下值为 null。这个特殊的 null 值可以被显性地用于移除绑定。任何其它非字符串类型的值都将会触发一个警告。
Vue生命周期解析
idid
2019-07-20
阅读 2 分钟
1.5k
created 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
vue2.6.0知识点梳理
idid
2019-07-20
阅读 6 分钟
1.4k
这是我的个人博客,有兴趣的可以去看看,说不定有收获。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 生命周期 注意事项: 不要在选项属性或回调上使用箭头函数,因为箭头函数没有this。 生命周期钩子的 this 上下文指向调用它的 Vue实例 图示: 模板语法 Vue.js 使用了基于 HTML 的模...
Less语言特性
idid
2019-07-14
阅读 7 分钟
1.2k
这是我的个人博客,有兴趣的可以去看看,说不定有收获。 Less Variables(变量) 在你的样式表中相同的值重复几十次 甚至上百次 并不少见,变量通过为你提供一种在一个地方管理这些值的方法让你的代码变得更容易维护。 {代码...} 由于变量只能定义一次,实际上也相当于常量。 变量是延迟加载的,在使用前不一定要预先声...
简单好用的CSS命名规范和JS代码风格
idid
2019-07-06
阅读 1 分钟
1.1k
BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块(blocks),从而使得团队在开发复杂的项目变得高效,并且十分有利于代码复用,即便团队引入新成员,也容易维护。