![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 50
船长在船上
CSDN前端领域博客专家,CSDN前端领域优质创作者,资深前端开发工程师,专注web前端领域开发,在CSDN分享工作中遇到的问题以及问题解决方法和对项目开发的实际案例总结以及新技术的认识。
展开
-
uni-app实现点击显示隐藏列表,兼容微信小程序
uni-app显示隐藏功能,兼容小程序。原创 2023-08-30 15:11:36 · 1312 阅读 · 2 评论 -
完美解决微信小程序使用复选框van-checkbox无法选中
可以打印看看console.log(e)添加onChange事件。checked 默认值。原创 2023-08-18 15:07:07 · 2756 阅读 · 0 评论 -
微信小程序在线考试项目开发-接口封装调用
技术选型:轻量、可靠的小程序 UI 组件库Vant2:Vant Weapp。原创 2022-09-26 11:58:03 · 514 阅读 · 1 评论 -
微信小程序在线考试项目开发-注册登录功能
用户授权后检索是否登记过信息,如果登记过则跳转到考试列表页进行答题考试,显示tabbar;如果没有登记过则不显示tabbar,需要就进行用户信息登记,登记之后跳转考试列表页进行答题考试;当切换tabbar时候,进入该页面获取用户信息进行信息回显;确定按钮不显示,用户信息也不能在修改;原创 2022-09-13 06:30:00 · 1108 阅读 · 0 评论 -
微信小程序在线考试项目开发-用户授权登录、身份信息获取
用户授权流程实现方法:wx.getUserProfile(Object object)获取用户信息。页面产生点击事件(例如button上bindtap的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回userInfo。该接口用于替换wx.getUserInfo原创 2022-09-13 06:30:00 · 1883 阅读 · 8 评论 -
uni-app 数据下拉刷新功能
uni-app上拉加载更多功能https://blog.csdn.net/SmartJunTao/article/details/123684356在 pages.json 配置文件中,为当前的 goods_list 页面单独开启下拉刷新效果:"subPackages": [{ "root": "subpkg", "pages": [{ "path": "goods_detail/goods_detail", "style": {} }, { "path": "原创 2022-03-23 14:05:42 · 1709 阅读 · 1 评论 -
uni-app 数据上拉加载更多功能
实现上拉加载更多打开项目根目录中的 pages.json 配置文件,为 subPackages 分包中的商品goods_list 页面配置上拉触底的距离:"subPackages": [ { "root": "subpkg", "pages": [ { "path": "goods_detail/goods_detail", "style": {} }, { "path":..原创 2022-03-23 13:58:55 · 6016 阅读 · 11 评论 -
vue uni-app解决关键词重复的问题,搜索记录功能
修改saveSearchHistory方法如下:// 保存搜索关键词为历史记录saveSearchHistory() { // this.historyList.push(this.kw) // 1. 将 Array 数组转化为 Set 对象 const set = new Set(this.historyList) // 2. 调用 Set 对象的 delete 方法,移除对应的元素 set.delete(this.kw) // 3. 调用 Set 对象的 add 方..原创 2022-03-23 11:40:34 · 440 阅读 · 0 评论 -
vue uni-app搜索记录 解决关键字前后顺序的问题
功能:搜索之后记录数据,把最后一个显示在第一个 data 中的historyList不做任何修改,依然使用 push 进行末尾追加 定义一个计算属性historys,将historyList数组reverse反转之后,就是此计算属性的值: computed: { historys() { // 注意:由于数组是引用类型,所以不要直接基于原数组调用 reverse 方法,以免修改原数组中元素的顺序 // 而是应该新建一个内存无关的数组,再进行...原创 2022-03-23 11:33:52 · 1377 阅读 · 0 评论 -
uni-app 小程序 封装 uni.$showMsg() 方法
当数据请求失败之后,经常需要调用 uni.showToast({ /* 配置对象 */ }) 方法来提示用户。此时,可以在全局封装一个 uni.$showMsg() 方法,来简化 uni.showToast() 方法的调用。具体的改造步骤如下: 在main.js中,为uni对象挂载自定义的$showMsg()方法: // 封装的展示消息提示的方法uni.$showMsg = function (title = '数据加载失败!', duration = 1500) { uni....原创 2022-03-23 10:16:05 · 2665 阅读 · 2 评论 -
uni-app 小程序 配置分包
配置小程序分包:分包可以减少小程序首次启动时的加载时间为此,我们在项目中,把 tabBar 相关的 4 个页面放到主包中,其它页面(例如:商品详情页、商品列表页)放到分包中。在 uni-app 项目中,配置分包的步骤如下: 在项目根目录中,创建分包的根目录,命名为subpkg 在pages.json中,和pages节点平级的位置声明subPackages节点,用来定义分包相关的结构: { "pages": [ { "path": "pa...原创 2022-03-23 10:08:34 · 1262 阅读 · 3 评论 -
uni-app配置接口请求
配置网络请求由于平台的限制,小程序项目中不支持 axios,而且原生的wx.request()API 功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用@escook/request-miniprogram第三方包发起网络数据请求。请参考@escook/request-miniprogram的官方文档进行安装、配置、使用官方文档:https://www.npmjs.com/package/@escook/request-miniprogram...原创 2022-03-23 09:54:00 · 2831 阅读 · 1 评论 -
小程序getStorageSync、setStorageSync数据缓存,优化页面加载
onLoad(options) { // 获取本地数据 const Cates = wx.getStorageSync('cates'); if (!Cates) { this.getCates(); } else { // 定义数据过期时间10s if(Date.now() - Cates.time > 1000*10) { this.getCates(); } else { this..原创 2022-03-22 16:44:45 · 10553 阅读 · 0 评论 -
facebook库runtime.js
/** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var runtime = (function (exports) { "use strict"; var Op = Object..原创 2021-01-21 14:49:41 · 532 阅读 · 0 评论 -
小程序配置px2rem
H5转rem,小程序是rpx,统一配置:npm install px2rpx-loaderconst px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 // 设计图的1/10 }}const px2rpxLoader = { loader: 'px2rpx-loader', options: { baseDpr: 1, rpxUnit: 1 }}...原创 2020-08-24 10:43:17 · 695 阅读 · 0 评论