2018年6月22日
ES6模块化
摘要： 前言 语法:import export (注意有无default) 环境:babel编译ES6语法,模块化可用webpack 和rollup ES6 Class本身是个语法糖,实际系统默认帮我们转成JS的构造函数 JS构造函数方式: class Hello(x,y){ this.x=x; this. 阅读全文
posted @ 2018-06-22 22:37 浮云随笔 阅读(167) 评论(0) 推荐(0) 编辑
JS基础——浅谈前端页面渲染和性能优化
摘要： 加载html中的静态资源 其中,加载静态资源的过程,一般为浏览器根据DNS服务器得到域名的IP地址,然后向这个IP的机器发送http请求,服务器收到、处理并返回http请求,浏览器得到返回http请求. 浏览器渲染页面的过程 根据HTML 结构生成DOM Tree 根据CSS 生成 CSSOM 将D 阅读全文
posted @ 2018-06-22 13:47 浮云随笔 阅读(6269) 评论(0) 推荐(0) 编辑
JS模块化知识总结
摘要： 背景 js 文件之间相互依赖,变量会造成全局的污染,而且js之间的依赖顺序也会容易出错,容易造成混乱 AMD 定义:异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行 RequireJs util.js defi 阅读全文
posted @ 2018-06-22 10:23 浮云随笔 阅读(246) 评论(0) 推荐(0) 编辑
2018年6月21日
JS基础——事件操作总结
摘要： 通用事件绑定 function bindEvent(elem,type,fn) { elem.addEventListener(type,fn); } let a =document.getElementById('a'); bindEvent(a,'click',function(e){ e.pr 阅读全文
posted @ 2018-06-21 22:25 浮云随笔 阅读(349) 评论(0) 推荐(0) 编辑
对象API
摘要： 遍历对象里的每个元素 阅读全文
posted @ 2018-06-21 15:24 浮云随笔 阅读(83) 评论(0) 推荐(0) 编辑
JS基础——数组API之数组操作(filter、map、some、every、sort)
摘要： var arr = [1,2,3,4]; forEach arr.forEach((item,index,arr) => { console.log(item) //结果为1,2,3,4 }) filter //filter过滤掉数组中不满足条件的值，返回一个新数组，不改变原数组的值。 var c= 阅读全文
posted @ 2018-06-21 14:25 浮云随笔 阅读(251) 评论(0) 推荐(0) 编辑
Generator(生成器)
摘要： 序言 generator（生成器）是ES6引入的一种新的标准，可以用于处理异步请求，将异步回调的方式已同步的方式展示。generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次。 关于Generator的斐波 阅读全文
posted @ 2018-06-21 13:10 浮云随笔 阅读(495) 评论(0) 推荐(0) 编辑
浏览器
摘要： 背景 IE 6~11：到IE10支持ES6 Chrome: 基于Webkit内核的V8 JavaScript搜索引擎 Safari: OS X 10.7 Lion自带的6.1版本开始支持ES6，目前最新的OS X 10.11 El Capitan自带的Safari版本是9.x，早已支持ES6 Fir 阅读全文
posted @ 2018-06-21 13:06 浮云随笔 阅读(168) 评论(0) 推荐(0) 编辑
JS动画与CSS3动画
摘要： Js动画 show / hide var div = $('#test-show-hide'); div.show('slow'); // 在0.6秒钟内逐渐显示 div.hide(3000); // 在3秒钟内逐渐消失 slideUp / slideDown 垂直下拉，提前 div.slideUp 阅读全文
posted @ 2018-06-21 13:03 浮云随笔 阅读(284) 评论(0) 推荐(0) 编辑
浅谈JS异步轮询和单线程机制
摘要： 单线程特点执行异步操作 js是单线程语言，浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务就会排队形成一个任务队列排队等候执行.一般而已,相对耗时的操作是要通过异步来进行加载,可以避免导致页面的假死. setTimeout(function(){ console. 阅读全文
posted @ 2018-06-21 12:23 浮云随笔 阅读(1096) 评论(0) 推荐(0) 编辑