zhulin1028的博客

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。为什么虚拟 dom 会提高性能? 虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能。具体实现步骤如下：用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中 当状态变更的..

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。ES5对象属性名都是字符串容易造成属性名的冲突。var a = { name: 'lucy'};a.name = 'lili';这样就会重写属性ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。重新复习下新知识：基本数据类型有6种：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。这里新添加了一种：Symbol注意，Sym

目录一、简介二、Hello React!三、虚拟DOM四、React组件五、轮子来了:JSX六、使用JSX一、简介 React是Facebook开源的一个用于构建用户界面的Javascript库,已经 应用于Facebook及旗下Instagram。 和庞大的AngularJS不同,React专注于MVC架构中的V,即视图。 这使得React很容易和开发者已有的开发栈进行融吅。 React顺应了Web开发组件化的趋势。应用React时,你总是应该从UI出发

上一节介绍了H5：画布Canvas基础知识讲解（二）之插入图像、像素级操作，接下来继续讲解H5：画布Canvas基础。文字虽然最近的WebKit版本和Firefox 3.1 nightly build才开始支持Text API，为了保证文章完整性我决定仍在这里介绍文字API。context对象可以设置以下text属性：font：文字字体，同CSS font-family属性；textAlign：文字水平对齐方式。可取属性值: start,end,left,right,center。默认值：

上一节介绍了H5：画布Canvas基础知识讲解（一）之canvas基础、2D context API、路径，接下来继续讲解H5：画布Canvas基础。插入图像drawImage方法允许在Canvas中插入其他图像(img和Canvas元素) 。在Opera中可以在Canvas中绘制SVG图形。此方法比较复杂，可以有3个、5个或9个参数：3个参数：最基本的drawImage使用方法。一个参数指定图像位置，另两个参数设置图像在Canvas中的位置。5个参数：中级的drawImage使用方法，包括

HTML5规范引进了很多新特性，其中最令人期待的之一就是Canvas元 素。HTML5 Canvas提供了通过JavaScript绘制图形的方法，此方法使用简单但功能强大。每一个Canvas元素都有一个“上下文(context)” (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个Canvas上下文，并通过不同的API提供图形绘制功能。大部分的浏览器都支持2D Canvas上下文——包括Opera，Firefox，Konqueror和Safari。而且某些版本的Opera还支持3D C..

转眼2022年了，回想过去的一年，这一年过的挺快，疫情使得过去的一年注定不平凡，时至今日，国内的情况基本上恢复的都差不多了，戴口罩也成了常态，但是什么也挡不住春节给人带来的热情，很快就到了烟花满天飞的春节。但是放烟花终究会污染环境，所以我用代码实现了烟花飞天，再配上圆圆的明月，是不是有一股思乡的感觉涌上心头，效果如下：其实这种效果很简单，有点HTML、CSS以及cavas基础的都可以实现以及改造代码，代码获取方式如下，都有详细的运行步骤，你不妨来试一试，还可以改造成别春节祝福：代码截图如下.

如果你想编一个简单的圣诞树的话这里也许有你要的东西这是我当时初学的时候写的每片叶子都是我一个一个试出来的后来也没有进行缩减有兴趣的同学自己试试缩减吧（语句都很简单我只是懒而已）代码可直接复制使用我试了下HTML部分：<div class="header"> <div class="wrapper"> <div class="christmas-tree tree1"></div> <div class="christmas