
JS
Harhr
这个作者很懒,什么都没留下…
展开
-
同步/异步编程的原理
一、JS中的同步编程和异步编程:同步:任务是按照顺序依次处理的,当前这件事没有彻底做完,下一件事是执行不了的。异步:当前这件事没有彻底做完,需要等待一段时间才能继续处理,此时我们不等,继续执行下面的任务,当后面的任务完成后,在去把没有彻底完成的任务完成。【JS中的异步编程】1.所有的事件绑定都是异步编程 xxx.onclick = function(){};2.所有的定时器都是异步编程...原创 2019-06-23 15:31:40 · 638 阅读 · 0 评论 -
Vue.js性能优化(转载)
一、Vue.js优化先看一下常见的vue写法:在html里放一个app组件,app组件里又引用了其他的子组件,形成一棵以app为根节点的组件树。<body> <app></app> </body>而正是这种做法引发了性能问题,要初始化一个父组件,必然需要先初始化它的子组件,而子组件又有它自己的子组件。那么要初始化根标签,就需要从底层...转载 2019-06-24 10:49:19 · 260 阅读 · 0 评论 -
JS中的盒子模型属性
一、操作DOM的属性和方法【获取元素或者元素集合】getElementById–>上下文只能是document(只有document这个实例的原型上才能找到这个方法,其他实例找不到)–> ID重复了会获取第一个–> IE 6 -7 中会把表单的元素的name当做 id使用getElementsByTagName–> 获取当前上下文中,所有子子孙孙中标签名为 “...原创 2019-06-24 10:28:24 · 533 阅读 · 0 评论 -
事件以及事件对象
一、什么是事件事件就是一件事情或者一个行为(对于元素来说,它的很多事件都是天生自带的),只要我们去操作这个元素,就会触发这些行为。“事件就是元素天生自带的行为,我们操作元素,就会触发相关的时间行为”二、事件绑定给元素天生自带的事件行为绑定方法,当事件触发,会把对应的方法执行。三、元素天生自带的事件(常用)【鼠标事件】click:点击(PC端是点击,移动端的click代表单机[移动端使...原创 2019-06-23 15:49:19 · 512 阅读 · 0 评论 -
重要知识点归纳
一、ES6 新语法:1.let / const和ES5的区别:–>let不存在变量提升机制–>let不允许重复声明变量–>在全局作用域中的window和let创造的变量没关系–>typeof 未被声明的变量 不是undefined 而是会报错(暂时性死区)–>let 会形成块级作用域(类似于私有作用域,大部分大括号都会形成块级作用域)…2.解构赋值...转载 2019-06-23 15:47:08 · 142 阅读 · 0 评论 -
数组的遍历方法
数组的遍历方法:1.普通的for 循环for(j = 0; j < arr.length; j++) { }简要说明:最简单的一种,性能不弱,但仍有优化空间2.优化版for循环for(j = 0,len=arr.length; j < len; j++) { }简要说明:使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显3.forEach...转载 2019-06-23 15:41:34 · 230 阅读 · 0 评论 -
Symbol
此篇文章是摘抄他人博客,因为保存了很久,所以忘记地址。1、ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。2、Symbol值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原...转载 2019-06-23 15:38:08 · 140 阅读 · 0 评论 -
前端性能优化
浏览器渲染页面的过程所谓优化,第一个要弄明白的就是:优化什么、从哪里优化。前端做出来的页面是在浏览器里面呈现的,那浏览器是怎么渲染这个页面的呢?遇到CSS、js静态资源,浏览器是怎么处理的?具体的过程这里不再赘述,网上资源一大堆,我自己之前也写过一篇,《网站性能优化—CRP》,算是谷歌文档的翻译版吧。理解了浏览器渲染页面的过程,也就明白了:CSS为什么要放到里面、js放到前面,以及js的异步加载...转载 2019-06-24 11:26:15 · 325 阅读 · 0 评论