小程序
小胖龙
仅仅只是接受不了那些人只粘贴复制的东西,所以把经过自己亲手实践的问题记录下来……
展开
-
小程序路由传参,传递对象参数,json字符串解析失败
小程序的传参方式都是通过拼接在url后面进行传参,通常只需要绑定传参id,将id绑定为{{item.id}},在点击事件里面使用event.currentTarget的方式接受wx.navigateTo({ url: 'orderDetail/orderDetail?id=' + event.currentTarget.id })但你需要传递的参数为对象时, 传输...原创 2018-07-23 14:20:17 · 3596 阅读 · 0 评论 -
小程序map组件不显示坐标,且出现了bing地图的标识,解决。
map地图组件使用<map id="map" longitude="{{lng}}" latitude="{{lat}}" scale="14" ></map>使用map的过程中出现一个问题,在onload方法中调用接口,对data中的lng和lat进行赋值,然后发现,map实际显示地图为空,没有坐标,而且下方出现了bing地图的标志,顿时懵逼,难道map组件使原创 2018-09-06 17:35:11 · 2313 阅读 · 0 评论 -
小程序点击事件阻止冒泡处理
代码:<view id='5' class='home-menu' bindtap='toRouter'> <image id='5' bindtap='toRouter' src='../../assets/icon/m3.png'></image> <view class='t-c'>时间</view></v...原创 2018-09-14 16:39:58 · 11656 阅读 · 0 评论 -
小程序列表拖拽排序
吃人嘴短,不能先上代码,一定要先上原作者地址:作者:HoPGoldy链接:https://www.jianshu.com/p/d965c80fe901來源:简书简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。然后我也懒得说了,作者的源代码直接全部粘贴复制就直接可以用,一点都不用改,拖拽之后数组排序也会跟着变,没发现太大问题:最终效果(没错!就是你要的那种竖向列表进...转载 2018-10-24 16:03:18 · 6971 阅读 · 1 评论 -
第4个小程序之旅的第一个问题:小程序页面设置页面高度100%
放代码:<view class='login-container'> <view class='form-container'> </view></view>wxss.login-container{ position: fixed; height: 100%; width: 100%; display:flex;...原创 2018-11-07 17:55:14 · 4656 阅读 · 0 评论 -
小程序按钮点击css效果(你很需要!)
小程序自带的button组件是有点急效果的,但是一旦自定义了class你发现 他就是一个方块,点了也是那样静静的呆在那里,没有视觉点击感……往往大多熟悉情况下,我们都要自己定义按钮样式于是自己写了一套通用的小程序点击按钮效果app.sxss.btn-hover{ position: relative; top: 3rpx; box-shadow:0px 0px 8px #999 ...原创 2018-11-08 11:54:59 · 19156 阅读 · 4 评论 -
iview-weapp的radio出现横线
写了一个注册页面写了一个横向的radio,没有出现问题,使用的方法是在i-radio标签加了i-class 样式设置float:left;但是放到真机上之后发现每个radio列有一个横线,之后室友微信开发者工具的iphone7p和Nexus6发现都存在横线(查找思路艰辛,一开始因为是我真机是安卓原因,后来模拟器挨个切换了一下,发现大屏都会出现)then开始了检查……把i-radio...原创 2018-11-14 15:54:23 · 951 阅读 · 1 评论 -
小程序使用表单验证(使用WxValidate)记录
还是废话不多说,解决问题先看表单:业务中写了一个预约表单,本来还是先自己写验证,之前自己封装过登录注册的验证,先上一下自己登录注册的写的验证:login.jsconst check = require('../../utils/validate.js')checkForm() { const that = this; let loginData = { log...原创 2018-11-22 15:31:28 · 3155 阅读 · 0 评论 -
小程序构建npm失败(解决方法)
小程序的官方文档真的是 **关于小程序的构建,官方文档上是这样说的:我相信无数个人,尤其是在小程序上第一次使用npm的人都发现,执行地2不你会发现他提示你没有找到 node_modules 目录。别看文档了 我告诉你为啥,因为你第一步就被它引导错了!你要执行的命令是npm install --production @antv/f2-canvasnpm install --prod...原创 2018-12-10 15:43:53 · 10071 阅读 · 0 评论 -
小程序多行文本溢出显示省略号
这个问题,其实问题不大,但是解决了一会,主要原因有2个:1、一开始考虑使用单行超出省略号的方式来做:{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; //尤其注意3个样式顺序上下不能乱写,会不生效, 先不换行,然后超出隐藏,超出隐藏显示省略号}这是单行文本的方式,一开始想着加...原创 2019-01-04 18:00:51 · 1317 阅读 · 3 评论 -
小程序获取授权信息wx.getUserInfo改版解决方案
因为最近微信的wx.getUserInfo接口进行了修改,在开发版本和体验版本中无法自动拉起获取授权信息的提示,官方文档中推荐的方式为使用按钮,让用户主动授权:wx.getUserInfo接口此接口有调整,使用该接口将不再出现授权弹窗,请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作据说是小程序...原创 2018-09-03 17:56:33 · 3788 阅读 · 0 评论 -
小程序使用iView Weapp组件传值问题
首先,简单说一下,iview使用方式(官方文档很明确了),首先下载iview提供的压缩包,把里面的dist文件夹解压到项目目录中 然后要在哪个页面使用哪个组件,就在该页面的json文件中{ "usingComponents": { "i-tabs": "../../dist/tabs/index", "i-tab": "../../dist/tab/index",...原创 2018-08-17 10:27:34 · 7620 阅读 · 0 评论 -
小程序修改单页面的背景颜色
设置小程序的页面背景颜色,一开始设置了一个全局的背景颜色,在app.json的widows对象中进行设置 "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "backgroundColor": "#f6f6f8",原创 2018-07-20 15:02:09 · 25757 阅读 · 7 评论 -
小程序设置data中对象的属性值(没有字,代码简单到不想说话)
//data格式data: { addressData:{ name:'', tel:'', address:'', more:'' }, defult:''},//setData的使用方法that.setData({ ['addressData.address']: '大地影院'})...原创 2018-07-26 15:09:00 · 3071 阅读 · 3 评论 -
小程序接口加密时去除昵称数据含有的reshuffle表情(例如emoji)
最近写的小程序,因为每次接口都要经过MD5加密,需要将获取的用户昵称一起加密发送到后台,开始自己做的时候顺其自让,毫无知觉拿过来直接扔进去加密,直到用后台人员的微信测试,中文验签失败,几周前已经调整过中文验签的签名算法,后来发现…… 他的微信昵称里有3个屁…… 具体是什么屁…… 你打开你的输入法的emoji你会发现,里面有各种表情,其中就有一个屁…… 于是想到的方法,将特殊符号先去除,替换...原创 2018-07-30 16:34:07 · 810 阅读 · 0 评论 -
小程序超出文字显示为省略号(代码简单的无话可说)
width:400rpx;text-overflow: ellipsis;white-space: nowrap;还是说一句,其实和Web端css一样,通用。原创 2018-07-31 16:02:00 · 5988 阅读 · 0 评论 -
微信开发者管理工具上线内测版,增加了内置的git管理和支持npm安装,6666666……
做这个小程序项目起始都一直在用git命令行进行git版本管理,后来从后台同学那里安装了小乌龟,用了几天,起始发现和之前webstorm自带的VCS里面集成的git命令菜单差不多,都是将git命令行的操作方式转成了快捷菜单和图形化展示,起始git也自带有一个图形化界面就是右键菜单的Git GUI Here命令 但是一直没用过,之前接触过的也就是小乌龟和SourceTree用的多吧,之前开发习惯...原创 2018-08-02 11:28:39 · 1393 阅读 · 2 评论 -
小程序class中使用三元表达式
<view class="type-bottom {{changeType==0?'type-none':'type-block'}}"></view>关键:注意条件后面的class名加单引号,否则无效。原创 2018-08-14 18:31:22 · 22189 阅读 · 1 评论 -
去除小程序swiper组件的滚动条
.tab-swiper ::-webkit-scrollbar { width: 0; height: 0; color: transparent;}转载 2018-08-15 17:19:10 · 2029 阅读 · 0 评论 -
研究了一下mpvue和原生小程序的差别
结论是果断放弃了mpvue,至少在现阶段。 其实2个框架的对比不用多少,vue之前写过,花了一个多月熟悉原生小程序之后,去看用mpvue来写小程序的方式,发现虽然符合vue的写法,但是有一些别扭,甚至于在小程序出了小程序插件功能之后,npm的优势也不是很大(只是现阶段开发者的开发的小程序插件有限) 在我了看来mpvvue日常最实用的情况就是,当你一个写过vue的人短时间内要写一个小程序项目的情...原创 2018-08-13 18:52:22 · 6618 阅读 · 4 评论 -
wx.getLocation没有弹出直接返回fail:invalid data
昨天小程序遇到了一个坑,坑的我浪费了2个小时加班也没查出来,百度,google都没有,社区提问今天反馈也没出来结果,代码很简单,几乎是微信官方文档源代码,没对api进行从任何操作 场景:老板的mate10在应该触发wx.getLocation接口弹出请求允许获取对话框的情况下没有成功,直接fail,返回信息fail:invalid data 代码: onShow: function(...原创 2018-08-22 16:56:31 · 6193 阅读 · 2 评论 -
小程序跳转写绝对路径
路径以‘/’开始wx.navigateTo({ url: '/pages/login/login'});原创 2019-04-19 09:39:15 · 4468 阅读 · 0 评论