入口源码路径:https://github.com/vuejs/vue/blob/dev/src/platforms/web/entry-runtime-with-compi...
入口源码路径:https://github.com/vuejs/vue/blob/dev/src/platforms/web/entry-runtime-with-compi...
template有以下几种写法: 第一种方式:模板字符串直接书写 这种方式如果代码量很大,书写非常困难也很不美观。(示例用了ES6模板字符串,有耐心的话也可以用字符串拼接) ...
得益于 Vue 的响应式系统和虚拟 DOM 系统,Vue 在渲染组件的过程中能自动追踪数据的依赖,并精确知晓数据更新的时候哪个组件需要重新渲染,渲染之后也会经过虚拟 DOM ...
Vue.js将DOM抽象成一个以JavaScript对象为节点的虚拟DOM树,以VNode节点模拟真实DOM,可以对这颗抽象树进行创建节点、删除节点以及修改节点等操作,在这过...
Object.defineProperty 劫持数据 只是对对象的属性进行劫持 无法监听新增属性和删除属性需要使用 vue.set, vue.delete 深层对象的劫持需要...
num.toString(r)可以把10进制转化为其他进制 parseInt(n, r)可以把其他进制转化为10进制 当number类型调用toString()方法时,它还有...
path:设置cookie的路径。如果不设置,浏览器会将其自动设置为当前请求的路径。比如,浏览器请求的地址是/login,服务器响应了一个set-cookie: a=1,浏览...
父级属性 水平对齐 justify-content: 垂直对齐 align-items: 主轴方向 flex-direction: 空间不足换行 flex-wrap: 多行垂...
思路:父元素position: relative; 子元素通过position: absolute;定位到居中。 结构与基础css(父元素position: relative...
响应式原理Vue 遍历data对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter...
async 和 await 是 ES2016 新增两个关键字,它们借鉴了 ES2015 中生成器在实际开发中的应用,目的是简化 Promise api 的使用,并非是替代 P...
一段代码 控制台依次打印: b xxx 为什么会先打印b再打印xxx呢?nextTick不也是优先用Promise实现的嘛?既然都是进微队列那么这个现象怎么解释? vm.m...
浏览器事件循环 浏览器宿主环境中包含5个线程:JS引擎:负责执行执行栈的最顶部代码GUI线程:负责渲染页面事件监听线程:负责监听各种事件计时线程:负责计时网络线程:负责网络通...
两栏布局实现 实现效果:左边固定,右边自适应实现三部曲:左浮动,右溢出隐藏,外盒子清除浮动 看效果: 做常用的,也是必须掌握的两栏布局就完成了。 解释效果实现原理:left左...
调整使全行排满 由上图效果可知, ,每行文字铺满 , 。 写这篇文章,是因为这可以实现某些特殊效果。flex弹性盒模型里有个属性justify-content: space-...
单行文本溢出打点 三件套(溢出隐藏,不换行,省略号),上就完了 (兼容性没问题,放心用) 多行文本溢出打点 四件套(溢出隐藏,弹性盒,显示几行,垂直排列),主要用于移动端,P...
前言:本文是另一篇文章的续文,阅读前文后再阅读此文会更舒畅。 Vue响应式原理 Vue 递归遍历data对象所有的 property,并使用 Object.definePro...
VUE响应式 什么是vue的响应式? 数据变化,页面也会更新 VUE响应式的意思就是这么简单,本文会以下面代码为基础,进行自问自答,深度探究。 我们在控制台打印vm 你会发现...