03 2021 档案

圣杯布局、双飞翼布局和等高布局
摘要：圣杯布局和双飞翼布局这两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 虽然两者的实现方法略有差异，不过都遵循了以下要点： 两侧宽度固定，中间宽度自适应 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列 只需要使用一个额外的<div>标签 前置知识 负 阅读全文
posted @ 2021-03-31 10:22 Hhhighway 阅读(201) 评论(0) 推荐(0)
new的实现
摘要：使用 new 命令调用函数的解析过程如下： 当使用 new 命令调用函数时，先创建一个空对象，作为实例返回。 设置实例的原型，指向构造函数的 prototype 属性。 设置构造函数体内的 this 值，让它指向实例。 开始执行构造函数内部的代码。 如果构造函数内部有 return 语句，而且 re 阅读全文
posted @ 2021-03-16 13:06 Hhhighway 阅读(192) 评论(0) 推荐(0)
call、bind、apply的实现
摘要：call和apply的应用场景： 判断数据类型： Object.prototype.toString用来判断类型再合适不过，借用它我们几乎可以判断所有类型的数据： function isType(data, type) { const typeObj = { '[object String]': ' 阅读全文
posted @ 2021-03-16 13:03 Hhhighway 阅读(124) 评论(0) 推荐(0)
symbol实现
摘要：(function() { //匿名函数的执行环境具有全局性 所以这里的this指向全局环境 var root = this; console.log(this); var symbolPolyfill = function Symbol(description){ // Symbol 函数前不能使 阅读全文
posted @ 2021-03-14 11:33 Hhhighway 阅读(173) 评论(0) 推荐(0)
实现继承的几种方式
摘要：要搞懂JS继承，我们首先要理解原型链：每一个实例对象都有一个__proto__属性（隐式原型），在js内部用来查找原型链；每一个构造函数都有prototype属性（显式原型），用来显示修改对象的原型，实例.__proto__=构造函数.prototype=原型。原型链的特点就是：通过实例.__pro 阅读全文
posted @ 2021-03-14 11:25 Hhhighway 阅读(480) 评论(0) 推荐(0)
发布订阅模式的代码实现
摘要：let _subscribe = function() { class Sub { constructor() { // 创建一个事件池，用来存储后期需要执行的方法 this.$pond = []; } //向事件池中追加方法（重复处理） add(func) { let flag = this.$p 阅读全文
posted @ 2021-03-05 17:28 Hhhighway 阅读(265) 评论(0) 推荐(0)
闭包和let提升的一些理解
摘要：首先我们要知道一点是： 在一个作用域中，函数提升优先级比变量提升要高，且不会被变量声明覆盖，但是会被变量赋值覆盖。 闭包 什么是闭包？ 闭包是指有权访问另一个函数作用域中的变量的函数。 如何产生闭包? 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包 functi 阅读全文
posted @ 2021-03-03 15:58 Hhhighway 阅读(268) 评论(0) 推荐(0)
js的运行机制
摘要：浏览器线程 js运作在浏览器中,是单线程的，即js代码始终在一个线程上执行，这个线程称为js引擎线程。 但浏览器是多线程的，除了js引擎线程，它还有： UI渲染线程 浏览器事件触发线程 http请求线程 EventLoop轮询的处理线程 …….. 这些线程的作用 js线程用于执行js任务 UI线程用 阅读全文
posted @ 2021-03-03 15:57 Hhhighway 阅读(396) 评论(0) 推荐(0)
一些原型的理解(2)
摘要：关于原型的一些理解 函数的prototype属性 每个函数都有一个prototype属性，即显式原型(属性)， 它默认指向一个Object空对象(即称为: 原型对象) 原型对象中有一个属性constructor, 它指向函数对象 原型对象还有一个__proto__属性，这是实例对象都有的属性，可称为 阅读全文
posted @ 2021-03-02 20:42 Hhhighway 阅读(97) 评论(0) 推荐(0)