fwq

这篇文章主要介绍了 微信小程序 rich-text的使用方法的相关资料,这里提供属性及方法并实现实例，帮助大家学习理解，需要的朋友可以参考下  微信小程序 rich-text的使用方法 rich-text 属性：nodes 类型：Array / String 结点列表 / HTML String 全局支持class和style属性，不支持id属性。 结点类型：type = node ， name 标签名 String 是 支持部分受信任的HTML结点，  attrs 属性 Object 否 支持部分受信任的属性，遵循Pascal命名法 ， …

微信小程序如何确保每个页面都已经登陆？本篇文章给大家介绍一下小程序确保每个页面都登陆的方法，希望对大家有所帮助！ 一个微信小程序中，有首页，有个人页面，还有一些列表页面，详情页面等等，这些页面大部分是可以分享的。当分享出去的页面被一个另一个用户打开的时候，这个页面怎么确保这个用户已经登陆了呢？ 网上有很多方案是在请求封装里面加一道拦截，如果没有token，就先调用登陆请求获取token后，再继续。 这种方案没毛病，只要注意一点，当一个页面有多个请求同时触发时，当所有请求拦截后，放到一个数组里面，在获取token成功后，遍历数组一个个请求就行。 但这个需求再复杂一点，比如连锁便利店小程序，大部分页面都需要有一个门店（因为需要根据门店获取当前门店商品的库存、价格等），这个门店是根据当前的定位来调用后台接口获得的，这个时候如果在请求里进行封装就太麻烦了。 解决方案 首先，我们注意到，登陆，获取定位与我们的页面请求是异步的，我们需要保证页面请求是在登陆和获取定位之后，但要是我们每个页面都写一个遍，可维护性就太差了。所以我们可以抽离出一个方法来做这件事。 所以代码就这样了： const app = getApp() Page({   data: {     logs: []   },   onLoad() {     app.commonLogin(()=>{         // 处理页页面请求     })   } }) 登录后复制 做到这里好像是解决我们的问题，但再想一想，如果还想做更多的事，比如说每个页面的onShareAppMessage统一处理，但我又不想在每个页面再写一遍，另外，我又想自己对每个页面实现一个watch，怎么做？ 进一步解决方案 我们可以看到微信小程序，每个页面是一个Page()，那么我们可以给这个Page外面加一层壳子，我们可以有一个MyPage来替换这个Page，废话不多说，上代码： tool.js 相关代码 /**    * 处理合并参数    */…

模块规范 在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript （ECMA-262版本）还不支持原生的模块化。 Javascript社区做了很多努力，在现有的运行环境中，实现”模块”的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMD、UMD、CMD等 CommonJS CommonJS规范是服务器端Javascript模块规范。 Node.js的模块系统，就是参照CommonJS规范实现的。NPM也遵循了commonJS定义的包规范，从而形成了一套完整的生态系统。 CommonJS定义的模块分为:{模块引用()} {模块定义(exports)} {模块标识(module)}。require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身。 CommonJS规范wiki.commonjs.org/wiki… function MathClass() { } MathClass.PI = 3.14; MathClass.E = 2.72; MathClass.prototype.add = function(a, b) { return a+b; }; module.exports = MathClass; 登录后复制 var MathClass = require('./mathCommonJS.js'); Page( { onLoad: function() { console.log(…

本篇文章给大家带来了关于的相关知识，其中主要介绍了关于云服务的配置详解，包括了创建使用云开发项目、搭建云环境、测试云服务等等内容，下面一起来看一下，希望对大家有帮助。 【相关学习推荐：】 如今云原生已经非常火热，很多伙伴说我们前端领域涉及到云原生么？当然了！今天就来为大家介绍我们最直白的涉及到的云原生，就是我们微信小程序开发中的云函数云存储 创建使用云开发项目 将AppID填入 选择小程序云开发 创建即可 成功后会为我们呈现一个实例 刚刚创建的云服务项目中 测试器中有以下错误 搭建云环境 点击上面的云开发 开通云开发 开始创建环境 环境名称自定义 点击确定等待30秒 搭建成功 成功后不能立即使用前面的错误仍然存在 等待10分钟即可使用 错误消失后 我们连接当前环境（选择我们刚刚配置的demo1） 测试云服务 1. 获取openid（上传本地login云函数） 点击获取openid 第一次点击时会报错 右键login文件夹 创建并部署…

微信小程序的支付和微信公众号的支付是类似的，对比起来还比公众号支付简单了一些，我们只需要调用微信的统一下单接口获取prepay_id之后我们在调用微信的支付即可。 今天我们来封装一般node的支付接口！！！ 首先调用统一下单接口我们需要知道一些信息 var bookingNo = 'davdian' + this.createNonceStr() + this.createTimeStamp()     var deferred = Q.defer()       var appid = config.appId       var nonce_str = this.createNonceStr()       var timeStamp = this.createTimeStamp()       var url = "https://api.mch.weixin.qq.com/pay/unifiedorder"       var formData = "<xml>"       formData += "<appid>" + appid + "</appid>" //appid       formData += "<attach>" + attach + "</attach>" //附加数据       formData += "" + body + ""       formData += "<mch_id>" + mch_id + "</mch_id>" //商户号       formData += "<nonce_str>" + nonce_str + "</nonce_str>" //随机字符串，不长于32位。       formData += "<notify_url>" + notify_url + "</notify_url>"       formData += "<openid>" + openid + "</openid>"       formData += "<out_trade_no>" + bookingNo + "</out_trade_no>"       formData += "<spbill_create_ip>61.50.221.43</spbill_create_ip>"       formData += "<total_fee>" + total_fee + "</total_fee>"       formData += "<trade_type>JSAPI</trade_type>"       formData += "<sign>" + this.paysignjsapi(appid, attach, body, mch_id, nonce_str, notify_url, openid, bookingNo, '61.50.221.43', total_fee, 'JSAPI') + "</sign>"       formData += "</xml>"       var self = this     request({         url: url,         method: 'POST',         body: formData  …

微信小程序越来越流行，本文主要介绍了微信小程序loading组件显示载入动画用法,结合实例形式分析了loading组件显示载入动画的相关事件操作与属性设置技巧,希望能帮助到大家。 1、效果展示 2、关键代码 ① index.wxml <loading>  加载中... </loading><button>点击弹出loading</button> 登录后复制 ② index.js Page({   data: {     loadingHidden: true   },   loadingTap: function(){     this.setData({      loadingHidden: false     });     var that = this;     setTimeout(function(){      that.setData({        loadingHidden: true      });      that.update();     }, 3000);   } })…

选项卡浏览是 internet explorer 中的一项功能，该功能可让您在一个浏览器窗口中打开多个网站。可以在新选项卡中打开网页，并通过单击要查看的选项卡切换这些网页。通过使用选项卡浏览，可以潜在地减少任务栏上显示的项目数量。本文我们就为大家分享微信小程序实现选项卡功能。 首先看看微信小程序上的选项卡的效果： 原理呢，就是先布局好（这就不必说了吧），然后在上面的每一个选项卡上都定义一个同样的点击事件，然后给每一个组件上绑定一个唯一的标识符，然后点击事件触发的时候，获取到绑定的标识符，判断当前点击的是哪个选项卡，然后再判断下面该显示哪一块，现在上代码： wxml: <view>  <text>menu1</text>  <text>menu2</text></view><view>tab1</view><view>tab2</view> 登录后复制 wxss: .menu_box{  display: flex;  height: 80rpx; } .menu1,.menu2{  flex: 1;  font-size:30rpx;  line-height: 80rpx;  text-align: center; } .borders{  border-bottom: 4rpx solid #f00;  color: #f00; } .tab1,.tab2{  height: 300rpx;…