随笔分类 - 学习记录
摘要：// 在 App.vue文件下定义即可 // useDark() 和 useToggle() 均需要安装 @vueuse/core 包 即可使用 npm install element-plus --save 安装 Element-Plus npm install @vueuse/core --sa
阅读全文
摘要：翻译：没有添加被动事件监听器来阻止’touchstart‘事件，请考虑添加事件管理者’passive’，以使页面更加流畅。 原因： 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault()，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如
阅读全文
摘要：同意网络权限后白屏问题解决方案： 1、在App.vue文件中，onShow生命周期内添加一段代码，检测是否同意使用互联网权限： uni.onNetworkStatusChange(function(res) { console.log('onNetworkStatusChange', res); i
阅读全文
摘要：H5、Windows中，跳转外部链接可以使用： 1、window.location.href = 外部地址；// 兼容性最好 2、window.open(外部地址)； // 此种方式在Safari浏览器中存在无法打开的情况 APP中打开外部地址： 1、plus.runtime.openWeb(外部地
阅读全文
摘要：bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us
阅读全文
摘要：以下是必须肯定会用到的官方地址 腾讯地图API开发文档：微信小程序JavaScript SDK | 腾讯位置服务 (qq.com) 高德地图API开发文档：开发 | 高德地图API (amap.com) 高德地图小程序配置指南：入门指南-微信小程序插件|高德地图API (amap.com) 小程序后
阅读全文
摘要：首先第一个，真有被折磨到！ // 微信正常使用，支付宝不行 <image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/> // 以下两种 微信、支付宝都正常使用 <image src="https://stati
阅读全文
摘要：碰到这种问题，其实你的接口已经通了，但是在页面上就是访问不通过。 你可以把API请求地址单独拎出来新开个网站打开看请求是否成功，成功，但是你的项目不通。 有那么几个可能吧： 1、请求头设置错误 headers = { 'Content-Type': 'application/json' //错误的
阅读全文
摘要：根本原因在于你的vue.config.js里的publishPath设置的路径是相对路径还是绝对路径 大家都是看别人设置成 process.env.NODE_ENV 'production' ? './' : '/' 就原模原样照着复制粘贴 其实无所叼谓，只需要设置成 '/' 不需要判断环境，默认就
阅读全文
摘要：解决方案： 在你的.env.dev配置文件中配置VUE_APP_BASE_API并对target赋值
阅读全文
摘要：html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click="
阅读全文
摘要：废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13
阅读全文
摘要：/** * 防抖原理：一定时间内，只有最后一次操作，再过wait毫秒后才执行函数 * * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @retur
阅读全文
摘要：一般过滤器我们都会卸载过滤filter文件内 本文这里就直接写正常methods格式的 //过滤空格 filterSpaces(data) { return data.replace(/\s+/g, '') }, //验证是否为纯数字 isNumber(val) { var regPos = /^\
阅读全文
摘要：首先，简单介绍下mixin： Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类 Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂 在Vue中，mixin（混入），提供了一种非常灵活的方式，来分发 V
阅读全文
摘要：在控制台执行 即可 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
阅读全文
摘要：发生这种情况，直接去查看 props 对象是否 类型正确 props 有 大概两种 写法吧， 一种就是对象形 ，一种是数组形 // 对象形props: { show: { type: Boolean, default : () => false }, screenWidth: { type: Str
阅读全文
摘要：https://www.bootcdn.cn/echarts/
阅读全文
摘要：这里用到的 Vue.directive 自定义指令 自定义指令是对普通DOM元素进行的底层操作，它是一种有效的的补充和扩展，不仅可以用于定义任何的dom操作，并且是可以复用的 在 main.js 中写入以下代码 // 避免按钮重复点击 Vue.directive('preventReClick',
阅读全文
摘要：一般情况去除定时器的常用的三种方式方法：创建一下三种钩子函数，一般有其中一个就足以实现清除定时器的效果beforeDestroy(){ beforeDestroy(){ // 离开当前路由前的操作 clearInterval(timer) timer = null } destroyed(){ //
阅读全文