Babel-polyfill
Babel-polyfill
[[toc]]
@babel/preset-env、@babel/polyfill和@babel/plugin-transform-runtime
@babel/preset-env：转换一般语法，以确保代码在指定的旧版环境中运行. 示例：将 let 转换为 var，将 ...
Webpack的使用
Webpack的使用
[[toc]]
优化速度1.异步加载模块2.提取第三库3.代码压缩4.去除不必要的插件5.图片base646.按需加载7.开启Gzip压缩8.多进程打包
splitChunks分割拆包chunk-vendors.js 简介顾名思义，chunk-vendors.js 是捆绑所有 ...
Event-Loop
Event-Loop
[[toc]]
同步 & 异步 & 多线程同步与异步的区别
同步（Synchronous）：在执行某个操作时，应用程序必须等待该操作执行完成后才能继续执行。异步（Asynchronous）：在执行某个操作时，应用程序可在异步操作执行时继续执行。实质：异步操作，启 ...
Webpack4 配置详解
Webpack4 配置详解
[[toc]]
Webpack4后包拆成webpack和webpack-cli两个包：
// 安装webpacknpm install --save-dev webpack webpack-cli
主要有以下这些一级配置：
module.exports = ...
清除浮动的最常用的几种方法
清除浮动的最常用的几种方法
[[toc]]
为什么要清除浮动？
清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题
额外标签法在最后一个浮动标签后，新加一个标签，给其设置clear：both；（不推荐）
.clear{ clear:both;}<d ...
BFC
BFC
如何创建BFC
float的值不是none。
position的值不是static或者relative。
display的值是inline-block、table-cell、flex、table-caption或者inline-flex
overflow的值不是visible
BFC的作 ...
display:none opacity:0以及visibility:hidden的区别
display:none opacity:0以及visibility:hidden的区别
相同作用能够对元素进行隐藏
空间占据display:none;不占据空间，所以动态改变此属性时会引起重排。
visibility:hidden;元素会被隐藏，但是不会消失，依然占据空间。
opacity:0; ...
css的模块化
css的模块化
1. 关于less使用建议
1、过渡的嵌套会导致很多问题发生，使代码变得更复杂，而且太过依赖于HTML结构，这样后面要覆盖样式需要依赖于"!important"，而这种方式又是我们尽量避免使用的一种
2、嵌套层级不应该超过三层
3、嵌套层级编译出来的CSS，要 ...
Flex弹性布局
Flex弹性布局
[[toc]]
容器的属性
flex-direction属性flex-direction属性决定主轴的方向（即项目的排列方向）。
.box { flex-direction: row | row-reverse | column | column-reverse; ...
CSS九宫格布局实现
CSS九宫格布局实现
[[toc]]
基本的布局
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="w ...