一.不同环境配置封装 新建config文件夹,根据自己有不同环境设置不同的js文件 具体js文件内容: exports.config = { requestHost: 'https://******.com.cn', APPID:'*******', Business: { 'jiaxiao': '1' } } 新建api.js文件(放哪里根据自己喜好),用json形式来储存接口地址: exports.api = { 'do' : { 'login': '/merchant/do/login',…

一.序 上一篇介绍了如何从零开发微信小程序,博客园审核变智障了,每次代码都不算篇幅,好好滴一篇原创,不到3分钟从首页移出来了.这篇介绍一下组件封装和我的踩坑历程. 二.封装微信小程序可复用组件 首先模块化的思想是通用的,在这不做过多解释了.直接上代码,然后解释代码: // wxml <view class="c-menu"> <view wx:for="{{menuList}}" wx:key="{{item}}" class=…

描述 批量上传图片, 可设置最大上传个数, 可删除, 可设置默认值. 效果 源码 pictures-wall.wxml <view class="picturesWall"> <view class="picBox" wx:for="{{mydata}}" wx:key="{{index}}"> <image class="pic" src="{{item.fileP…

先看下网站的运行方式: 而小程序是这样: what?就这样?是的,就这样.那小程序官方提供的Wafer,还有Wafer2...想太多了,抛弃它们吧.不应当为了解决一个简单的旧问题而去整一个复杂的新问题.小程序的开发,完全可以跟着小程序开发文档,从零开始写代码.--------------------小程序常见问题一:用什么工具开发小程序?答:用小程序官方提供的<微信web开发者工具>.官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtoo…

<?php /** * User: Eden * Date: 2019/3/21 * 共有内容 */ namespace Common\Service; use Think\Exception; use Vendor\Func\Http; class WxPayService extends CommonService { public static function unifiedOrder($openid,$order_num,$total_fee,$products_name,$notif…

1. 编写将普通回调函数形式的方法转换为promise方法的promisic方法 // util.js const promisic = function (func) { return function (params = {}) { return new Promise((resolve, reject) => { const args = Object.assign(params, { success: (res) => { resolve(res) }, fail: (error) =…

1.在utils下创建一个 request.js文件,然后将方法导出 const app = getApp(); //使用promise封装request请求 const POST = (url, params) => { let promise = new Promise((resolve, reject) => { wx.request({ url: url, data: params, header:'application/x-www-form-urlencoded', // 默认值…

描述 模仿ios浏览器底部弹框效果. 遮罩层淡入淡出,弹框高度根据内容自适应. 效果 源码 popup-bottom.wxml <!-- popup-bottom.wxml --> <view class="wrap" hidden="{{!myVisible}}"> <view class="mask {{visible ? 'mask-show' : ''}}" bindtap="_onCancel&q…

描述 切换月份, 当天文案为今天, 日期背景变色, 日期红点标识, 点击选中日期. 效果 源码 calendar.wxml <view class="component"> <view class="header"> <view bindtap="handlePrevMonthClick">{{'<'}}</view> <view>{{year}}年{{month}}月</v…

一.序 微信小程序,估计大家都不陌生,现在应用场景特别多.今天就系统的介绍一下小程序开发.注意,这里只从项目代码上做解析,不涉及小程序如何申请.打包.发布的东西.(这些跟着微信官方文档的流程走就好).好了废话不多说,看目录. 注: 小程序是一套特殊的东西,融合了原生和web端.他是一个不完整的浏览器对象,所以很多DOM . BOM 的东西无法使用,但是他又通过微信APP实现了多线程. 二. 目录 1.如何创建一个微信小程序 2.准备工作(让编译器支持小程序开发,我用的webstrom,hbuil…