摘要：
npm镜像的常见操作 背景 公司内容搭建了自己的npm仓库，下载内部npm包时，必须通过内部的npm源来安装依赖，否则安装不成功。当个人要发布npm包时，经常需要来回切换npm源，比较麻烦，特此记录一下操作过程 npm与yarn的区别 yarn 本质还是安装的npm上的包，依赖包的仓库不会变，所以安 阅读全文
摘要：
前言 在现在的前端开发中，项目常常由多个人共同维护，但是由于每个人的代码风格、提交规范方面、编辑器设置等各方面的原因，导致提交上去的代码风格没有保持统一，常见的有下列几个问题： 缩进、换行、命名、结尾逗号等规则... 样式文件属性的先后顺序规则 commit时文案，比如曾经见过git commit 阅读全文
摘要：
webpack5升级过程遇到的一些坑 版本相关信息 node: v14.15.0 npm: 6.14.8 mac: 10.14.6 webpack: 5.10.3 webpack-cli: 4.2.0 webpack-dev-server: 3.11.0 "webpack": "^5.10.3", 阅读全文
摘要：
dependencies vs devDependencies dependencies与devDependencies是什么 在package中常常可以看到dependencies与devDependencies，但是大家对于这两个有什么深入了解吗？ 当你发布一个项目到npm上时，通常会将node 阅读全文
摘要：
怎么发布一个npm包 创建一个npm账号，一般用邮箱与密码注册登录即可。npm注册 创建一个文件夹，比如名称为xcc mkdir xcc && cd xcc npm init 填入你希望的包的名称与版本号即可，假如包的名称为xcc-standrad-eslint，版本为0.1.0 xcc文件夹创建i 阅读全文
摘要：
visibilityChange api的使用场景 场景 最近在做网页版视频编辑器相关的工作，页面视频会自动重复的播放，但是发现在页面切换后，音视频还是在自动播放，感觉非常不合理 在没有在当前页面停留时，页面还是不停的请求资源，造成了很大的浪费 后面就发现visibilityChange能够很好的解 阅读全文
摘要：
浏览器是如何执行JavaScript代码的 编译过程 解析 词法分析 将JavaScript代码解析为一个个的令牌 令牌类型 关键字 - Keyword 标识符 - Identifier 符号 - Punctuator 字符串 - String 语法分析 将令牌组装成一颗抽象的语法树 解释 Java 阅读全文
摘要：
常见的代码逻辑优化处理 多条件判断 // bad function filter(type) { if (type 1 || type 2 || type 3 || type 4 || ...) { console.log('条件成立了...') } } // good const types = 阅读全文
摘要：
react中的虚拟dom，本质上是一种对象形式到dom的描述，虚拟dom的操作是在js层面的计算，如果把js映射生成真实的dom 调用生命周期中的render方法，生成虚拟dom，然后再调用reactDom.render方法，实现虚拟dom的真实dom转换 组件的再次更新，会再次调用render方法 阅读全文
摘要：
如何高效操作DOM元素 什么是DOM DOM，文档对象模型，比如下面的前端功能 动态渲染列表，表格表单数据 监听点击，提交事件 懒加载脚本或样式文件 实现动态展开树组件，表单级联等复杂操作 DOM组成 DOM节点 标签是HTML的基本单位 节点是DOM树的基本单位，有多种类型，比如注释节点，文本节点 阅读全文