小程序开发记录
叶川飞流
学而时习之,不亦乐乎
展开
-
小程序:解决input输入之后被吃掉一截显示、变短的问题
设置input为块级内容,并且设置高度input{display: inline-block; height: 50rpx;}如图所示:小写j和小写i都变成了一样的写法原创 2021-08-10 15:07:09 · 604 阅读 · 0 评论 -
小程序多行省略内容
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;原创 2020-10-20 18:23:12 · 115 阅读 · 0 评论 -
小程序如何实现其他内容覆盖scroll-view层呢?已解决
如果你想要实现的效果如上图所示,那么可以参考一下的代码:思路主要是因为scroll-view的层级太高了,所以我们用两个scroll-view来处理这种问题。wxml<view style="width:100%;height:100rpx;background:orange;text-ailgn:center;" bindtap="change"><text>c...原创 2020-04-08 23:29:27 · 1636 阅读 · 0 评论 -
小程序自定义属性在wxml上无法展示
报错如上图所示,明明有数据却出不来.解决办法:根据返回数据段的前后顺序一一对应即可.即把两者调换位置就可以解决了原创 2020-04-03 11:36:50 · 432 阅读 · 2 评论 -
小程序声明需要使用的模板文件
<!-- 声明需要使用的模板文件 --><import src="../template/footer.wxml" /><template is="footer" data="{{page_url: page_url,cart_num: cart_num}}" />原创 2020-03-12 17:42:06 · 285 阅读 · 0 评论 -
小程序wx:for循环的animation每个元素单独执行动态效果
wxml代码: <view class="cardItem" wx:for="{{cardList}}" data-item="{{item}}" data-index="{{index}}" animation="{{item.animation}}" catchtap="scale">js代码: data: { animation: '', ca...原创 2019-12-03 16:56:48 · 1609 阅读 · 0 评论 -
thirdScriptError xxx is not defined,小程序的函数要指定当前执行
fuzzyQuery: function (list, keyWord) { var arr = []; for (var i = 0; i < list.length; i++) { if (list[i].match(keyWord) != null) { arr.push(list[i])...原创 2019-09-18 19:46:38 · 2062 阅读 · 0 评论 -
小程序拒绝授权后可再次授权功能
getUserInfo: function (e) { if (e.detail.userInfo) { //用户按了允许授权按钮 var that = this; console.log("用户的信息如下:"); //console.log(e.detail.userInfo); } else { //用户按了拒绝按...原创 2019-09-16 11:16:03 · 324 阅读 · 0 评论 -
小程序多选复选框实现
//html部分 <view class="colClass" wx:for="{{myData[school.id]}}" wx:for-item="class" wx:for-index="classIndex" data-scid="{{school.id}}" data-id="{{class.id}}" catchtap='radioFun'>...原创 2019-09-16 10:50:32 · 3838 阅读 · 0 评论 -
获取select下的第一个option的自定义属性值
$('select').children(1).data('sid');原创 2019-09-05 16:28:56 · 1088 阅读 · 0 评论 -
小程序不要频繁发起请求(每次点击都发请求)可以通过这种方式实现唯一性并且只请求一次
showClass(id){ console.log('学校id',id) var that = this; var myClassData = this.data.myData; if (!(myClassData[id] && myClassData[id].length)){//限制只请求一次,当有数据时候就不发起请求了 wx....原创 2019-09-05 13:58:13 · 2371 阅读 · 0 评论 -
小程序异步函数处理,当在wx.request函数外部取不到数据时使用
loadData(){ //获取缓存的老师id var that = this; util.getStoreInfo(that); //获取老师的所有学校信息 wx.request({ url: 'https://haiyunht.langqiyun.cn/index/api/getTeacherSchool?id=27', //...原创 2019-09-05 10:57:25 · 657 阅读 · 0 评论 -
获取小程序data的值
this.data.recorder使用this.data.访问变量原创 2019-08-27 18:02:37 · 1928 阅读 · 0 评论 -
小程序获取不到数据渲染data
couponReq(num) { var that = this; wx.request({ url: 'http://xsd.langqiyun.cn/api/Coupon/myCoupon', method: 'POST', header: { 'content-type': 'application/x-www-form-u...原创 2019-08-27 21:23:40 · 2062 阅读 · 0 评论 -
小程序项目接口对接的准备工作
搜索小程序开发后台服务器域名要全部填写完,如上图所示。填写完之后会在详情里面看到相关信息,另外要注意一下,AppID要和开发者ID一致原创 2019-09-02 11:41:57 · 475 阅读 · 0 评论 -
小程序报错:Setting data field "xxx" to undefined is invalid
这样写会报错,因为在onload函数执行的时候,并没有传来这个参数,会报错,所以要写三目运算符解决该问题,三目运算可以给到一个默认值 _this.setData({ id: (options.id ? options.id : 1), type: (options.type ? options.type : 1) })...原创 2019-09-02 13:53:39 · 5005 阅读 · 3 评论 -
es6转es5方法
1、下载该转码包链接: https://pan.baidu.com/s/1tdDiNI-mVPpgeSjQjGcYuQ 提取码: 5wrd 复制这段内容后打开百度网盘手机App,操作更方便哦2、新建src文件夹,里面放入需要转码的js文件夹3、执行npm i4、执行npm run build5、把生成的dist文件夹下的js文件夹复制替换原先的js文件夹即可...原创 2019-09-03 11:16:38 · 824 阅读 · 0 评论 -
小程序封装请求方法要使用Promise来回调返回值
getPromise(url, id, method) { return new Promise((resolve, reject) => { wx.request({ url: HY + url, method: method?method:'GET', data: { id: (id ? id : '')}, ...原创 2019-09-03 14:31:42 · 2748 阅读 · 1 评论 -
小程序修改后无法马上修改数据的解决办法
解决办法:方法一:再次发起请求,请求渲染新的页面即可。方法二:直接通过setData()函数获取最新的数据。原创 2019-09-03 21:33:51 · 757 阅读 · 0 评论 -
小程序使用缓存setStorageSync和getStorage来设置缓存和读取缓存数据(踩坑记录)
前言:网上的教程好复杂好乱,没有把简要的东西概括出来,摸索了好多文章却最终靠自己的小测试解决了这个问题。记录以下次使用,分享给大家。这是在获取到请求数据时,把请求到的数据写入缓存的操作success(res) { var info = res.data.data; wx.setStorageSync( 'history', ...原创 2019-09-04 14:01:02 · 11713 阅读 · 0 评论 -
小程序引入vant组件(已解决)
第一步:npm i vant-weapp -S --production第二步:我找到方法了,你只需要把miniprogram_npm/vant-weapp里的组件文件夹都删除,之后再https://github.com/youzan/vant-weapp下载一份vant, 将dist文件夹(vant-weapp-dev\vant-weapp-dev\dist)中的文件复制到 miniprog...原创 2019-08-26 17:58:02 · 7909 阅读 · 1 评论