
小程序
文章平均质量分 55
hyupeng1006
前端路上一起前进!互相关注、相互学习
展开
-
微信小程序new Date()方法异常问题解决方法
问题现象:安卓手机开发手机和微信小程序编辑器测试都没有问题,唯独IOS获取的日期不显示异常iOS系统对js中的new Date()方法有格式要求let dt = new Date("2019-07-24 19:57")// dt会返回valid Date正确写法应该是let dt = new Date("2019/07/24 19:57")而实际应该过程中日期格式大部分都是2019-07-24这种,所以在实际应用过程中需要用正则对字符串进行预处理let tm ...原创 2021-12-31 11:14:07 · 2371 阅读 · 0 评论 -
小程序打包体积优化策略
背景我们都知道微信小程序有包体积限制,整个小程序所有分包大小不超过 20M,单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代,代码和资源会越来越多,如果不尽早规划包体积的治理,势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发环境中显得尤为重要。代码包体积是其中的一个重要方面,本文将就此进行分析与探讨。常规治理策略资源动态化这个方法常常是小程序体积前期膨胀的主要原因和最有效压缩方式。把一些非核心不紧急的资源文件,特别是图片、原创 2021-10-11 17:01:52 · 2690 阅读 · 0 评论 -
微信小程序开发插件推荐
推荐使用VSCode开发,微信 Web 开发者工具预览插件推荐minapp (提供小程序标签、代码块快速生成)Auto Close Tag (自动关闭标签)Auto Rename Tag (自动重命名标签)ESLint (ESlint 检查)IntelliSense for CSS class names in HTML (css 类名提示)...原创 2019-07-02 10:06:50 · 2411 阅读 · 0 评论 -
小程序扫描普通二维码进入小程序(坑点)
bug步骤:1.从微信端扫码进入小程序,二维码带参数,如:https://api.xxx.com/?id=aaa2.app.js onLaunch中的query.q能获取id=aaa3.右上角退出小程序,最近使用中有该小程序记录4.再次从微信端扫码进入小程序,二维码带参数:https://api.xxx.com/?id=bbb5.进到小程序中发现onLaunch中的query....原创 2019-06-13 14:51:29 · 5224 阅读 · 0 评论 -
小程序扫描普通链接二维码跳转小程序指定界面
https://blog.csdn.net/xiejunna/article/details/80053201 </div> <link rel="stylesheet" href="https://csdnimg.cn/release/phoen...转载 2019-05-06 16:32:29 · 2042 阅读 · 1 评论 -
微信小程序setData()方法的详解以及对数组/json操作
直接进入正题!一、setData()方法:1、参数接受一个对象,以key,value的形式表示;2、参数和变量名称一致,可用一个值代替(es6新语法特性)如上图所示,在this.data中设置ceshi这条数据,在方法中,我们定义ceshi变量让其等于that.data.ceshi; 然后对ceshi进行操作,其实就是对that.data.ceshi进行操作,而that.setData...转载 2019-04-22 15:34:16 · 1980 阅读 · 0 评论 -
wx.downloadFile坑点
小程序刚出来,因为预研需要,很不幸的做了一回小白鼠,于是掉进了神坑。下载文件,首先是没报错了,然后不成功,这个时候,请把 fail打开,把fail的报错信息输出来 wx.downloadFile({ url: 'https://xxxx.xxx.com/...转载 2018-12-05 12:19:56 · 6946 阅读 · 5 评论 -
微信小程序实现给循环列表点击添加类(单项和多项)
在微信小程序里面没有DOM对象, 不能操作DOM. 所有的操作通过数据来实现,下面主要实现了给循环列表点击添加类的操作一、单项目标需求:实现下图,给点击的view增加类,每次只能选择一个。主要思路:给点击的view增加类,依靠点击的index对state进行赋值。如果相同时,给该view增加类。实现代码:.wx...转载 2018-11-13 11:15:37 · 690 阅读 · 1 评论 -
小程序学习笔记一
1. 生命周期和相关函数Page({ data: {}, // Page 实例的生命周期函数 onLoad: (option) => { // 页面初次加载时候触发,只会触发一次 console.log(option.id) // 1 }, onReady: () => {}, // 页面初次渲染完毕,只会触发一次(页面...原创 2018-11-07 15:58:49 · 170 阅读 · 0 评论 -
微信小程序之本地缓存
目前,微信给每个小程序提供了10M的本地缓存空间(哎哟妈呀好大)有了本地缓存,你的小程序可以做到: 离线应用(已测试在无网络的情况下,可以操作缓存数据) 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存: 热数据 静态数据(用户数据,服务器授权ID等) 网络地址(图片、文件等网络地址) 分页列表数据及详情内容 一般的缓存系统采用键值对的方式完...原创 2018-11-07 14:05:00 · 1837 阅读 · 0 评论 -
微信小程序引入iconfont字体图标
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_29712995/article/details/79079566 1、首先在阿里巴巴矢量图库里创建项目并添加图标进去2、在微信小程序中新建.wxss文件(如:iconfont.wxss)...转载 2018-11-02 16:30:09 · 1079 阅读 · 0 评论 -
小程序自定义组件生命周期
created: function(){}, // 组件在内存中创建完毕执行attached: function(){}, // 组件挂载之前执行ready: function() {}, // 组件挂载后执行detached: function(){}, // 组件移除执行moved: function(){}, // 组件移动的时候执行小程序官网中并没有明确地说明组件的生命周期,通...原创 2018-11-06 11:27:00 · 14325 阅读 · 1 评论 -
微信小程序自定义组件Component总结
没有看过微信小程序自定义组件(以下称Component)的同学可以到官网上了解一下。以下是对Component的总结:一、Component概念Component像页面一样由wxml、wxss、js和json4个文件组成,且需要把这4个文件放在同一个目录中。与页面不一样的是,Component中的构造函数(也可以称构造器)是Component({}),而页面中的构造函数是Page({}...转载 2018-11-01 15:13:14 · 1424 阅读 · 0 评论 -
实时数据分页去重问题
1. 问题描述将分页、降序数据用瀑布流展示的时候,因为数据总量是不断变化的,导致之前第一页的数据可能变成第二页,第三页,这样客户查看的时候可能出现重复数据展示。(最新的数据会插到列表的最前端)。 典型的是活动参与人列表页,因为这部分数据对于业务方来说可能非常重要,不能出现任何的重复或者顺序显示的不对。2. 实际场景用户按照分页降序请求瀑布流数据的时候,请求完第一页,在该页停留了 5 分钟,...转载 2018-11-01 15:01:05 · 5235 阅读 · 4 评论 -
小程序开发信息公告轮播及点击跳转
给大家展示一个简单的信息公告轮播,及其点击后跳转 ,效果如下:wxml<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000"> <block wx:for="{{inforList}}"&a转载 2018-10-16 13:46:19 · 1075 阅读 · 0 评论 -
小程序开发—文档下载与预览
在小程序中,有时数据中含有一些必要的文档需要下载,当我们与后端交互得到了文档的URL后,无法直接预览,需要将其下载,然后再预览。UI代码如下<view class='category-item'> <block wx:for="{{fileTypeList}}"> <view bindtap='previewFile' data-url=...转载 2018-10-16 10:02:45 · 514 阅读 · 0 评论