web前端开发html5/css3/java/jsp/javascript/jquery/bootstrap...
摘要:如题,微信小程序内嵌vue2的h5项目,要实现H5页面自定义分享,具体操作如下: 一. H5部分 1. public/index.html引用微信jssdk: <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
阅读全文
摘要:异常现象: 如题,vue项目中使用van-uploader组件上传图片,Network中查看接口调用荷载的表单数据,没有正常传递图片文件参数,而是一系列函数列表,如下: append=function%20append()%20%7B%20%5Bnative%20code%5D%20%7D&dele
阅读全文
摘要:前言: 之前使用微信小程序、uniapp的省市区选择组件,初始数据都可以直接接收省市区名称的,诸如 let addr=['北京市','北京市','东城区'] ,所以,直接根据后端接口返回的省市区数据就能完成组件初始化。 但vant ui就偏不,只能接收areaCode,开发文档上说了,areaCod
阅读全文
摘要:异常现象: 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
阅读全文