11 2020 档案

DOM事件绑定原理和传播机制
摘要：##DOM0和DOM2事件绑定原理 ##window.onload和document.ready的却别 ##事件对象 ##阻止事件默认行为以及事件的冒泡传播 ##事件传播机制 ##事件传播机制画图理解 ##事件委托和事件代理 阅读全文
posted @ 2020-11-30 15:00 爱喝可乐的靓仔 阅读(158) 评论(0) 推荐(0)
数组和对象的深浅克隆
摘要：##克隆obj Object.assign()：对象合并，实现对象的浅克隆 ##画图理解 ##对象展开运算符 ,展开运算符，也只能展开第一级，也是浅克隆。 let newObj = ##深克隆 json.parse(json.stringify()) ##封装一个深克隆函数 代码啊 let obj 阅读全文
posted @ 2020-11-27 22:54 爱喝可乐的靓仔 阅读(105) 评论(0) 推荐(0)
new源码分析和Object.create的重写
摘要：##new分析 第一步：创建一个对象 第二部： 将创建的对象的原型链指向函数的原型 第三步：改变指向函数的this指向 第四步： 返回改变指向后执行的对象 ##Object.create(xxx) 创建一个空对象，并且把xxx作为创建对象的原型（空对象.proto = xxx） xxx必须是对象或者 阅读全文
posted @ 2020-11-27 16:02 爱喝可乐的靓仔 阅读(318) 评论(0) 推荐(1)
原型和原型链的学习
摘要：##面向对象底层运行机制 1.每一个函数(自定义类/内置类/普通对象)都具备一个属性：prototype【原型】，这个属性是一个对象，在这个对象中存储的是，当前类供应给实例调用的公共属性方法， 2.在prototype这个对象中，内置一个constructor属性，属性值是当前类本身 3.每一个对象 阅读全文
posted @ 2020-11-27 14:51 爱喝可乐的靓仔 阅读(102) 评论(0) 推荐(0)
构造函数运行的机制
摘要：##构造函数和普通函数运行的区别 因为构造函数执行既有普通函数执行的一面，也有自己特殊的一面，所以在所属私有上下文中，只有this.xx=xx才和实例对象有直接关系 而上下文的私有变量和实例对象没有必然的联系。 ##画图了解构造函数的执行过程 ##构造函数内含有returan ##构造函数的执行特点 阅读全文
posted @ 2020-11-27 13:36 爱喝可乐的靓仔 阅读(100) 评论(0) 推荐(0)
js基本数据类型之间的转换
摘要：##其他类型转化为Number类型、 概念： 例子： number规则 parseInt / ParseFloat 规则 ##其他类型转化为String类型、 概念 ##其他类型转化为Boolean类型、 ##event loop 练习 阅读全文
posted @ 2020-11-25 14:31 爱喝可乐的靓仔 阅读(108) 评论(0) 推荐(0)
数据结构之栈结构
摘要：##队列和栈的区别 队列结构：先进先出 栈结构：后进先出 ##画图理解栈 ##封装栈函数 function Stack() { this.container = []; } Stack.prototype = { constructor: Stack, //进栈执行 enter: function 阅读全文
posted @ 2020-11-24 14:05 爱喝可乐的靓仔 阅读(102) 评论(0) 推荐(0)
数据结构之队列结构以及优先级队列
摘要：##创建一个队列结构 function Queue() { this.container = []; } Queue.prototype = { constructor: Queue, // 进入队列 element进入队列的元素 enter: function (element) { this.c 阅读全文
posted @ 2020-11-24 10:37 爱喝可乐的靓仔 阅读(106) 评论(0) 推荐(0)
浏览器的渲染机制详细解读
摘要：##页面渲染： 1.从服务器获取需要渲染的内容。 2.浏览器基于自己的渲染引擎开始自上而下加载渲染代码。 浏览器获取的是文件流 1.浏览器首先会把16进制的字节信息编译为代码字符串 2.按照w3c规则进行字符解析，生成对应的Tokens，最后转换为浏览器内核可以识别渲染的DOM节点 3.按照节点最后 阅读全文
posted @ 2020-11-24 09:29 爱喝可乐的靓仔 阅读(274) 评论(0) 推荐(0)
js继承的四种方式,实例详解
摘要：##基础概念 js 本身是基于面向对象开发的语言 => 封装 继承 多态 封装： 类也是一个函数，把实现一个代码的功能进行封装，以此实现 低耦合高内聚 多态： 重载 重写 重写：子类重写父类上的方法 重载：相同的方法，由于参数或者返回值不同，具备了不同的功能。 js中的重载：同一个方法内，根据传参不 阅读全文
posted @ 2020-11-24 09:20 爱喝可乐的靓仔 阅读(939) 评论(0) 推荐(0)
call源码解析
摘要：##call 分析 ##代码 Function.prototype.call = function call(context, ...prams) { context == undefined ? context = window : null; if (!/^(object|function)$/ 阅读全文
posted @ 2020-11-23 13:07 爱喝可乐的靓仔 阅读(218) 评论(0) 推荐(0)
this理解
摘要：##this理解 ** this：** 全局上下文的this=>window，块级上下文没有自己的this，它的this是继承所在上下文的this的 在函数私有上下文中，this的情况会多种多样 this不是执行上下文（ec才是执行下上文），this是执行主体 如何区分执行主体： 1.事件绑定，给元 阅读全文
posted @ 2020-11-22 13:52 爱喝可乐的靓仔 阅读(95) 评论(0) 推荐(0)
前端性能优化
摘要：减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 阅读全文
posted @ 2020-11-11 09:06 爱喝可乐的靓仔 阅读(86) 评论(0) 推荐(0)
面试准备之自定义手写promise
摘要：##1.定义整体结构 // 自定义Promise函数模块 (function (window) { /* promise 构造函数 excutor 执行器函数(同步执行) */ function Promise(excutor) { } /* Promise的原型对象then() 指定成功/失败的回 阅读全文
posted @ 2020-11-06 17:01 爱喝可乐的靓仔 阅读(245) 评论(0) 推荐(0)
面试准备-promise基础知识的钻研。
摘要：##Promise是什么？ promise是js处理异步编程的解决方案。 具体表达： 从语法上来说，promise是一个构造函数 从功能上来说，promise对象用来封装一个异步操作并可以获取其结果。 ##Promise的状态改变。 1.pending 变为 resolved。 2.pedning 阅读全文
posted @ 2020-11-05 16:41 爱喝可乐的靓仔 阅读(155) 评论(0) 推荐(0)
面试准备（6）js基础
摘要：##js的事件流模型 “事件冒泡”： 事件开始由具体的元素接受，然后逐级向上传播 “事件捕捉”：事件由不具体的节点接收，然后逐级向下，一直到具体的 DOM事件流 事件捕捉 目标阶段 事件冒泡 ##浏览器对象模型BOM里常用的对象。 window js的最顶层对象 document 文档对象 loca 阅读全文
posted @ 2020-11-03 15:29 爱喝可乐的靓仔 阅读(98) 评论(0) 推荐(0)
小程序临时工具人
摘要：##html <!--components/problem/problem.wxml--> <view class="problemBox"> <scroll-view scroll-x wx:for="{{problemInfo}}" wx:key="index" style="white-spa 阅读全文
posted @ 2020-11-01 01:42 爱喝可乐的靓仔 阅读(123) 评论(0) 推荐(0)