渲染引擎——webkit和Gecko Firefox使用Geoko——Mozilla自主研发的渲染引擎 Safari和Chrome都使用webkit，Webkit是一款开源渲染引擎 dom渲染流程： 　　 1、浏览器解析html源码，然后创建一个DOM树。在DOM树中 ...

有个upload 重复上传同名文件的需求，在网上找了很多解决方案都不好使，在react当中解决该问题其实很简单，其实无法上传同名文件 的原因是因为无法触发onChange事件，只需要刷新改dom就可以清空file里面的文件路径了。 而react当中更新组件的Key就可以重新渲染该dom了 ...

前言 react升级到16之后，架构发生了比较大的变化，现在不看，以后怕是看不懂了，react源码看起来也很麻烦，也有很多不理解的地方。 大体看了一下渲染过程。 react16架构的变化 react api的变化就不说了。react架构从stack变到了“fiber”。 最大的变化就是支持 ...

useState react对useState进行了封装，调用了mountState。 mountState 如果initialState是函数还可以执行。 生成一个dispatch方法，通过闭包绑定当前states。 把初始值存到memoizedState ...

前面的话 　　某些情况下需要在典型数据流外强制修改子代。要修改的子代可以是 React 组件实例，也可以是 DOM 元素。这时就要用到refs来操作DOM 使用场景 　　下面是几个适合使用 refs 的情况 　　1、处理焦点、文本选择或媒体控制 　　2、触发强制动画 　　3、集成 ...

vue中dom渲染过程1、响应式 监听data属性的getter setter2、模板编译 模板到render函数再到vnode。模板不是html，有指令、插值、js表达式，能够实现循环、判断。html是标签语言，只有js才能实现循环判断。因此，模板一定要转化成js，即编译模板。模板编译 ...

react的特点 声明式设计 −React采用声明范式，可以轻松描述应用。 高效 −React通过对DOM的模拟（虚拟dom），最大限度地减少与DOM的交互。 灵活 −React可以与已知的库或框架很好地配合。 JSX − JSX ...

开发中遇到一个问题，就是用户输入可多个空格后，在页面上只会显示为一个空格，想到的解决办法就是利用& 去replace空格，让其可以正常渲染，如下： 经过替换后发现页面上并不能直接渲染& ，经过一番搜索发现react的 dangerouslySetInnerHTML ...