摘要:异常现象: 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.对整个表单进行规则
阅读全文