冲啊！ - 博客园

562 DOM0级、DOM2级事件，事件对象，阻止默认行为、冒泡，事件传播机制，事件委托

摘要： DOM0级、DOM2级事件及其原理事件是元素（或者浏览器）天生自带的行为，只要行为触发，则会触发相关的事件行为；事件绑定：基于xxx.onxxx = function()，属于给某个事件行为绑定方法，再行为触发的时候可以通知方法执行 * 事件绑定 * 1.DOM0级事件绑定 * xxx.onxx 阅读全文

posted @ 2020-10-24 12:19 冲啊！阅读(383) 评论(0) 推荐(0)

561 手写instanceof

摘要： // example：要检测的实例 // classFunc:要检测的类 function instance_of(example, classFunc) { // TZH: 判断是否是基本类型要反向判断，即判断是否object（null特殊处理）和function。 // 因为纵观es发展历史，基阅读全文

posted @ 2020-10-24 09:33 冲啊！阅读(131) 评论(0) 推荐(0)

560 JS数据类型检测，自定义检测数据类型函数，对象转换为字符串、数字

摘要： 4种检测数据类型的方法 * 1. typeof xxx * ⇒ typeof null ⇒ "object" * ⇒ typeof 数组、正则、日期、对象 ⇒ "object" * * 2. xxx instanceof xxx * 检测当前实例是否属于这个类（也可以用来检测数据类型：对typeof 阅读全文

posted @ 2020-10-23 20:51 冲啊！阅读(155) 评论(0) 推荐(0)

559 对象和数组的深浅拷贝

