js
文章平均质量分 68
zhulin1028
这个作者很懒,什么都没留下…
展开
-
React工作过程中的几点
虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中,并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤,整个过程被称为调和。为什么虚拟 dom 会提高性能? 虚拟dom相当于在js和真实dom中间加了一个缓存,利用dom diff算法避免了没有必要的dom操作,从而提高性能。具体实现步骤如下:用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中 当状态变更的..原创 2022-06-08 16:59:39 · 645 阅读 · 0 评论 -
ES6之Symbol详解
ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。ES5对象属性名都是字符串容易造成属性名的冲突。var a = { name: 'lucy'};a.name = 'lili';这样就会重写属性ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。重新复习下新知识:基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。这里新添加了一种:Symbol注意,Sym原创 2022-06-08 16:58:28 · 1067 阅读 · 0 评论 -
React快速入门简介
目录一、简介二、Hello React!三、虚拟DOM四、React组件五、轮子来了:JSX六、使用JSX一、简介 React是Facebook开源的一个用于构建用户界面的Javascript库,已经 应用于Facebook及旗下Instagram。 和庞大的AngularJS不同,React专注于MVC架构中的V,即视图。 这使得React很容易和开发者已有的开发栈进行融吅。 React顺应了Web开发组件化的趋势。应用React时,你总是应该从UI出发原创 2022-06-08 16:57:44 · 807 阅读 · 0 评论 -
ES6新特性(8)之Decorator修饰器/二进制数组
目录(一)Decorator修饰器(二)二进制数组(一)Decorator修饰器修饰器(Decorator)是一个函数,用来修改类的行为。这是ES7的一个提案,目前Babel转码器已经支持。 需要先安装一个插件:npm install babel-plugin-transform-decorators-legacy --save-dev 然后在项目根目录下,找到:.babelrc=>修改为 "plugins": ["transform-runtime"...原创 2022-04-20 14:31:38 · 675 阅读 · 0 评论 -
ES6新特性(7)之Proxy代理/Model模块/import/export
目录(一)Proxy代理(二)Model模块/import/export(一)Proxy代理谷歌,QQ支持,360,搜狗不支持 //-----------------例1------------------- let obj = { webName: "源库网", url:"www.yuanku.com" } let p = new Proxy(obj, { get: function (target, key...原创 2022-04-20 14:30:49 · 828 阅读 · 0 评论 -
ES6新特性(4)之Iterator遍历器/Generator
目录(一)Iterator遍历器(二)Generator(一)Iterator遍历器遍历器是一种接口,它为不同的数据结构提供了统一的访问机制。如果一个数据结构具有遍历器接口,那么就可以依次处理该数据结构的成员。当前javascript用来表示集合的数据结构有四种,分别是数组、对象、Set和Map,并且这四种数据结构可以相互嵌套使用,比如数组的成员可以是对象,对象的成员又可以是Set等等。一.遍历器接口: 如果一个结构具有Symbol.iterator属性,那么...原创 2022-04-14 09:51:45 · 724 阅读 · 0 评论 -
ES6新特性(5)之Promise/async
目录(一)Promise(二)async(一)Promise传统实现异步操作就是采用回调函数,回调函数方式本身没有什么问题,但是在多重回调层层嵌套的情况下,那么代码的可阅读性就会出现问题。Promise对象是一个新的异步操作解决方案,比原有的回调函数等方式更为合理Promise对象具有三种状态:Pending(等待)、Resolved(已完成)和Rejected(未完成)。Promise对象状态的改变只有两种可能:Pending转变为Resolved或者Pending转.原创 2022-04-14 09:52:57 · 667 阅读 · 0 评论 -
ES6新特性(3)之Symbol/Set/WeakSet
目录(一)Map(二)WeakMap(一)MapMap和weakmap它们本质与对象一样,都是键值对的集合,但是他们与Object对象主要的不同是,键可以是各种类型的数值,而若键是Object类型,那么只能是字符串类型或者Symbol类型值。Map和WeakMap是更为完善的Hash结构。1.对象和Map //---------对象---------------------------var keyObj = {};var dataObj = {};dataObj[原创 2022-04-05 12:38:20 · 624 阅读 · 0 评论 -
ES6新特性(2)之Symbol/Set/WeakSet
目录(一)Symbol(二)Set(三)WeakSet(一)SymbolSymbol是ES6新增的一种值类型数据,表示一种绝不重复的值let s1 = Symbol(33);let s2 = Symbol(33);alert(s1.toString()); //Symbol(33);alert(s1==s2); //报错(二)SetSet和WeakSet 数据结构是ES6新增。 它与数组非常相似,但是Set数据结构的成员都是唯一的。不能重复...原创 2022-04-04 21:45:29 · 679 阅读 · 0 评论 -
ES6新特性(1)之let命令/const命令/解构赋值
第一章 let命令1.let声明的变量只在变量声明时所在的代码块内有效 对比:{var url = "www.baidu.com";}alert(url);//--------------------------------{let url = "www.baidu.com";}alert(url);2.let不允许在同一作用域重复声明变量: let url = "www.baidu.com";{let url="www.sina.com...原创 2022-04-03 21:06:00 · 602 阅读 · 0 评论 -
HTML/css/cavas打造的来自程序员的专属春节祝福【内含源码与运行方式】
转眼2022年了,回想过去的一年,这一年过的挺快,疫情使得过去的一年注定不平凡,时至今日,国内的情况基本上恢复的都差不多了,戴口罩也成了常态,但是什么也挡不住春节给人带来的热情,很快就到了烟花满天飞的春节。但是放烟花终究会污染环境,所以我用代码实现了烟花飞天,再配上圆圆的明月,是不是有一股思乡的感觉涌上心头,效果如下:其实这种效果很简单,有点HTML、CSS以及cavas基础的都可以实现以及改造代码,代码获取方式如下,都有详细的运行步骤,你不妨来试一试,还可以改造成别春节祝福:代码截图如下.原创 2022-01-02 09:43:04 · 6986 阅读 · 24 评论 -
来自程序员的圣诞浪漫&纯CSS3打造的圣诞祝福【献给前端初学者】内附代码以及运行方法
如果你想编一个简单的圣诞树的话这里也许有你要的东西这是我当时初学的时候写的每片叶子都是我一个一个试出来的后来也没有进行缩减有兴趣的同学自己试试缩减吧(语句都很简单我只是懒而已)代码可直接复制使用我试了下HTML部分:<div class="header"> <div class="wrapper"> <div class="christmas-tree tree1"></div> <div class="christmas原创 2021-12-23 18:57:20 · 8790 阅读 · 30 评论 -
vue基础学习总结二之事件处理
目录一、监听事件二、事件修饰符三、按键修饰符四、自动匹配按键修饰符五、系统修饰符六、鼠标按钮修饰符七、表单输入绑定八、修饰符九、在组件上使用v-model一、监听事件 我们一般在模版中调用方法,也可以直接在模版中写方法。<div id="example-1"><button v-on:click="counter += 1">Add 1</button><p>The button a...原创 2021-11-11 11:36:44 · 1409 阅读 · 6 评论 -
vue基础学习总结一
目录一、基础知识回顾二、计算属性缓存和方法的区别三、计算属性的setter四、class和style绑定五、列表渲染六、数组更新检测七、显示过滤/排序结果八、一段取值范围的v-for一、基础知识回顾1.v-bind、v-model、v-html它们什么时候使用以及区别它们原本的写法以及简化后的写法v-bind绑定,简写: v-on监听,简写@2.数据和方法当一个vue实例被创建时,它向vue的响应式系统中加入其data对象中能找到的所有属性,当..原创 2021-11-11 11:36:08 · 1103 阅读 · 0 评论 -
ES6新特性最常用的知识点总结
目录1.关键字2.解构3.字符串4.正则5.数组6.函数7.对象8.Symbol9.集合10.Proxy配合Reflect的观察者模式11. Promise12.遍历器13.Generator14.async15.Class16.修饰器17.Moudle 1.关键字Let 关键字 在let所在的代码块中起作用。在let之前对于改该变量是不能进行赋值的Const关键字 为只读变量,因此在定义的时候就需要...原创 2021-11-08 09:19:15 · 354 阅读 · 0 评论