云川

摘要： html和body设置为100%，当body中的内容超出后，设置的背景图片无法铺满整个屏幕。 点击查看代码 html,body{ width:100%; height:100%; } .home{ width:100%; height:100%; background: url("../assets 阅读全文

摘要： 在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。 只有 class 组件才有生命周期，因为 class 组件会创建对应的实例，而函数组件不会。组件实例从被创建到被销毁的过程称为组件的生命周期。 由 class 组件创建的实例具有生 阅读全文

摘要： 前言： 在项目开发过程中，由于各种前端框架、插件 以及 nodejs、npm 的飞速更新，在项目新开发 或 对老项目进行更新维护时，有些项目版本的配置 和 当前node环境不匹配，导致运行报错，甚至都无法启动。 nvm的出现就是为了解决以上问题的，nvm是一个Node.js版本管理器 ，为了解决no 阅读全文

摘要： console.group 在 Web 控制台上创建一个新的分组。随后输出到控制台上的内容都会被添加一个缩进，表示该内容属于当前分组，直到调用console.groupEnd()之后，当前分组结束. Console.table() 将数据以表格的形式显示。 这个方法需要一个必须参数 data，dat 阅读全文

摘要： Git 简单工作流理解 日常工作中，我们可能在 Git 使用上频繁交互的流程大致会是这样的（不同规范下会有一些区别，但是大差不大）： 1.来了一个新需求，我们会从 master checkout 一个新的 feature 分支出来进行开发。 2.开发完某个功能点，我们会执行 git add 将代码提 阅读全文

摘要： 介绍 本章节主要介绍 Webpack 高级配置。 所谓高级配置其实就是进行 Webpack 优化，让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化： 提升开发体验 提升打包构建速度 减少代码体积 优化代码运行性能 提升开发体验 SourceMap 为什么 开发时我们运行的代码是经过 w 阅读全文

摘要： 基本使用 Webpack 是一个静态资源打包工具。 它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。 输出的文件就是编译好的文件，就可以在浏览器段运行了。 我们将 Webpack 输出的文件叫做 bundle。 功能介绍 Webpack 本身功能是有限的: 阅读全文