基本类型与引用类型（栈 stack / 堆 heap） 当我们定义值类型时（基本类型），他是存储在内存 栈 stack， 引用类型的值它存储在 堆 heap 中 const obj = { name: '饼干' city: '北京' } 深拷贝 示例代码： function deepClone(obj = {}) { if (typeof obj !== '...

实现 call Function.prototype.myCall = function(context, ...args) { // 如果 context 为 null 或 undefined，则设置为全局对象（浏览器环境下为 window） context = context || window // 将当前调用 myCall 方法的函数设置为传入的函数(当前的...

Restful API 常用常 method 以一个博客项目为例，实现“增删改查”功能，使用 RestfulAPI 的接口设计如下： 新增博客 url: http://xxx.com/api/blog/100 （100 为博客的 id） method: POST 删除博客 url: http://xxx.com/api/blog/100 （100 为博客的 id） ...

vue组件通讯方式（全面） props 和 $emit 自定义事件（event.$on()/event.emit()）。 注意： vue2：new Vue() 就是 event。 vue3 引入第三方的自定义事件 event-emitter $attr $parent $refs provide/inject Vuex 自定义事件（Vue） 可以先引入一...

函数组件和 class 组件的区别 纯函数，输入 props，输出 JSX 没有实例，没有生命周期，没有 state 不能扩展其他方法 什么是受控组件？ 表单的值受 state 控制（状态驱动视图） 需要自行监听 onChange, 更新 state 何时使用异步组件 加载大组件 路由懒加载 多个组件有公共逻辑，如何抽离 高阶组件（HOC）...

地址栏输入URL后发生了什么 DNS 解析：将域名解析为 IP 地址 TCP连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手

组件如何渲染 初次渲染过程 解析模版为render函数（或在开发环境已经完成，vue-loader） 触发响应式，监听 data 属性 getter setter 执行 render 函数，生成 vnode， patch(elem, vnode) 更新过程 修改 data， 触发setter（此前在getter中已被监听） 重新执行 render函数，生成 ne...

生命周期 在 React 中，组件的生命周期函数可以帮助我们管理组件在不同阶段的行为。React 16.3 之前的版本和 React 16.3 之后有所不同。以下是 React 组件生命周期函数的详细列表： 旧的生命周期（React 16.3 之前） componentWillMount() 在组件即将被挂载到 DOM 之前立刻调用。 co...

JavaScript数据类型 基本类型 Number、String、Boolean、Null、Undefind、BigInt、Symbol 引用类型 Object、Array、Function、Date、RegExp、Map、Set等。 计算机内存可以简单的分为两大部分：栈（Stack）和堆（Heap）， 基本类型：基本类型变量的值存储在栈中 引用类型：对于引用类型...

webpack4与webpack5的区别 package.json 的 dev-server 命令改了"dev": "webpack serve --config build/webpack.dev.js" 升级新版本const { merge } = require( 'webpack-merge') 升级新版本const [ CleanWebpackPlugin } = ...