自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 ES6 模块、CommonJS、AMD、CMD

ES6 模块定义和引用ES6模块强制自动使用严格模式,所以不管写没写 ”use strict“ 声明都是一样的虽然大部分浏览器都支持ES6语法,但script type设置为module 才能被正确解析在Node.js下使用ES6语法的文件后缀名要设置为’.mjs’,用来和Node.js 默认的CommonJS模范规范来做区分特性ES6两个特性:一个是值引用,一个是静态声明值引用是指export 引用输出的接口,与其对应的值是动态绑定关系,即通过该接口,可以取到模块内部的值,可以简单的理解

2020-07-31 17:02:34 160

原创 this 关键字的指向、原型与原型链的使用、函数的隐式转换、函数和作用域的关系

函数是Javascript的一等公民数据类型与函数是很多高级语言最重要的两个概念this 关键字首先this的指向应该是一个对象,更具体的说是函数执行的”上下文对象“。其次这个对象指向的是”调用它“的对象,如果调用它的不是对象或者对象不存在,则会指向全局对象(严格模式下为undefined)一些特殊函数的this指向需要注意的是, 一下函数需要传入this指向:forEach(),every() //测试一个数组内的所有元素是否能通过某个指定函数的测试(一假即假),some() //(一真为真)

2020-07-30 16:23:09 254

原创 关于javascript 的数据类型

Javascript的数据类型Javascript数据类型UndefinednullBooleanNumberStringSymbolObjectJavascript数据类型数据类型可以分为7种:NULL,Undefined,Number,String,Boolean,Symbol,Object其中前6种为基础类型,最后1种为引用类型UndefinedUndefined 是一个很特殊的数据类型,它只有一个值,也就是undefined。可以通过下面几种方式来得到Undefined:引用已声明但未

2020-07-29 17:04:42 256

原创 作为前端你不得不知的秘密之浏览器如何渲染页面

浏览器如何渲染页面从HTML 到 DOM1. 字节流解码浏览器通过HTTP协议收到的文档内容是字节数据,当浏览器得到字节数据后,通过 编码嗅探算法 来确定字符编码,然后根据字符编码将字节流数据进行解码。把字节数据解码生成字符数据的过程 称之为 字节流解码2. 输入流预处理上一步解码得到的字符流数据在进入解析环节之前还需要一些预处理操作。 比如将换行符转换成统一的格式,最终生成规范化的字符流数据。这个把字符数据进行统一格式化的过程称之为 输入流预处理3. 令牌化经过前两步的数据解码和预处理,

2020-07-27 17:34:22 251

原创 CSS布局你了解多少-基础篇

CSS布局单列布局单列布局是最常用的一种布局,它的实现效果就是将一个元素作为布局容器,通常设置一个较小的(最大)宽度来保证不同像素宽度屏幕下的显示一致优点:基本上可以适配超过布局容器宽度的各种屏幕缺点:过度的冗余设计必然会带来浪费,有空白区域浪费两列布局左右宽度不相等,例如后台的菜单左侧固定(次要布局),剩余宽度由另一列撑满(主要布局)三列布局左中(主要布局)右,例如github布局实现要实现两列布局或者三列布局,可以按照下面的方法:为了保证主要布局的优先级,应将主要布局写在次要布

2020-07-24 11:52:29 120

原创 防抖节流代理

3个常用的场景 防抖 节流 代理防抖为函数的执行设置一个合理的时间间隔,避免事件在时间间隔内频繁触发。我们很容易想到setTImeout,先判断timeout是否存在,如果存在则销毁,然后创建一个新的定时器我们可以抽取一个公共的函数,同时还要考虑更复杂的情况:参数和返回值如何传递防抖化之后的函数是否可以立即执行?防抖化函数是否可以手动取消?最好返回一个Promise const debounce = (func, wait=0) =>{ let t

2020-07-24 09:36:11 139

原创 提高渲染性能

如何优化DOMDOM操作耗时线程切换重新渲染总结DOM操作耗时深入了解DOM,如何高效的操作DOM线程切换浏览器包括渲染引擎(也称浏览器内核)和javascript引擎,它们都是单线程运行。单线程的优势是开发方便,避免多线程下的死锁、竞争等问题,劣势是失去了并发能力浏览器为了避免两个引擎同时修改页面而造成渲染结果不一致的情况,增加了另外一个机制,这两个引擎具有互斥性,也就是说在某个时刻只有一个引擎在运行,另一个引擎会被阻塞。操作系统在进行线程切换的时候需要保存上一个线程执行时的状态信息并读取下一

2020-07-23 17:23:27 251

原创 浏览器获取资源文件的可优化

浏览器获取资源文件的过程

2020-07-23 16:35:59 119

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除