元气少女冰

摘要： javascript是单线程执行的程序，也就是它只有一条主线，所有的程序都是逐行“排队”执行，在这种情况下可能存在一些问题，比如说setTimeout、ajax等待执行的时间较长，就会阻塞后续代码的执行，使得整个程序执行的耗时非常久，那么为了应对这样一个问题，javascript代码在执行的时候，是 阅读全文

摘要： 在nodejs编写的脚手架项目中，npm是不可缺少的包管理工具，当使用npm初始化时，会生成package.json文件来对项目进行整体的管理和描述 以下是新建的练习项目中package.json文件，初始化项目之后，安装了axios 以上每个配置信息分别对应的含义如下 (1)name * 项目名称 阅读全文

摘要： 一、基本使用 1、数组的创建 (1) 通过[] let arr1 = [1, 2, 3, 4, 5] (2) 通过创建构造函数 Array的实例 let arr2 = new Array(1, 2, 3, 4, 5) console.log(arr2) // [1, 2, 3, 4, 5] 需要注意 阅读全文

摘要： 在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 阅读全文