摘要：
一、搭建好react的环境 npm install -g create-react-app create-react-app . // 这一命令会在文件夹中生成package.json/node-modules/public/src/.gitignore/package-lock.json/READ 阅读全文
摘要：
React的生命周期主要分为三段，mount（挂载）、update（更新）、unmount（卸载）。 一、mount，即挂载阶段，第一次让组件出现在页面中的过程，React会将render的返回值插入到页面中，这个过程会暴露以下几个钩子（hook）： 二、update，即更新阶段，如果数据有任何变动 阅读全文
摘要：
在设置组件的属性时我们都知道，一般把固定不变的属性设置放在props上，把会实时发生变化的属性放在state上，那么怎么样才能改变这个变化的属性值呢，我们用到这个函数，即setState。 setState不会立刻改变React组件中的state的值。 setState通过引发组件的一次更新过程来引 阅读全文
摘要：
一、HTML模板 React的网页源码大致如下： <script type="text/babel"></script>，这个type的属性为text/babel，这是因为JSX语法和JavaScript语法不兼容，凡是遇到JSX语法的网页都需要把文档类型设置为babel。上述代码引用的三个库rea 阅读全文
摘要：
1. 安装： 为了更好的理解npm，我们运行下面两行命令： 为了使安装的速度更快，我们使用淘宝的镜像： 这个配置会在我们设置npm adduser的时候出现问题，使用 npm config delete registry 恢复原样。 然后我们开始安装webpack，npm i -g webpack 阅读全文
摘要：
一、安装：在全局环境下安装 二、运行命令，如果不能自动打开网页，在浏览器的地址栏输入：http://127.0.0.1:8080 webpack是为浏览器构建JavaScript模块脚本的quan前端工具。它可以类似于Browserify一样，但是能做的更多。 Webpack需要一个配置文件名叫we 阅读全文
摘要：
在使用GitHub的过程中常常会出现一下子忘了曾经很熟的命令怎么突然不会写了。。。在此整理一份，方便复习。 首先新建仓库： 这样我们就新建了一个GitHub上的远程仓库，接下来将本地的代码传入远程仓库。找到本地的文件夹，在文件夹下依次执行下面的命令。 获取预览链接 在settings下找到： 选中m 阅读全文
摘要：
1. 数组是一种特殊的对象，键名是默认的， 1,2,3，所以定义数组的时候会省略。 2. 对象的键名一律为字符串，数组的键名会被自动转换为字符串。 3. 对象可以用点方法读取，也可以用方括号的方法读取，但是数组只能用方括号的方法读取。 4. keys是一种类数组对象，只有数组的length一种属性， 阅读全文
摘要：
字体图标的制作方法有这样几种： 1. img法； 2. background法； 3. sprites雪碧图或精灵图； 4. font法； 5. SVG法；（推荐） 6. CSS动手画。 方法一，img法，使用Photoshop软件进行切图和修图，实现设计师交给我们的设计稿。设计师可能会给我们两种格 阅读全文
摘要：
本文试着先解释一下堆叠顺序是什么，在引入堆叠上下文。 MDN上这样解释堆叠上下文： 层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。 平时我们浏览网页时，可以理解为从 阅读全文