01 2021 档案
vue css >>> /deep/ 穿透
摘要：vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。 有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名) <style scoped> 外层 >>>
阅读全文
JS中 reduce() 的用法
摘要：过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。 一、语法 arr.reduce(function(prev,cur,index,ar
阅读全文
微信小程序无法抓包的解决办法及原因分析
摘要：问题描述 最近在开发调试微信小程序，开发完成后用自己的安卓手机查看体验版时，打开fiddler抓包代理工具，发现小程序获取列表失败并报request:fail-202:net:ERR_CERT_AUTHORITY_INVALID 错误，可是关闭fiddler后有能正常浏览。 解决办法 初步怀疑是fi
阅读全文
微信小程序强制更新版本以及热启动和冷启动
摘要：小程序先提交了一个版本，但是用的时候发现了一些问题需要及时的更新，这时候就要发布新版本。如何让用户自己的小程序也更新到最新版本呢？ 一、运行机制 小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。假如用户已经打开过某小程序，然后在一定时间内（五分钟）再次打开该小程序，此时无需重新启动，只需
阅读全文
详解vue 路由跳转四种方式 (带参数)
摘要：1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开
阅读全文
校验是否是一个正确的url地址
摘要：replaceReg: function(str) { let regx = /(https|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g; let chineseReg = /[\u4e00-\u9
阅读全文
优化浏览器进度条（兼容性不是很好在谷歌浏览器生效）
摘要：*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #f5f5f5; } /*定义滚动条的轨道,内阴影及圆角*/ ::-webkit-scrollbar-tra
阅读全文
input 原声上传文件 file转化为binary对象发送给后台
摘要：具体代码如下： function filechange(e) { var file = $('#filed').get(0).files[0]; var fileSize = file.size, fileType = file.type; if (file.name.lastIndexOf('.'
阅读全文
vue篇之事件总线（EventBus）
摘要：EventBus的简介 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的灾难，因此才需要更完善的V
阅读全文
小程序路由遇到的问题（eventChannel.emit is not a function报错）
摘要：备注： wx.navigateTo进行跳转会往路由列表追加； 如果不使用 wx.navigateTo进行跳转 this.getOpenerEventChannel()返回的是一个空对象 想使用 eventChannel.emit(this.opt.event, {data: ''});直接报错；
阅读全文
小程序组件（弹窗组件以及插槽使用）
摘要：备注：小程序弹出层组件开发（） index.js // common/pop/pop.js Component({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, /** * 组件的属性列表 */ properties: { auto
阅读全文
小程序组件开发（自定义头部）
摘要：备注：小程序组件 js文件不要写 page（）等，开发过程没有问题上传在真机上会报错 一下以自定义导航头部为实例： header.js文件： // pages/components/header/header.js // // 启用插槽 Component({ options: { multiple
阅读全文
