摘要：异常现象： vant3升级vant4，直接采用v4的方法使用showToast/showDialog，但直接就报错了，如下： [vite] Internal server error: Failed to resolve import "E:/git_sh/project_code/node_mod
阅读全文
摘要：前言： 可以考虑采用官方提供的v3升级到v4的兼容写法，对现有的业务逻辑代码改动小一些。 如果不想用兼容方案，想直接使用V4的写法，可以参考后边的改造步骤。 一. 兼容方案： 安装 Vant 4 以及 @vant/compat npm add vant@^4 @vant/compat@^1 样式全局
阅读全文
摘要：这里介绍下简单实现瀑布流的方法，适合一次性加载完的数据列表。 如果是分页加载那就需要更复杂的计算了，但也可以在本案例的基础上进行扩展。 关键代码： js部分： let columCount = 2 let goodsList = this.properties.goodsList //创建跟列数相同
阅读全文
摘要：这事儿还得从前后端分离开发说起： 2008 年，谷歌 V8 引擎发布，终结微软 IE 时代。 2009 年 AngularJS 诞生、Node诞生。 2011 年 ReactJS 诞生。 2014 年 VueJS 诞生。 小程序的前身——流应用也就是在这个时间段出现的。 小程序技术的诞生： Dclo
阅读全文
摘要：前言： 微信小程序的wxml/wxs均不支持indexOf，以及其他一些诸如substr/split之类的字符串函数，所以有些时候不得不在js文件中声明函数或者计算属性来进行字符串的处理。 但wxs支持正则表达式，那么可以直接用正则来实现indexOf的功能了，就可以很方便的在wxml文件中对字符串
阅读全文
摘要：h5新增了execCommand函数，就可以直接实现复制功能了，再也不用复制插件了，示例代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale
阅读全文
摘要：1. 小程序用户信息授权描述不明确或空白，请清晰补充描述用户信息授权目的及信息收集场景，再提交代码审核。 出现这个那大概率就是有获取用户授权登录，但是没有用户协议类的描述内容了，添加用户协议即可，如下： 2. 小程序帐号登录功能暂未符合规范要求，请在用户了解体验小程序功能后，再要求用户进行帐号登录。
阅读全文
摘要：后端返回了yyyyMMddHHmmss格式的日期时间，前端需要展示yyyy年MM月dd日、yyyy年MM月、MM月dd日、MM月dd日HH:mm等格式，那么就需要进行格式转换了。 这里采用正则表达式的方式进行转换，示例代码如下： 1 let { log } = console 2 let dtStr
阅读全文
摘要：用到优惠券选择组件，vant官网demo很不友好。百度了下，不少网友都是片段，都是做技术的，就不能贴个完整的么？给个demo让别人一个劲儿的找bug完善。这里就直接贴完整demo了，组件注册全部局部注册。
阅读全文
摘要：出现这个问题，那么很有可能还是按照vue2的方式使用的Vue Router，建议先去了解下Vue Router 3。 解决问题示例代码如下： //router.js import * as vueRouter from "vue-router"; import Home from "../views
阅读全文
摘要：1.安装git: 下载地址：https://git-scm.com/downloads，全程默认下一步即可。 安装好之后，就可以直接使用git控制台了，如下： 在要存放代码的窗口空白处单击鼠标右键，快捷带单点击“Git Bash Here"（如果没有，那么可能就是git安装失败了） 记住这个工具，下
阅读全文
摘要：新电脑给项目安装依赖一直失败，具体异常大致如下： 出现这个问题，可以先考虑降低node版本,这里装的是v16.3，直接官网安装v14.x稳定版本，问题解决！ 如果重装之后还是不行，那关机重启、卸载重装node都可以试试。
阅读全文
摘要：如果项目原来运行正常，只是添加了背景图之后背景图片无法正常显示，那么可以先查看元素，看下背景图片路径变成什么样了。 一般应该是如下这样： http://xxxx.com/static/css/static/img/xxx.jpg 这就造成了图片路径错误而无法正常加载，这个就需要对打包配置项进行调整了
阅读全文
摘要：前言： 环境限制，只能用hash模式，所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置，可以在页面滚动结束后将滚动距离保存到缓存中，然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码： 1 <template> 2 <div cla
阅读全文
摘要：如上，实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs，其中圆环采用vant的环形进度条组件，圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置，圆环的循环滚动采用css3的animation动画，动画的随机频率
阅读全文
摘要：如题，JSON字符串转换JSON格式报错： 这个问题，一般在JSON字符串转换JSON对象的时候才会出现的，下面就详细介绍下。 为什么会出现这个问题？ 对于JSON来说，主要由两种格式，一种是对象，另一种是数组，如下： //JSON 对象 var jsonObj={ "name":"json", "
阅读全文
摘要：异常描述： 查了下，是这个原因导致的： 只使用了 AMD 规范的模块导出方法 define，没有用 CommonJs 规范的方法 module.exports 来导出模块，不过这不是造成报错的原因。 操作步骤： 第一步：安装 script-loader exports-loader: npm ins
阅读全文
摘要：前言： 建议后端合成二维码，直接返回图片给前端（包括二维码带logo），如果后端没有实现这个，只返回字符串给前端，那么就需要前端来用插件合成二维码了。 前端合成二维码，就要用到插件。不少H5的二维码插件都用到DOM的，小程序中没有DOM这个概念，所以h5的好多插件并不能直接用到小程序上，也就出现了h
阅读全文
摘要：Element UI中对Form表单验证的使用介绍： Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种： 1.对整个表单进行规则
阅读全文
