chopper

React 和 Vue 关键点时间轴图比较；React18 批处理和并发更新；三种启动模式；setState变化；...

使用Chrome Dev Tools Performance 工具对页面进行性能分析时，出现一些关键的 Web 性能指标的标记点。网站的三大性能指标：LCP、FID 和 C...

本文介绍了v8对象中的索引属性、命名属性和隐藏类，并基于v8中的对象给出了日常编码建议提升性能，比如为什么要少用delete删除对象属性等...

主要介绍React编码规范，包括项目文件结构、项目名等各种类型资源的命名规则、函数编码规则、组件编码规则等...

控制台有两个主要用途: 查看日志辅助调试和运行JavaScript。它还有一些其他作用，比如辅助性能优化。...

Source面板作用主要有两个：查看网页源码和调试代码。本文介绍了各种断点类型及平时开发和生产环境中如何debug...

vue3和vue2的不同，vue3前期准备和组件相关。vue3数据响应式，开发踩坑和vite配置,浏览器兼容。...

Chrome中的V8是如何执行一段JavaScript代码的，然后举了个例子讲解了JavaScript中的变量提升，暂时性死区、作用域链、事件循环等...

类型系统，主要讲的是一门编程语言中的各种数据类型以及它们之间的相互转换。本文主要是讲String、Number和Boolean和其他类型的强制转换以及隐式转换的场景，比如+...

从前端组件化到Web Components 主要的API与兼容性 webcomponentsjs，AMP，Polymer react、vue、angular和web com...

什么是虚拟DOM ​ 将上面的ele打印出来，如下所示： ​ 这就是虚拟DOM在React中的形态，是JS和DOM之间的一个映射缓存，它在形态上表现为一个能够描述 DOM ...

axios源码分析 源码目录分析 axios.js: axios导出的文件入口 Axios.js： 添加原型方法 default.js： 默认的axios配置 adapte...

以下分析基于React, ReactDOM 16.13.1版本 提出问题 实际工作中，我们会遇到这样的需求： 实现React中点击空白部分隐藏弹出层，需求可以简化为：点击框...

Hook简介 设计Hooks主要是解决组件的几个问题： 在组件之间复用状态逻辑很难（只能用HOC或者render props），会导致组件树层级很深...

react + ts 模板 npm init(yarn init) 安装 webpack（4.x） 安装 html-webpack-plugin 配置 html-webpa...

webpack的公共代码提取和运行,源码阅读和SplitChunksPlugin，从 main.js 开始看代码，manifest.js 代码阅读...

当前时代，前端技术的飞速发展与更迭，前端框架的百花齐放，前端从业人员激增，作为一个有素养，有理想的前端童鞋如何保证自己的代码质量，让自己的代码更加严谨、可靠成了我们绕不过去...

三个要点： 编程范式，类数学函数， 避免数据和状态改变 编程范式从概念上来讲指的是编程的基本风格和典范模式。 换句话说其实就是程序员对于如何使用编程来解决问题的世界观和方法...