05 2022 档案
摘要：第一个问题: mian.js里，new Vue时传递的那个对象参数，对象参数里： render函数里传递普通html标签，和传递一个组件有什么区别？举例:render:h=> h('div',{},['一段文本']) 和render:h=> h(App) 传递一个html标签是不是先在自身上渲染出来
阅读全文
摘要：一、ES7 1.1数组的inclueds方法 includes（‘xxx’，3）；可以有两个参数，第二个参数表示从数组下标3开始找包不包含； 指数运算符 **运算符，表示指数； 二、ES8 2.1Object.keys object方法： OBject.keys()获取对象的keys，返回一个数组：
阅读全文
摘要：存储数据的方式就是数据结构，数组、对象、set、map都是存储数据的数据结构； 数组和set都是按顺序存储的； 对象和map都是处理映射关系的； 一、Set set对象的增删改查： 增：add 删：delete、clear 改： 查：has遍历：forof、foreach 二、Set和WeakSet
阅读全文
摘要：数据驱动还有的疑问： 2.render函数如何产生vnode？在core/vdom/render函数里有vm_render方法，调用这个方法就会调用我们自己定义的render函数，然后通过我们传递的h函数其实是vm.$creatElement方法；然后在vm.$creatElement方法根据不同的
阅读全文
摘要：Object.prptotype.toString.call 赋值给一个变量，调用这个变量报错； 但是测试用例里一个函数b赋值给一个变量bar，bar确实也可以调用。 原因： https://blog.csdn.net/weixin_43933771/article/details/11873371
阅读全文
摘要：js高级其实就是js的重点或难点，es6-es12的一些重难点其实在js高级也已经讲过了，所以就不赘述。这里主要是讲一些es6-es12中前面不是重难点的东西； 整理这个，整理好了之后，把以前看其他老师课程记得笔记和这里的笔记都整合下，把以前的笔记删除了吧； 一、字面量增强 1.属性的简写 2.方法
阅读全文
摘要：一、防抖和节流 function debounce(time) { let timer return function () { if (timer) clearTimeout(timer) timer = setTimeout(() => { console.log('helloWorld') }
阅读全文
摘要：一、BOM 1.1概念 https://developer.mozilla.org/zh-CN/docs/Web/API/Window BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗
阅读全文
摘要：一、JSON 1.1概念 json是一种数据格式，json数据格式的字符串和json数据格式的对象； 1.2json语法 1.3json的序列化和反序列化 localstroge里setItem（）的value必须为一个字符串，如果传一个对象的话，默认会被转化成“【object object】”的字
阅读全文
摘要：一、代码共享方案 二、npm 使用npm来管理我们的模块，如果需要使用直接使用npm即可，类似java的maven，如果想看源码再去github找； npm网页：一个是回去搜索registry仓库里所有包的web网页； npm registry：一个是存储所有代码的仓库； 2.1npm 的配置文件
阅读全文
摘要：一、模块化概述 模块化主要是让每个木块有自己的作用域，即使定义为var也不会影响其他模块，因为只在自己作用域有效； 然后模块化也可以暴露接口，引入接口； <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <
阅读全文
摘要：一、错误异常处理 二、throw关键字和系统内部写好的Error类 throw new Error（xxxx） 一般抛出的是error.stack; 调用栈里这一行信息表示全局环境； 三、捕获异常 抛出异常后有两种处理方式， 第一种：子函数没有进行异常处理，则把错误继续抛给调用它的父函数，如果它的父
阅读全文
摘要：一.事件循环： js线程、浏览器其他线程、浏览器维护的事件队列； 二.js单线程 三.浏览器的事件循环 浏览器其他线程在执行好之后，把任务放到事件队列里，等mainScript执行完后再把事件队列里的微任务、宏任务依次取出交给js线程处理； 浏览器的事件循环和node的事件循环不太一样，因为node
阅读全文
摘要：一、迭代器 二、可迭代对象 2.1什么是可迭代对象 2.2可迭代对象的作用， 通过可迭代对象可以很方便的生成一个新的迭代器； for of循环就是可迭代对象才有的；forof就是一个语法糖，本质上就是调用迭代器的next（）方法； 注意：new Set是，传入的参数也要是一个可迭代对象； 注意：{}
阅读全文
摘要：一、为什么需要promise 首先，前端的网络请求需要用这种方式 大家自己写或者调用别人的，需要重写或看源码等导致开发成本过大，ECMA做了统一，于是就有了promise； 出现了promise，只要给调用者返回promise即可，调用者根据promise的状态自己做处理即可； 跟调用者说：我先给你
阅读全文
摘要：每一章开一个笔记，记录一些细节； 最重要的流程，还是思维导入吧， 思维导图看着比笔记更清楚， 如果有多个子级，也更容易记录；； 如何研究一个框架： 主要思想就是写实现某个功能的例子，在打包后的文件里打断点，然后到浏览器单步调试； 但是这个例子在那些写有两种方式，第一种是vuecli中，直接新建一个d
阅读全文
摘要：一、Proxy类 1.1概念 proxy最主要的操作是，对对象、函数对象的所有操作做了一个监听或者说捕获拦截，然后可以在捕获器里定义自己的行为； 1.2Proxy的所有捕获器 proxy对象比以前的Object.defineProperty（）做了很多增强；除了可以监听对象的setter、gette
阅读全文
摘要：一、类 类只是构造函数的语法糖，本质上js引擎还是会将其解析为构造函数； 类的继承只是函数原型链的语法糖， 1.2类的构造函数 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_classes#%E5%AE%9E%
阅读全文
摘要：原型帮助我们少写实例方法； 原型链帮助我们实现继承； 目前常用的寄生组合式继承主要三步： 1.父类实例对象等于子类原型 2.借用构造函数 3.原型式继承（一个继承父类原型的新对象，替换父类实例对象） 一、原型（隐式原型、显式原型）（对象原型、函数原型） 原型分为两种，分别是 隐式原型，也就是对象的[
阅读全文
摘要：一、对象 对象的属性的增删改查： 增：object.defineProperty（），obj.xxx； 删：delte obj.xxx； 改：object.defineProperty（），obj.xxx = xxxxxx； 查：Object.getOwnPropertyDescritors（）；/
阅读全文
摘要：一、with 语句 在es6之后，我们现在有三个作用域 ，全局、函数、块级作用域； es6之后引入块级作用域，单独的大括号、for、if里的大括号么，都会形成一个块级作用域，如果变量使用let、cosnt定义将不能突破块级作用域，但是var仍然可以突破块级作用域；但是不管你突破不突破，都是有这个作用
阅读全文
摘要：一、纯函数 三种编程思想： 面向过程编程、面向对象编程、函数式编程； 1.相同的输入，要有相同的输出；所以不能依赖外部的变量，否则外部的变量改后，再输入相同的输入，将不会有相同的输出； 2.不能产生任何副作用；比如修改了全局变量、修改了传进来的参数； 优势： 1.安心写，只需要关注参数和返回值 2.
阅读全文
摘要：一、为什么需要this 二、this指向什么 2.1绑定时机： 普通函数的this不是在代码解析阶段被确定的，是在代码执行阶段，才能确定this应该指向那个对象； 箭头函数的不创造this，在代码解析阶段就确定了借用谁的this； 2.2绑定方式： 总的来说： 普通函数的this是在代码执行阶段被绑
阅读全文
摘要：mdn讲的闭包也挺好的； 闭包可以帮助我们创建私有属性和私有方法；私有方法不仅仅有利于限制对代码的访问应该通过同意接口访问：还提供了管理全局命名空间的强大能力，避免非核心的方法弄乱了代码的公共接口部分； 但是闭包如果定义在构造函数的构造器上也会造成内存泄漏，应该定义子啊原型上； 通过makeadde
阅读全文
摘要：一、进入相关页面 1.如何进入相关页面 1.看路由url 2.看页面的关键字，然后去代码里搜索 3.vue-dev-tools 4.chrome网络：先清除所有监听的网络请求，然后重新进入页面，通过点击新出现的接口的启动器，观察是那个页面 二、理清页面逻辑 1.代码的执行流程 1.一般来说，vue里
阅读全文
摘要：1.变量命名一定要高可读性； 2.
阅读全文
摘要：js如何传递在一次循环引用中，传递值？ 外面放一个全局变量，可以使用对象或者map将值放入其中，然后第二个函数里使用键引用即可； const weakMap = new WeakMap() //解决对象的循环引用； export function deepClone(originValue) { c
阅读全文
摘要：坑一:在HTML文件中用import引入js模块,报错函数未找到 原因很简单，在html文件中使用模块化，需要每个引入的script文件中加入 type=‘module’ 但是这样仍然会报错，会报debounce函数找不到，为什么？ 因为最重要的一步，你自己在script文件中，要通过import的
阅读全文
摘要：原因：mockjs需要在axios之前注册实例，不然无法拦截请求； // import { axiosGet } from '../base/index.ts' import axios from 'axios' import Mock from 'mockjs' Mock.mock('http:/
阅读全文