![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
superKM
鸡蛋虽小,也挺好吃
展开
-
kbone + vue 创建支持web和微信小程序的项目
什么是kbone微信小程序开发过程中,许多开发者会遇到 小程序 与 Web 端一起的需求,由于 小程序 与 Web 端的运行环境不同,开发者往往需要维护两套类似的代码,这对开发者来说比较耗费力气,并且会出现不同步的情况。为了解决上述问题,微信小程序推出了同构解决方案kbone来解决此问题。一:安装kbone-cli命令行安装kbone-cli脚手架,用于创建kbone...原创 2020-04-26 14:53:22 · 676 阅读 · 0 评论 -
【微信小程序遇到的坑】 使用npm引入vant组件
从小程序基础库版本2.2.1或以上、及开发者工具1.02.1808300 或以上开始,小程序支持使用 npm 安装第三方包。直接创建小程序,从工具>构建npm,会弹出没有找到node_modules目录,因此以引入vant组件为例。1,创建普通项目后在右上角详情中,打开使用npm模块。2,鼠标放在目录上右键,打开终端,切换到根目录3,直接使用np...原创 2019-04-26 09:45:56 · 10970 阅读 · 1 评论 -
【微信小程序遇到的坑】 es6 封装request请求
为了使代码更精简,便于理解和维护,使用 new Promise方法对request请求进行封装new Promise(resolve, reject) 含有两个参数resolve :成功时的调用reject:失败时的调用app.js中封装reeuqst请求App({ onLaunch: function(options) { }, globalData: { ...原创 2018-11-02 15:25:49 · 1694 阅读 · 0 评论 -
【微信小程序遇到的坑】实现上传图片,点击查看大图
一:上传图片jsconst app = getApp();Page({ /** * 页面的初始数据 */ data: { pic: '', }, //上传单张图片 addPic(e) { var that = this; wx.chooseImage({ count: 1, // 默认9 sizeT...原创 2018-09-20 09:51:44 · 3802 阅读 · 0 评论 -
【微信小程序遇到的坑】WxParse实现对html标签的解析(html文本在小程序里的展示)
小程序通过WxParse实现对html标签的解析,并且图片可以查看大图wxParse下载地址https://pan.baidu.com/s/1nG3eX01qaqVqQq7zN5S0NQ使用方法:一:将wxParse引入项目中二:在需要解析html的js文件中,引入wxParse.jsconst WxParse = require('../../...原创 2018-07-07 15:18:26 · 10569 阅读 · 10 评论 -
【微信小程序遇到的坑】省市县三级联动(请求接口)
本篇通过请求省+市+县三个接口完成操作js代码://定义三列数组数据,用于存储省、市、县let multiArray0 = [];let multiArray1 = [];let multiArray2 = [];const app = getApp();Page({ /** * 页面的初始数据 */ data: { multiArray: [multiAr...原创 2018-06-15 12:14:35 · 6916 阅读 · 2 评论 -
【微信小程序遇到的坑】微信支付
小程序w微信支付功能1,开通/绑定微信支付商户号https://pay.weixin.qq.com/index.php/core/auth_apply/wxopen_index申请微信支付,包括微信认证已提供的资料外,你还需要提供以下材料:• 联系人姓名、手机号码、常用邮箱• 公司网址(非互联网公司可不填)• 商家名称(将用于对外展示)• 售卖商品描述(140字以内)• 客服电话2,小程序调用支付...原创 2018-06-15 11:43:11 · 4362 阅读 · 1 评论 -
【微信小程序遇到的坑】实现跨行跨列的表格
由于微信小程序组件中不带table标签,所以只能自己制作一个table表格,并且是实现跨行跨列的复杂表格。直接上代码,即可预览效果wxml<view class="table"> <view class="tr tr_title"> 上午8:30-11:45 </view> <view class="tr bg-w">原创 2018-04-10 16:02:25 · 5207 阅读 · 0 评论 -
【微信小程序遇到的坑】使用post方式传参
小程序通过wx.request()使用post方式传参遇到的坑:打开调试器发现传参格式为json形式,而服务器端想要的数据格式为因此,需要在header中添加 "content-type": "application/x-www-form-urlencoded",便可以正常传参。post示例: wx.request({ url: '/api/test', ...原创 2018-03-21 21:17:20 · 4300 阅读 · 0 评论 -
【微信小程序遇到的坑】使用picker组件
普通picker组件写法jsPage({ data: { jobTypeArray: ['请选择职称', '医师', '护士'],//科室类型 jobIndex: 0,//科室类型类型id }, jobPickerChange(e) { this.setData({ jobIndex: e.detail.value }) }})键值对p...原创 2018-03-21 21:18:37 · 10388 阅读 · 0 评论 -
【微信小程序遇到的坑】多列信息数据显示和隐藏
实现多列数据显示和隐藏,效果图由于小程序不支持dome操作,因此使用 wx:for 方法实现效果wxml:<!-- searchArray 循环遍历的对象wx:for-item="item" 别名itembindtap='showList' 绑定点击事件data-id='{{item.id}}' 将对象id添加到点击列表上 --><view class=...原创 2018-03-23 13:11:51 · 5113 阅读 · 0 评论 -
【微信小程序遇到的坑】获取当前位置
关于获取用户当前位置,微信官方文档使用wx.getLocation()来让用户授权位置信息wx.getLocation({ type: 'wgs84',//默认为 wgs84 返回 gps 坐标,gcj02 返回可用于wx.openLocation的坐标 success: function(res) { var latitude = res.latitude var ...原创 2018-03-23 12:33:46 · 9344 阅读 · 1 评论