- 博客(13)
- 收藏
- 关注
RSS订阅
原创 VueCli3 多页开发 token权限控制的一个框架说明
1：项目结构assets目录：放置静态文件的地方filtres: 放置全局过滤器的地方pages:放置页面plugins: 放配置文件axios.js 设置axioscheck-token：操作token的地方element 全局注册element的地方http: axios的二次封装请求中转处理store： vuex存放的位置2：多页开发pages下面的两个目...
2018-11-22 14:19:35
1543
1
原创 webpack4配置说明（插件篇）
1.打包代码压缩JSCSS图片压缩2.自动清理构建脚本clean-webpack-pluginconst { CleanWebpackPlugin } = require('clean-webpack-plugin'); plugins: [ new CleanWebpackPlugin(), ]...
2019-11-16 11:57:41
216
原创 webpack代码压缩
JS压缩webpack4 内置了 uglifyjs-webpack-pluginCSS压缩使⽤ optimize-css-assets-webpack-plugin，同时使⽤ cssnanoplugins: [ new OptimizeCSSAssetsPlugin({ assetNameRegExp: /\.css$/g, cssProcessor: require('cssn...
2019-06-01 12:11:19
649
原创 webpack热跟新和文件指纹
一： 热跟新1 watch 文件监听(非热跟新)watch文件监听是需要手动的刷新浏览器。页面才能刷新内容。因为他是轮询文件的最后修改时间是否变化，当文件发生变化时，不会立刻告诉监听者，而是先缓存起来等待aggregateTimeout //默认false，不开启 watch: true, // 只有开启监听模式，wacthOptions才有效 watchOptions: { /...
2019-06-01 12:04:24
213
转载 webpack配置插件项
这篇博客是记了一个关于webpack的笔记postcss-loader首先postcss-loader 和 postcss-cssnext 是关于css自动补充前缀的一个插件，webpack 里面rules配置use: [‘style-loader’, ‘css-loader’, ‘postcss-loader’]项目根目录创建一个postcss.config.js 文件，modu...
2019-05-30 15:27:07
252
原创 rem两段话兼容H5 REM
document.documentElement.style.fontSize = 100 * window.innerWidth / 750 + 'px';window.addEventListener("resize", () => { document.documentElement.style.fontSize = 100 * window.innerWidth / 750...
2018-12-24 13:50:04
117
转载 ES7+ES8学习笔记
Object.entries()1：作用作用：将一个对象中可枚举属性的键名和键值按照二维数组的方式返回。若对象是数组，则会将数组的下标作为键值返回。Object.entries({ one: 1, two: 2 }) //[['one', 1], ['two', 2]]Object.entries([1, 2]) //[['0', 1], ['1'...
2018-11-14 11:29:07
245
原创 VUE-CLI3全局引入less的变量
VUE-CLI3全局引入less的变量首先确定是vue-cli3.x而不是2.9.x，我昨天就被这个给坑了，其实这个东西也简单，用style-resources-loader来处理就OK了vue add style-resources-loader安装完成后选择less预处理器，他会在vue.config.js代码中生成pluginOptions: { 'style-res...
2018-09-29 10:22:33
8166
7
转载 实现手机端的1px像素 border的实现
实现1px像素需要知道min-device-pixel-ratio设备像素比。如不清除的情移步了解下张鑫旭大神的设备像素比devicePixelRatio简单介绍@media (-webkit-device-pixel-ratio: 1.5),(device-pixel-ratio: 1.5) { .border-1px{ &:after{ ...
2018-08-31 14:00:51
414
原创 软键盘弹出对背景图片的挤压和fixed定位的影响
1：对背景图片的影响 其实我们可以在页面初始化的时候把页面高度设置死，而不用设置height: 100% 这种 // 获取浏览器的高度let h = document.body.clientHeight || document.documentElement.clientHeight // 解决背景图变形document.getElementsByClassName('child...
2018-08-31 11:54:26
1199
原创 VUE+audio 自定义简单的音乐播放器
H5的audio标签在不设置controls这个属性的情况下，那么他会默认的隐藏本身的空间。但是方法还能用
2018-08-24 10:03:31
10801
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人