Webpack4 配置详解
Webpack4 配置详解
[[toc]]
Webpack4后包拆成webpack和webpack-cli两个包：
// 安装webpacknpm install --save-dev webpack webpack-cli
主要有以下这些一级配置：
module.exports = ...
BFC
BFC
如何创建BFC
float的值不是none。
position的值不是static或者relative。
display的值是inline-block、table-cell、flex、table-caption或者inline-flex
overflow的值不是visible
BFC的作 ...
css的模块化
css的模块化
1. 关于less使用建议
1、过渡的嵌套会导致很多问题发生，使代码变得更复杂，而且太过依赖于HTML结构，这样后面要覆盖样式需要依赖于"!important"，而这种方式又是我们尽量避免使用的一种
2、嵌套层级不应该超过三层
3、嵌套层级编译出来的CSS，要 ...
清除浮动的最常用的几种方法
清除浮动的最常用的几种方法
[[toc]]
为什么要清除浮动？
清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题
额外标签法在最后一个浮动标签后，新加一个标签，给其设置clear：both；（不推荐）
.clear{ clear:both;}<d ...
display:none opacity:0以及visibility:hidden的区别
display:none opacity:0以及visibility:hidden的区别
相同作用能够对元素进行隐藏
空间占据display:none;不占据空间，所以动态改变此属性时会引起重排。
visibility:hidden;元素会被隐藏，但是不会消失，依然占据空间。
opacity:0; ...
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 ...
Dva封装
Dva封装
import React from 'react';import ReactDOM from 'react-dom';import {createStore,combineReducers,applyMiddleware} from 'redux';import &# ...
JS设计模式探索
JS设计模式探索
[[toc]]
单例模式var singleton = { name: 'hzf', age: 24, walk: function(){ console.log(this.age); //24 }, eat: function(){ ...
for in和for of区别
for in和for of区别
[[toc]]
for in以任意顺序遍历一个对象的可枚举属性。遍历数组时，key为数组下标字符串；遍历对象，key为对象字段名。
数组let arr = [{age: 1}, {age: 5}, {age: 100& ...