摘要: Vue 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。其中,View变化更新Data,可以通过事件监听的方式来实现,所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。 大概流程如下 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,V 阅读全文
posted @ 2020-07-08 22:40 青老师 阅读(320) 评论(0) 推荐(0) 编辑
摘要: key是为每个vnode指定唯一的id,在同级vnode的Diff过程中,可以根据key快速的进行对比,来判断是否为相同节点, 利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,指定key后,可以保证渲染的准确性(尽可能的复用 DOM 元素。) 为什么不建议用index作为ke 阅读全文
posted @ 2020-07-08 22:32 青老师 阅读(2258) 评论(0) 推荐(0) 编辑
摘要: 由于在浏览器中操作DOM是很昂贵的。频繁的操作DOM,会产生一定的性能问题。这就是虚拟Dom的产生原因。 Virtual DOM本质就是用一个原生的JS对象去描述一个DOM节点。是对真实DOM的一层抽象。(也就是源码中的VNode类,它定义在src/core/vdom/vnode.js中。) 虚拟 阅读全文
posted @ 2020-07-08 22:20 青老师 阅读(166) 评论(0) 推荐(0) 编辑
摘要: MVC MVC是一个编程思想,是一种设计模式 M: model 数据模型层 提供数据 V: view 视图层 显示页面 C: controller 控制层 调用数据渲染视图 MVVM设计思想 M:model 数据模块层 提供数据 V:view 视图层 渲染数据 VM: ViewModel 视图模型层 阅读全文
posted @ 2020-07-08 21:03 青老师 阅读(171) 评论(0) 推荐(0) 编辑
摘要: canvas与svg都是可以在浏览器上创建图形,因此,在html5中感觉canvas和svg很相似,但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一看吧。 在说canvas与svg的区别之前, 阅读全文
posted @ 2020-07-05 22:10 青老师 阅读(1562) 评论(3) 推荐(0) 编辑
摘要: 目录 水平居中 行内元素 块级元素 方案一:(分宽度定不定两种情况) 方案二:使用定位属性 方案三:使用flexbox布局实现(宽度定不定都可以) 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一:使用定位属性 方案二:使用flex 阅读全文
posted @ 2020-07-05 22:03 青老师 阅读(387) 评论(0) 推荐(0) 编辑
摘要: BFC的定义: BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 如何形成: 根元素 float属性不为none 阅读全文
posted @ 2020-07-05 20:45 青老师 阅读(1252) 评论(0) 推荐(0) 编辑
摘要: 控制非文档流元素的叠放顺序,该属性值越高,元素位置越靠上。 当元素设置为relative、absolute或fixed时,通过设置z-index:number; 决定叠放顺序,属性值越高,元素位置越靠上。 阅读全文
posted @ 2020-07-05 20:41 青老师 阅读(747) 评论(0) 推荐(0) 编辑
摘要: CSS 有三种基本的定位方式:文档流、浮动和定位。 文档流(normal flow): 文档流是所有元素布局的基础,作为从左到右、从上到下的布局方式,这是最常用的一种排版布局方式。 浮动(float):float:left/right;浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动 阅读全文
posted @ 2020-07-05 20:40 青老师 阅读(1465) 评论(0) 推荐(1) 编辑
摘要: 1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征 任何定义为float的元素都会自动被设置为一个块状元素显示,相当于被定义display:block;声明。这样就可以为浮动元素定义width和height属性,即使是内联显示元素也可以。 当我们没有指定浮动元素宽 阅读全文
posted @ 2020-07-05 20:37 青老师 阅读(804) 评论(0) 推荐(0) 编辑