微信小程序
要和代码过一辈子
这个作者很懒,什么都没留下…
展开
-
微信小程序中使用自定义图标(阿里icon)的方法
weui提供的图标比较少,有时我们需要更多的图标,可以使用一下方法自定义图标库:1,到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标,下载代码,解压,打开iconfont.css2,在wxss文件中引用字体<style type="less">@font-face { font-family: 'iconfont'; sr...原创 2018-08-09 11:37:57 · 3793 阅读 · 0 评论 -
微信小程序中的web-view
官网上关于web-view的解释:一个页面只能有一个web-view,web-view打开时会覆盖其他组件 :在没有任何设置当情况下:开发工具会报错:个人开发用户想要在开发工具中查看效果可以设置一下红色部分,默认不校验合法域名,但是android和ios无法预览效果,调试模式下也可以查看效果: 比较坑的一点是:个人类型和海外类型的小程序暂不支持使用web-vie...原创 2019-01-03 10:54:40 · 1683 阅读 · 0 评论 -
ios new Date 和Android new Date兼容性
最近开发微信小程序的过程中遇到了一个安卓和苹果手机系统的一个坑,页面中含有日期选择控件,当选择之后,在比较日期的时候,安卓手机正常,苹果手机一直是valid date,ios中不支持 - 连接日期如下例子所示:new Date('2018-10-01') > new Date('2018/9/22')// 输出false若一个为月份,一个日期相比较:new Date(...原创 2018-12-25 15:58:18 · 1436 阅读 · 0 评论 -
微信小程序代码最大限制2M的解决方案
了解小程序有最大代码量限制之前需要先了解微信小程序的本质:前端近几年都处于技术爆炸时期,react最早的是facebook开源的开发框架----react,支持移动网页和原生app的开发(react native),提倡一次学习,全渠道开发。目的是让产品研发更聚焦更敏捷,它有三个重要特性:数据绑定:数据驱动交互模块化:可复用的轮子多终端渲染:适配多客户端,用前端技术就能实现原生appR...原创 2018-09-28 18:17:22 · 120651 阅读 · 5 评论 -
微信小程序wepy框架中父组件与子组件通信和交互
官网上描述: $broadcast$broadcast事件是由父组件发起,所有子组件都会收到此广播事件,除非事件被手动取消。事件广播的顺序为广度优先搜索顺序。$emit$emit与$broadcast正好相反,事件发起组件的所有祖先组件会依次接收到$emit事件。$invoke$invoke是一个页面或组件对另一个组件中的方法的直接调用,通过传入组件路径找到相应的组件,然...原创 2018-09-17 11:12:37 · 5595 阅读 · 2 评论 -
微信小程序使用echarts的踩坑记
1)微信小程序显示词云在微信小程序中目前不能直接使用echarts-wordcloud.js echarts-wordcloud.js中使用了window对象,所以会报找不到对象的错解决方案:1)研究echarts-wordcloud.js源码,使用canvas自己绘2)后端生成图片,小程序显示图片2)微信小程序echarts图表无法使用toolboxtoolbox: ...原创 2018-09-05 17:58:29 · 13717 阅读 · 1 评论 -
微信小程序返回多级页面
微信小程序开发中,返回上一页是很普遍的操作,最常见的是点击手机的返回键和点击自定义的按钮返回上一页这两种情况。点击手机的返回键我们不需要做处理,如果是自定义按钮实现返回效果,就要调用微信提供的API:wx.navigateBack(OBJECT)也可以通过 wx.navigateBack 方法实现返回多级页面,只要设置 delta 的值就可以://在C页面内 navigateBack...原创 2018-08-17 11:41:21 · 6676 阅读 · 0 评论 -
微信小程序wepy框架中页面page(父)与组件component(子)之间互相动态传值
在index.page页面给test.component动态传值,使用.sync: <view> <block wx:for="{{['1','2','3']}}" wx:for-item=&原创 2018-08-07 15:27:34 · 9973 阅读 · 2 评论 -
微信小程序methods中定义的方法互相调用
当调用test2时:methods = { test(age){ console.log('test', age); }, test2(){ console.log(this.methods); this.methods.test('222'); co...原创 2018-08-07 11:33:48 · 18866 阅读 · 5 评论 -
微信小程序页面中不能使用toString().indexOf()
小程序的mastache语法不支持js的方法。 即在页面标签中,使用以下js方法无效:Object.keys() toString() indexOf() 在页面中,如果需要同时选中多个按钮,可构造对象数组处理,代码如下: data = { currentTab: 0, filterData: { 'date': [{...原创 2018-08-06 19:28:16 · 13076 阅读 · 2 评论 -
微信小程序和支付宝小程序获取用户位置经纬度坐标和区域编码
今天遇到一个需求,在小程序上获取用户的经纬度坐标,保证不同小程序使用同一个坐标体系,根据经纬度坐标获取中国省市县地区编码,首先考虑到的是:国内所有地图使用的坐标体系不同,其次考虑到:不同的地图SDK服务调用有次数限制,下面是做对比使用的xmind图:支付宝小程序是使用gcj02的坐标体系,微信小程序也可以配置为gcj02,所以选用了gcj02的坐标体系;支付宝小程序可以直接通过原生方法获取...原创 2019-07-29 15:26:51 · 5900 阅读 · 0 评论