随笔分类 - CSS
摘要：使用 optimize-css-assets-webpack-plugin 插件压缩 CSS文件。 1.文件结构 2.安装 optimize-css-assets-webpack-plugin (根据自己环境安装合适的版本) $ npm i postcss-loader@3.0.0 postcss-
阅读全文
摘要：不同型号、版本的浏览器对CSS的支持程度不同，使用 postcss 插件对不同的浏览器做兼容。 1.文件结构 2.安装 postcss $ npm i postcss-loader@3.0.0 postcss-preset-env@6.7.0 -D 3. a.css #box1 { width: 1
阅读全文
摘要：打包时，使用 MiniCssExtractPlugin 插件，把提取 CSS 成单独文件。 1.文件结构： 2.安装 MiniCssExtractPlugin (根据自己的环境，安装合适的版本，这里用的是wenpack 4.x) $ npm i mini-css-extract-plugin@0.9
阅读全文
摘要：1.文件结构 2.安装 webpack、webpack-cli $ npm init$ npm i webpack@4.41.6 webpack-cli@3.3.11 -g //(全局) $ npm i webpack@4.41.6 webpack-cli@3.3.11 -D //(开发环境) 安装
阅读全文
摘要：1.在Vue中安装并使用 animate.css 解决方案：在确认安装，使用无误的情况下，去开启电脑中的 "窗口内的动画控件和元素"。 再去访问 animate 官网 https://animate.style/ 预览样式就可以生效啦。 END...
阅读全文
摘要：利用Element 组件 “container布局容器”布局； 当内容不能铺满屏幕时，footer不能置底； 这样的： 先说解决方案： 1 .divBox{ 2 position:absolute; 3 top:0; 4 left:0; 5 width:100%; 6 height:100%; 7
阅读全文
摘要：一般chrome浏览器自带scroll: 添加scroll style /* 整个滚动条 */ ::-webkit-scrollbar { width: 6px; background-color: #ffffff; display: none; } /* 鼠标指针浮动显示 */ :hover::-
阅读全文
