2021年12月
可视化分析包的内容
摘要： webpack-bundle-analyzer 扫描 bundle 并构建其内部内容的可视化。使用此可视化来查找大的或不必要的依赖项。 步骤一：安装 webpack-bundle-analyzer npm install webpack-bundle-analyzer --save-dev 步骤二： 阅读全文
posted @ 2021-12-10 14:46 chicidol 阅读(88) 评论(0) 推荐(0)
swiper实现大图预览功能
摘要： 首先安装swiper插件：6.8.4版本 npm install swiper --save <template> <div> <div class="img"> <img v-for="(img,index) in srcList" :src="img" alt="" :key="index" @ 阅读全文
posted @ 2021-12-10 14:32 chicidol 阅读(703) 评论(0) 推荐(0)
better-scroll移动端滚动插件的使用
摘要： 首先安装插件:2.4.2版本 npm install @better-scroll/core --save <template> <div class="wrapper" ref="scroll"> <div class="content" > </div> </div> </template> < 阅读全文
posted @ 2021-12-10 13:43 chicidol 阅读(198) 评论(0) 推荐(0)
input输入表情符号
摘要： <input type="text" placeholder="" v-model="text" @input="onInput()" /> //禁止输入表情符号 onInput () { var reg = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D 阅读全文
posted @ 2021-12-06 20:23 chicidol 阅读(435) 评论(0) 推荐(0)
2021年11月
拉取分支代码，修改代码之后再上传到该分支
摘要： 首先新建文件夹，在文件夹里右键git bash here， git clone 地址，用vscode打开代码，修改好代码之后， 首先git branch -a查看远程分支，git checkout test切换到test分支，git branch查看当前分支， git pull，git add . 阅读全文
posted @ 2021-11-05 11:46 chicidol 阅读(122) 评论(0) 推荐(0)
2021年10月
hash模式实现history效果的跳转
摘要： 阅读全文
posted @ 2021-10-29 14:42 chicidol 阅读(60) 评论(0) 推荐(0)
axios在安卓上请求失败，报错Network Error
摘要： 方案一：把http请求换为https 方案二：可能是后端的原因，找后端看下 阅读全文
posted @ 2021-10-15 16:16 chicidol 阅读(1532) 评论(0) 推荐(0)
vscode压缩html文件
摘要： 1. 下载Minify插件 搜索minify， 可以得到以下结果，点击Install即可下载， 我下载了前两个插件。 2. 执行压缩命令 首先鼠标选中并打开需要压缩的页面，然后Ctrl + Shift + P出来几个选项，选择Minify选项即可 即可发现已经生成了一个新的压缩过的min文件 3. 阅读全文
posted @ 2021-10-15 11:14 chicidol 阅读(1103) 评论(0) 推荐(0)
弹出蒙版时，弹出层下面的内容禁止滚动
摘要： //maskOff 换成你的弹窗变量 监听弹窗开启 关闭 maskOff (newVal) { if (newVal) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "auto"; 阅读全文
posted @ 2021-10-12 14:18 chicidol 阅读(69) 评论(0) 推荐(0)
给div元素设置height和overflow:scroll时监听不到滚动事件
摘要： 解决方案： 步骤一：给html和body设置height和overflow:scroll 步骤二：并且滚动事件的监听一定要写第三个参数： window.addEventListener('scroll', this.onScroll, true) 设置body的样式： window.document 阅读全文
posted @ 2021-10-12 11:53 chicidol 阅读(635) 评论(0) 推荐(0)