- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue webpack 开启Gzip （配合nginx）
1.安装依赖(不加版本会报错)npm install --save-dev compression-webpack-plugin@1.1.22.打开项目中的prductionGzip选项，具体路径在config/index.js build下增加下面配置：productionGzip:true,productionGzipExtensions:['js','css'],具体位置：3.bulid/webpack.prod.conf.js文件，if( c...
2021-10-07 15:54:00
912
原创 vue webpack优化之HappyPack 实战
安装 HappyPackcnpm i -D happypackwebpack.base.conf.jsconst HappyPack = require('happypack');const os = require('os');const happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length });module.exports = { module: { rules: [ { .
2021-10-07 11:24:52
385
原创 vue webpack图片压缩 image-webpack-loader(记录过程,有对比结果)
结果：优化前：优化后：webpack配置： 在 webpack.base文件夹中，webpack写loader的地方默认就写这里，找找就找到 { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, exclude: [path.resolve(process.cwd(), 'src/assets/css')], use: [ { loader: 'url-lo..
2021-10-06 16:33:06
662
转载 Webpack Scope Hoisting
【Webpack】654- 了不起的 Webpack Scope Hoisting 学习指南_wk843620202的专栏-优快云博客一、什么是 Scope HoistingScope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代...https://blog.youkuaiyun.com/wk843620202/article/details/108820050?utm_medium=distribute.pc_relevant.none-t
2021-10-05 11:45:13
193
原创 Vue webpack.dll优化 减少打包体积和加快打包速度(附详细操作)
效果对比图：配置1.在Vue-cli2搭建的项目中，在build文件夹下新建webpack.dll.js文件。const path = require('path');const webpack = require('webpack');module.exports = { entry: { vendor: ['vue/dist/vue.esm', 'vue-router', 'axios'] //这里把vue,vue-router,axios提取出来，可以再...
2021-10-03 20:23:07
524
原创 vue slot 插槽隔代传数据 作用域篇 (vue2.6)
上篇介绍插槽从父级传插槽数据到子级的子级vue slot 插槽隔代传数据(vue2.6)https://blog.youkuaiyun.com/qq_34685515/article/details/120582088?spm=1001.2014.3001.5501下面介绍反向 由孙级 传数据到父级父级写法 解构写法<template> <div> <test1> <template v-slot:content="{ time }">
2021-10-03 12:22:55
285
原创 vue slot 插槽隔代传数据(vue2.6)
版本2.6以上版本写法父组件 <test1> <template v-slot:test>我是传给子组件</template> <template v-slot:content>我是传给孙子组件</template> </test1>子组件<template> <div> <slot name="test"><.
2021-10-01 23:34:29
1295
原创 vue商品sku属性选择（记录一次开发经验和思路）
需求：（部分打码）不能点击的按钮变灰色目标：1.获取后台数据，添加状态,当前sku为选中状态，匹配组合表没有匹配则按钮为变灰色，每次点击计算出其他没有匹配上数据的变灰色，数据：1.整一页面可选则数据(因为首次进来全部能点击), 2.匹配组合表 由数组和数组中string类型组成思路：1.步匹配组合表 --用split分隔符 string 转数组此表记录所有能组合成类型的条目2.把匹配组合变转换二维数组，[ [],[],[],[] ], (匹配组合表,根据每一列组合成一个数...
2021-09-30 16:43:49
1189
原创 uniapp APP开发软键盘禁止弹起，PDA用硬件键盘按钮输入数量
需求：input标签聚焦事件后默认弹起软键盘，PDA屏幕过小的情况下不需要弹起软键盘（软键盘弹起盖过80%的屏幕）问题点：使用键盘监听事件，监听输入的内容，每次监听只能返回一次一个字符串插件市场下载链接：keyboard-listener - DCloud 插件市场 uni-app 全局按键事件监听https://ext.dcloud.net.cn/plugin?id=2548实现原理：用插件监听键盘事件：过滤数字键和删除按键（只能输入数字和删除键）把识别的数字加入数组中，按删除键.
2021-09-19 11:47:25
2257
原创 vue lib-flexible和postcss-px2rem PC端和移动端的适配,PC端的设计稿1920，移动端的设计稿750（记录适配过程）
1.安装依赖包 npm install lib-flexible --save npm install postcss-px2rem --save 2.配置loader转换参数 找到 build/utils.js, 只适配750设计图的情况填75找到generateLoaders函数载入loader3.在node_modules 找到lib-flexible文件下的flexible.js，然后找到refreshRem函数，将其改为：letflag...
2021-09-16 14:12:12
920
原创 uniapp 语音合成(TTS)没有声音
1.离线APP原生插件，(本地插件和云插件)都出现没有声音，初始化失败的情况.2.PDA安卓环境和安卓模拟器运行TTS插件的时候没有声音需要下载语音引擎apk ，3.本地安装和点击使用4.此方法用于安卓环境下APP开发，本地环境没有自带语音引擎。其他解决方案1.baidu 在线语音合成链接2.sdk 语音合成度秘语音引擎3.0-BaiduSpeechService链接：https://pan.baidu.com/s/18J3svBKDB5br2KYX2rLnUg提取码：
2021-09-03 18:22:10
3949
3
原创 uniapp chooseimage 图片缓存 （安卓端uni.chooseImage方法在拍照时，有的手机会在应用目录下的files/DCIM文件夹下产生并没有被使用的图片 ）
亲测此方法确实生效，不过，上传拍照图片一次会生成8M-10M的内存大小，此方法会解决减少一半内存的问题。那么还有一半内存在哪里呢？经测试_doc文件夹会保存一个由随机号码的子文件夹，即每次调用chooseImage都会生成子文件夹里面就是经过chooseImage处理后临时保存的图片。files文件夹下则保存所有的图片。结论：uni.chooseImage 经过处理的图片会保留两份图片文件，如果不处理图片问题 APP则每次处理图片生成10M的缓存。这里有公...
2021-09-03 10:05:57
1916
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人