摘要：
使用webpack5默认打包出来的js文件在ie11, ie10中报错SCRIPT1002: 语法错误bundle.js (1,14)。原因和babel设置无关，webpack5中默认打包出来的js文件会用es6语法中的箭头函数： // 打包出来的bundle.js (()=>{"use stric 阅读全文
摘要：
按官方文档配置scss后，VS Code会报如图所示错误，如图 解决办法： 原因是使用node-sass时需配置node路径，首先在cmd上输入where node(windows) | which node(Mac,Linux)，找到node路径 C:\Users\xixi> where node 阅读全文
摘要：
使用 flex 布局竖直排列时，竖直换行后子元素未撑开父元素的问题解决 现有 html 结构如下: <div class="wrap"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> 阅读全文
摘要：
响应式网站中的导航栏自动合并 实现当屏幕宽度减小时，右侧导航栏合并进 more 选项中 转载自https://bradfrost.github.io/this-is-responsive/patterns.html 原网址实例：https://codepen.io/Dreamdealer/pen/w 阅读全文
摘要：
css实现自适应固定长宽比的矩形 需要先在内容(图片元素)外面套一层标签，并使用padding-bottom将底部撑开(100%就是正方形, 75%就是4:3的长方形), 然后内容元素使用绝对定位，配合flex布局实现自适应。 html <div class="box-wrapper"> <div 阅读全文
摘要：
加段css： html,body{overflow:hidden;overflow-y:auto;} 阅读全文
摘要：
安装 首先先安装 npm install image-webpack-loader --save-dev 然后顺利报错: > cwebp-bin@5.1.0 postinstall D:\...\code\node_modules\cwebp-bin > node lib/install.js ‼ 阅读全文
摘要：
博客园(默认编辑器设置为Markdowm)是使用heightlight.js进行代码块高亮的。 因此可以通过下载heightlight.js官网的主题css修改博客园中的代码块高亮颜色。 修改方法: 进入heightlight.js官网, 点击demo页面预览, 查看主题效果 在下载页面选择需要的语 阅读全文
摘要：
npm安装 vanilla-lazyload 介绍 vanilla-lazyload是一个轻量级、灵活的脚本，可将图像、背景、视频、iframe等实现懒加载 使用 npm安装 npm install vanilla-lazyload --save-dev 入口文件导入 import LazyLoad 阅读全文
摘要：
Swiper的npm安装 npm安装 npm install swiper --save-dev 添加HTML元素 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 阅读全文