摘要：
在es module出现之前还有社区推出amd和cmd的规范，这两者还有其特定的编写方式，使用起来不算很方便。es module被官方推出来就成为了浏览器端实现模块化的一个很好的方案。 想要在浏览器端使用 es module ，首先在 html 当中引入 js 文件的时候，就需要将script标签中 阅读全文
摘要：
nodejs端实现模块化的方式通常是通过commonjs，使用模块化可以复用js代码，使得逻辑结构更为清晰。 commonjs的语法规则如下通过 module.exports 或者 exports 导出，通过 require函数来导入 // a.js 导出内容 const name = 'alice 阅读全文
摘要：
当浏览器获取到html、css、js及其他资源之后，如何将内容展示到屏幕上，这时候需要渲染引擎来进行处理，渲染引擎中包括html解析器、css解析器、js引擎、布局模块、绘图模块，各个模块都在页面绘制中有其作用。 html解析器用来将html解析成dom树，css解析器为dom各个元素计算出样式信息 阅读全文
摘要：
react devtools用于调试react代码，可以查看到props、state的值，以及定义的hooks，而redux devtools可以追踪到action的派发、store的变化，两个都是react开发过程中非常好用的工具 下面是附上两个开发者工具下载地址 react devtools 链 阅读全文
摘要：
git是一个用来管理项目的工具，它的远程仓库有github、gitee、gitlab代码托管中心，既可以用于个人共享代码，又可以用于团队进行项目的协作与发布，那么我们一起来了解一下git该如何使用~ git在在本地电脑是分成三部分的，工作区，暂存区和本地库，每一个区域的作用如下 首先，想要使用git 阅读全文
摘要：
在react中，修改状态如果直接使用this.state，不会引起组件的重新渲染，需要通过 this.setState来对组件的属性进行修改。 1、this.setState的两种定义方式 定义初始状态 state = { count: 0 } 如果此时有一个按钮，点击按钮让计数加1，我们可以有两种 阅读全文
摘要：
React的更新流程如下，我们可以有两种优化角度 1、props/state变化 >render函数变化这个阶段，减少render的执行次数 2、新旧DOM树进行diff >计算出差异进行更新，减少差异的内容 一、减少render的执行次数 1、类式组件 (1) shouldComponentUpd 阅读全文
摘要：
adblock plus是一款可以屏蔽广告以及任何你想屏蔽元素的软件，屏蔽之后的效果如下图所示，abp自动屏蔽广告，还可以自行添加屏蔽内容，右上角红色的ABP标识就是该软件 下载地址： https://downloads.adblockplus.org/devbuilds/adblockplusch 阅读全文
摘要：
雪碧图是把各种小图标集合在一起的png图片，通过background-position来展示雪碧图中不同位置的小图标，比如以下图片，在项目中要用到的小图标很多，如果每一个图标都作为一个png或者jpg图片，这样会增加非常多的网络请求，所以把很多小图片组合在一起是一个很不错的选择。 在用backg 阅读全文
摘要：
在css3提供的新选择器之前，选择一个元素需要借助id或者class，css3新增的选择器可以更灵活的去选择需要的元素，那css3提供了哪些好用的选择器呢？ 首先就是属性选择器，我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素，不用额外再添加class或者id比如需要选择出input 阅读全文