ES6-新增特性一览
ES6-新增特性一览
[[toc]]
1. let/const取代var2. 字符串模板3. 对象解构4. 新数据类型 Symbol5. 新数据结构Map/Set/WeakMap/WeakSet6. Proxy、Reflect7. 扩展
字符串填充(padStart 和 padEnd)
Array ...
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的作 ...
Flex弹性布局
Flex弹性布局
[[toc]]
容器的属性
flex-direction属性flex-direction属性决定主轴的方向(即项目的排列方向)。
.box { flex-direction: row | row-reverse | column | column-reverse; ...
display:none opacity:0以及visibility:hidden的区别
display:none opacity:0以及visibility:hidden的区别
相同作用能够对元素进行隐藏
空间占据display:none;不占据空间,所以动态改变此属性时会引起重排。
visibility:hidden;元素会被隐藏,但是不会消失,依然占据空间。
opacity:0; ...
CSS九宫格布局实现
CSS九宫格布局实现
[[toc]]
基本的布局
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="w ...