虚拟DOM，不会直接操作原生的DOM节点只改变“需要改变”的DOM节点。 很少的内存消耗 遵循基于组件的方法，有助于构建可重用的UI组件。单向数据流 只有在组件的state变化时才会出发组件的重新渲染 无状态组件就是一个单纯的render函数，所以无状态组件的缺点也是显而易见的。因为它没有shoul ...
分类：
其他好文 时间：
2020-07-07 13:45:54
阅读次数：
134
呈现 浏览器是如何将从网络层获取请求文档呈现到页面上的 呈现引擎将开始解析 HTML 文档，并将各标记逐个转化成“内容树”上的 DOM 节点。同时也会解析外部 CSS 文件以及样式元素中的样式数据。HTML 中这些带有视觉指令的样式信息将用于创建另一个树结构：呈现树。 呈现树构建完毕之后，进入“布局 ...
分类：
Web程序 时间：
2020-06-22 21:03:40
阅读次数：
63
VirtualDom vnode可以理解成节点描述对象，它描述了应该怎样去创建真实的DOM节点。 这是Vue中vnode实例对象中设计包含的所有属性和方法 class VNode { constructor(tag,data,children,text,elm,context,componentOp ...
分类：
编程语言 时间：
2020-06-10 23:09:59
阅读次数：
219
window.onload 不触发的解决办法 踩坑经历 昨天我在写前端代码时，有个需求是：提交表单后，后台返回一个数据到前端页面的隐藏域中，在这个页面加载完成后，判断这个隐藏域中是否有内容，有则弹出后台返回的信息。我首先想到的就是用 window.onload = function(){...} 的 ...
NPM酷库，每天两分钟，了解一个流行NPM库。 在前端开发中，我们经常需要JS来判断生成DOM节点CSS类，比如： let className='btn-primary'; if(active){ className+=' active'; } return <div className={clas ...
分类：
Web程序 时间：
2020-06-08 19:01:33
阅读次数：
61
什么是层叠上下文（stacking context） 可以理解为一个dom节点在Z轴高人一等，特性类似于BFC，即层叠上下文的内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。 CSS2创建层叠上下文的两种方法（参考MDN） 根元素 (HTML) 绝对（absolute）定位或相对（relat ...
分类：
Web程序 时间：
2020-06-04 21:24:29
阅读次数：
96
前言 DOM层级顺序，大概来说就是DOM节点在z轴方向（垂直于屏幕向外的方向）的显示优先级。为了调整DOM层级顺序，我们想到的往往就是用CSS的z-index属性来控制。虽然看着很简单，但是有时在使用时，我们有时也许会碰到一些一些奇奇怪怪的问题： 为什么有时候将z-index设成很大的值（比如999 ...
分类：
其他好文 时间：
2020-06-03 23:26:13
阅读次数：
111
用户输入url到展示内容，经历了什么 1. 用户在地址栏输入域名,服务器根据域名查找IP,向Ip发起请求 2. 浏览器获得并解析服务器返回的内容 3. 浏览器加载HTML文件,以及引用外部文件,资源,图片 4. js渲染引擎从上到下解析DOM文档生成DOM节点树 5. 构建CSS树,加载解析样式生成 ...
分类：
其他好文 时间：
2020-05-29 21:03:42
阅读次数：
74
ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 <!DOCTYPE htm ...
分类：
其他好文 时间：
2020-05-29 12:06:24
阅读次数：
70
记录： 使用React.createRef()方法（React 16.3+） ，创建一个ref, 使用一个变量存储。然后把ref挂载在dom节点上，通过current拿到该实例 -- dom节点信息，然后就可以使用原生dom的api方法 1.constructor下 将ref赋值给一个变量 this ...
分类：
其他好文 时间：
2020-05-18 14:46:32
阅读次数：
139
