React核心：虚拟DOM 和 Diff算法 1.2 简单了解虚拟DOM? React将DOM抽象为虚拟DOM，虚拟DOM其实就是用一个对象来描述DOM，通过对比前后两个对象的差异，最终只把变化的部分重新渲染，提高渲染的效率。 为什么用虚拟DOM? 当DOM发生更改时需要遍历DOM对象的属性, 而原 ...
分类：
其他好文 时间：
2020-05-18 12:26:00
阅读次数：
46
先上个效果图 获取到的数据是这样的 那如何将这些数据转化为树状结构并渲染出来 先上完整代码 分为两步 解析 第一步将数据进行转化 需要将数据转化为如下格式 也就是说可以利用children属性让我们很清楚的看到，每个菜单的子菜单有多少项并包含着每项子菜单的每个属性 代码时这样子的，利用递归算法直接构 ...
分类：
Web程序 时间：
2020-05-18 09:27:32
阅读次数：
59
渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。 下面是渲染引擎在取得内容之后的基本流程： 解析html以构建dom树->构建render树->布局render树->绘制render树 Render树由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。 R ...
分类：
其他好文 时间：
2020-05-17 21:55:56
阅读次数：
67
最近做项目接到新的需求，根据本身系统结构数据做一个图形化展示，要求好看易用，有交互，就说了这么多，然后就要求两天给一版瞅瞅，MMP，真把前端当神了（你倒是把待遇提到神的地位啊...） 唉，吐槽归吐槽，还得做，主要是丢不起这个脸.... 言归正传，准备echarts,jquery,ui用的layui。 ...
分类：
其他好文 时间：
2020-05-17 19:26:43
阅读次数：
158
Hello Omi Omi框架的每个组件都继承自Omi.Component，本篇会去完成Omi的Component的基本锥形，让其能够渲染第一个组件。 omi.js实现 var Omi = {}; Omi._instanceId = 0; Omi.getInstanceId = function ( ...
分类：
其他好文 时间：
2020-05-17 17:47:44
阅读次数：
49
植物大战僵尸 [toc] 1. 引入需要的模块，配置图片的路径,设置界面宽高背景颜色。创建游戏主入口 2. 文本绘制，创建要动态改变的属性，渲染的位置 3. 创建地图类，初始化地图和坐标 4. 创建植物类，图片加载报错处理，加载植物方法 5.创建向日葵类 6.创建豌豆射手类 7. 创建子弹类 9. ...
分类：
编程语言 时间：
2020-05-17 16:22:21
阅读次数：
86
什么是前端 浏览器窗口输入网址回车发生了几件事 HTTP协议 HTML简介 超文本标记语言 如果你想要让浏览器能够渲染出你写的页面。你就必须遵循HTML语法 我们浏览器看到的页面，内部其实都是HTML代码(所有的网站内部都是HTML代码) HTML就是书写网页的一套标准 HTML文档结构 注意:HT ...
分类：
Web程序 时间：
2020-05-17 12:54:29
阅读次数：
217
v-for的“就地复用”：一个数组有5项，删除第2项，这时vue修改数组长度为4，同时把原来5项数组的前4项渲染出来，所以实际显示的效果是删除了第5项。拖动元素的行为无效。只适用于不依赖子组件或者不依赖临时DOM状态（例如：表单输入值）的列表渲染输出。 v-for的“key使用”：“就地复用”失效， ...
分类：
其他好文 时间：
2020-05-17 01:34:05
阅读次数：
173
应用雾到游戏对象基于距离或深度的雾支持deferred fog1 Forward Fog在14之前，一直假定着光线在真空中传播，在真空中可能是精确的。但是当光线穿过大气或水就不一样了，光线在击中物体表面时会发生被吸收、散射和反射。一个精确的大气干扰光线渲染将需要及其昂贵的体积测量方法，那是大多数现代... ...
分类：
其他好文 时间：
2020-05-17 01:16:57
阅读次数：
102
应用阶段 1.数据加载到显存 2.设置渲染状态 3.调用DrawCall 几何阶段 1.顶点着色器阶段。上一阶段的顶点数据作为输入，进行顶点坐标转换和颜色处理。 2.裁剪（不可见的图元剔除，部分不可见的图元剔除不可见部分） 不可编程 3.屏幕映射 不可编程 光栅化阶段 1.三角形设置 2.三角形遍历 ...
分类：
其他好文 时间：
2020-05-17 00:51:12
阅读次数：
79