摘要：数组浅拷贝练习题 let utils = (function () { /* * toArray：转换为数组的方法 * @params * 不固定数量，不固定类型 * @return * [Array] 返回的处理后的新数组 * by haha on 2020 */ // 方法1 function 阅读全文

posted @ 2020-10-23 20:15 冲啊！阅读(139) 评论(0) 推荐(0)

557 原型prototype和原型链proto：原理，函数的三种角色，for in，手写new

该文被密码保护。阅读全文

posted @ 2020-10-23 10:59 冲啊！阅读(231) 评论(0) 推荐(0)

556 面向对象，构造函数

摘要：面向对象 JS本身就是一门基于面向对象编程的语言对象：泛指，一切我们需要研究的东西都是对象类：把这么多东西按照特点进行分组分类（大类和小类）实例：某一个类别中具体的某个事物反推：通过对某一个实例的研究，我们会发现一些实例私有的特征，以及当前类下每一个实例都具备的公共特征 /* * arr1、阅读全文

posted @ 2020-10-23 10:55 冲啊！阅读(113) 评论(0) 推荐(1)

555 柯理化函数，组合函数 compose

摘要：柯理化函数柯理化函数编程思想：利用闭包的保存机制，事先把一些信息存储起来（存储到不释放的上下文中），这样可以供下级上下文中调用，我们把这种预先存储的思想叫做柯理化函数编程思想 function add1(x, y, z) { return x + y + z } function add2(x, 阅读全文

posted @ 2020-10-22 11:36 冲啊！阅读(194) 评论(0) 推荐(0)

553 原生JavaScript练习题

摘要：练习题1 // 作用域链 var a = 10 var b = 11 var c = 12 function test(a) { /* * EC(TEST) * 作用域链:<EC(TEST),EC(G)> * 初始THIS:window * 形参赋值:a=10 [私有变量] * 变量提升:var b 阅读全文

posted @ 2020-10-22 11:17 冲啊！阅读(281) 评论(0) 推荐(0)

552 let、const、var及其区别，变量提升，前端代码中的上下文（作用域），循环中的 IIFE、块级作用域，循环绑定事件的优化

摘要： let、const、var及其区别，变量提升代码获取到后：词法解析（AST）：把代码拆成对应的字符，并且识别成浏览器可以解析的对象。上下文 --> 【初始化】作用域链、【初始化】this、形参赋值......【最后】变量提升 --> 代码执行 /* JS中声明变量或者函数的方式【传统】 va 阅读全文

posted @ 2020-10-21 16:41 冲啊！阅读(223) 评论(0) 推荐(0)

551 闭包，浏览器垃圾回收机制/内存收机制

摘要：闭包：函数执行过程中，会形成一个全新的私有上下文，此时会产生两个机制：（1）保护：保护自己的私有变量不受外界干扰（操作自己的私有变量和外界没有关系）；（2）保存：如果当前上下文不被释放【只要上下文中的某个东西被外部占用即可】，则存储的这些私有变量也不会被释放，可以供其下级上下文中调取使用，相当阅读全文

posted @ 2020-10-21 12:04 冲啊！阅读(199) 评论(0) 推荐(0)

550 JavaScript运行机制之“堆栈”

摘要： 3.1 名词、概念简述，案例数据类型之间的区别堆(Heap) 内存栈(Stack) 内存 ECStack（Execution [ˌeksɪˈkjuːʃn] Context Stack）和 EC（Execution Context ） GO（Global Object）【全局对象】 VO（Var 阅读全文

posted @ 2020-10-21 11:21 冲啊！阅读(135) 评论(0) 推荐(0)

549 数据类型转换汇总：转换为Number、字符串、布尔，比较操作==、===，练习题

摘要： 4.1 转换为Number类型把其他数据类型转换为Number类型 * 1.特定需要转换为Number的 * + Number([val]) * + parseInt、parseFloat([val]) * * 2.隐式转换（浏览器内部默认要先转换为Number在进行计算的） * 【基本上都是基于阅读全文

posted @ 2020-10-21 10:18 冲啊！阅读(251) 评论(0) 推荐(0)

547 Promise：Ajax 的串行、并行， Promise的executor和状态，then、catch、finally，then链

摘要： Promise ES6 语法规范中新增加的内置类，用来处理 JS 中异步编程的，而我们所谓的 promise 设计模式，就是基于 promise 对异步操作进行管理。对Ajax中的串行、并行导致的回调地狱、其他乱七八糟的事，进行管控。我的理解：执行Promise的执行器函数executor过程中阅读全文

posted @ 2020-10-19 16:50 冲啊！阅读(784) 评论(0) 推荐(0)

546 变量提升

摘要： **栈内存、作用域、执行上下文【执行环境】** 当浏览器开辟出供代码执行的栈内存后，代码并没有自上而下立即执行，而是继续做了一些事情：把当前作用域中所有带var、function关键字的进行提前的声明和定义 ⇒变量提升机制【预解析】带var的只是提前声明（declare）： “var a;” ，阅读全文

posted @ 2020-10-17 15:42 冲啊！阅读(141) 评论(0) 推荐(0)

545 parseInt解析

摘要： /* 数组的迭代方法（遍历数组中的每一项做一些特殊的处理） forEach 遍历数组每一项（数组中有多少项，就会触发执行多少次回调函数，每一次把迭代的当前项和当前项的索引传递给回调函数） map 和forEach类似，只不过支持返回值，回调函数中的返回值会把当前迭代的这一项替换掉 find 迭代数据阅读全文

posted @ 2020-10-17 14:45 冲啊！阅读(145) 评论(0) 推荐(0)

544 BFC的原理和功能

摘要：其实BFC是上⾯三种布局⽅式中的普通流，BFC会产⽣⼀个独⽴的容器，该容器内部的元素不会在布局上影响到外部的元素，在外部的普通流看来它和其他普通流元素⽆差别，⽂档最终会按照上⾯说的普通流计算布局。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文

posted @ 2020-10-08 12:11 冲啊！阅读(111) 评论(0) 推荐(0)

543 CSS布局模型：流动模型(Flow），浮动模型(Float），层模型(Layer）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>流动模型(Flow 阅读全文

posted @ 2020-10-08 10:02 冲啊！阅读(421) 评论(0) 推荐(0)

542 vw弹性适配

摘要： vw : 1vw 等于视⼝宽度的1% vh : 1vh 等于视⼝⾼度的1% vmin : 选取 vw 和 vh 中最⼩的那个 vmax : 选取 vw 和 vh 中最⼤的那个视⼝单位区别于%单位，视⼝单位是依赖于视⼝的尺⼨，根据视⼝尺⼨的百分⽐来定义的；⽽%单位则是依赖于元素的祖先元素。 <!DO 阅读全文

posted @ 2020-10-07 20:52 冲啊！阅读(159) 评论(0) 推荐(0)

541 固定定位不总是相对于浏览器视窗（viewport）进行定位

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>固定定位（posi 阅读全文

posted @ 2020-10-07 17:45 冲啊！阅读(336) 评论(0) 推荐(0)

540 CSS3属性对层叠上下文的影响

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3属性对层叠阅读全文

posted @ 2020-10-07 17:27 冲啊！阅读(110) 评论(0) 推荐(0)