小程序

这次给大家带来length与size()使用对比，length与size()使用的有哪些，下面就是实战案例，一起来看一下。 jQuery length和size()区别总结如下： 1.length是，size()是方法。 2.如果你只是想获取元素的个数，两者效果一样既 (“img”).length和(“img”).length和(“img”).size() 获取的值是一样的。 3.如果计算一个的长度或者计算一个数组元素的个数就只得用length, 如 $(“#text”).val().length。  看看他们的执行时间，http://jsperf.com/size-vs-length用这个检测的 从图中可以看到size()方法比length慢38%，原因何在？ 原因在此： 看看官网的解释（http://api.jquery.com/size/）： The .size() method is deprecated as of jQuery 1.8. Use the .length property instead.…

今晚，有人在朋友圈发出了支付宝小程序的二维码，并表示两大巨头开始pk。 值得注意的是，用微信长按二维码无法进入小程序，需要用支付宝扫一扫打开。 在支付宝打开小程序，显示的页面如下： 这页面是否有种似曾相识的感觉？这跟微信的“携程酒店机票火车票”十分相似。 值得注意的是，支付宝的小程序并无法分享到QQ和微信，页面显示“微信（QQ）又不让分享了，整个人都不好了”。看来，支付宝的小“心机”还挺重的。 那么，和微信小程序相比，支付宝小程序有哪些不同之处呢？ 实际上，早在今年1月份，就有网友曝出支付宝也将推出小程序，并晒出开发者工具截图，此次传言支付宝将在下周推出支付宝小程序，并不意外，微信通过扫一扫调用小程序的方式连接线下，而线下，正是支付宝为之骄傲的护城河。 据了解，此次支付宝推出的小程序最大的特点可能是在首页提供了快捷入口，即用户可以将经常使用的小程序放到支付宝首页代替原先H5服务号的应用，以便快速启动。 不过，米云小编在支付宝的APP里面尚未找到小程序的入口。（如果有小伙伴发现的话，欢迎告知） 但在之前的文章中提到的支付宝小程序将和生活圈绑定也并没有看到，难道支付宝要跳票？或者是说现在还算灰度测试？ 支付宝本身所具有的强大工具属性，非常符合张小龙口中对小程序的定义“用完即走”，但如果说支付宝以小程序代替原先第三方服务的H5应用的话，那也将意味着在里面的小程序或更偏向于工具类、服务类、场景使用类的应用。 果酱妹认为，支付宝和微信小程序最大的不同在于，微信小程序可以关联公众号，为公众号的内容服务，做到内容+连接，有公众号为其导流，降低小程序的获客成本。 也就是说，微信小程序除了张小龙强调的，连接线下场景，它服务的内容还有几千万个公众号，连接内容电商、广告变现，甚至是内容付费等。 而支付宝小程序没有像公众号这样强大的内容生态做支撑，不过支付宝的电商优势比起微信似乎要更胜一筹。 支付宝似乎一直在跟微信“较劲”，此前的生活号明显是对标微信公众号。如今随着支付宝小程序的上线，跟微信又继续杠上了。 不过，微信最近也没闲着。从3月27日开始，微信小程序频出新功能，并在4月26日推出第一条小程序的广告片，推广之势明显。果酱妹推测，接下来微信将继续加快小程序的迭代，以便应对支付宝在线下的压力。 ▲微信小程序功能更新表 最后，微信和支付宝，你买谁赢？ 【相关推荐】 1.  2.  3.  以上就是支付宝小程序5.4号悄然上线，微信该如何接招？的详细内容，更多请关注米云其它相关文章！

asp.net mvcjs-sdk认证，具体内容： 写在前面 前阵子因为有个项目需要做微信自定义分享功能，因而去研究了下微信JS-SDK相关知识。 此文做个简单的记(tu)录(cao)… 开始所有的东西都从文档开始:微信JSSDK说明文档 项目需要用到的是分享接口 不过使用微信JS-SDK之前，需要做JS接口认证。 认证如下： 步骤一：绑定域名 步骤二：引入JS文件 步骤三：通过config接口注入权限验证配置 步骤四：通过ready接口处理成功验证 步骤五：通过error接口处理失败验证 具体解释： 步骤一中允许使用域名/子域名，只要xx.com/xxx.txt或者xx.com/mp/xxx.txt能访问就好。域名认证通过之后，此域名下的所有端口的网站都可以使用JS-SDK。 步骤二没什么问题，略过。 步骤三最磨人，下面单独讲解。 config接口注入权限验证配置 先来一段说明： 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用，目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。 wx.config({  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，  //若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  appId: '', // 必填，公众号的唯一标识  timestamp: , // 必填，生成签名的时间戳…

分析 微信小程序目前没有提供刷新API，所以要自己去记录当前操作，点击刷新重新执行一遍 登录后复制 效果 点击‘重新加载’重新加载页面 实现 由于做项目时，页面渲染离不开请求，所以我封装了一下wx.request来判断是否断网，及断网后记录本次请求     /**      * obj  request请求参数      * cb   requrst请求成功回掉      * page 当前page实例     **/     function wxRequest (obj, cb, page, type) {         var isOne = true         var cachFn = function () {             wx.request({                   url: obj.url,                   data: obj.data || {},                   method: obj.method || 'GET',                   success: function (res) {                     cb.call(page, res)                     if (!page.data.isNet) {                         page.setData({                             isNet: true                         })                     }                   },                   // fail执行时当断网处理…

本文通过一个实际例子，来讲解如何进行微信小程序的页面搭建。首先看一下本文要实现的页面效果： 开发工具下载：微信官方有开发者工具，集成了开发调试、代码编辑及程序发布等功能。 微信小程序架构： 这个就是程序的基本架构。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。底部标签底部标签是一个tabBar。实现比较简单，只需要简单配置一下即可。 app.json {   "pages":[     "pages/function/function",     "pages/pay/pay",     "pages/account/account",     "pages/index/index",     "pages/logs/logs"   ],   "tabBar":{     "color": "#464a56",     "selectedColor": "#6595e9",     "backgroundColor": "#FFFFFF",     "borderStyle": "white",     "list": [{         "pagePath": "pages/function/function",         "text": "功能",         "iconPath": "images/tab_function_default.png",         "selectedIconPath": "images/tab_function_sel.png"     },{         "pagePath": "pages/pay/pay",         "text": "收款",         "iconPath": "images/tab_consume_default.png",…

微信小程序中有大量接口是异步调用，比如 wx.login()、wx.request()、wx.getuserinfo() 等，都是使用一个对象作为参数，并定义了 success()、fail() 和 complete() 作为异步调用不同情况下的回调。 但是，以回调的方式来写程序，真的很伤，如果有一个过程需要依次干这些事情： wx.getStorage() 获取缓存数据，检查登录状态 wx.getSetting() 获取配置信息， wx.login() 使用配置信息进行登录 wx.getUserInfo() 登录后获取用户信息 wx.request() 向业务服务器发起数据请求 那么，代码大概会长这样 wx.getStorage({     fail: () => {         wx.getSetting({             success: settings => {                 wx.login({                     success: ({ code }) => {                         wx.getUesrInfo({                             code,                             success: (userInfo) => {                                 wx.request({                                     success: () => {                                         // do something                                     }                                 });                             }…

我写的是一个电商商城小程序，跳转到详情页之后有两个点击跳转的icon如图： 聪明的你肯定猜出来这两个icon是跳转到哪的，肯定也是bindtap，然后wx.navigator就搞定了。两个简单的页面跳转嘛，然后居然就是这两个问题卡了我一个多小时，后来还是在微信群里问大佬们才解决的，因为自己看文档不仔细，跳转的这两个页面是微信官方底部tab的路径如图： 问题是出在官方的tabbar中你用了这几个路径如图： 然后解决方法为: handleGoIndex: function() { wx.switchTab({ url: '/pages/index/index' }) }, handleGoCart: function() { wx.switchTab({ url: '/pages/cart/index' }) } 登录后复制 相信看了本文案例你已经掌握了方法，更多精彩请关注米云其它相关文章！ 推荐阅读： 以上就是微信小程序开发switchTab如何使用的详细内容，更多请关注米云其它相关文章！

前言： 我们知道小程序上传图片每次只能上传一张，那么我们想要一次上传多张图片该怎么办呢？ （学习视频分享：） 这里使用递归，当上传完一张图片后重新执行这个函数，直到所有的图片都上传完成后，就不再调用该函数。 首先，我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个api 示例代码是这样的： wx.chooseImage({   success: function(res) {     var tempFilePaths = res.tempFilePaths     wx.uploadFile({       url: 'http://example.weixin.qq.com/upload', //仅为示例，非真实的接口地址       filePath: tempFilePaths[0],       name: 'file',       formData:{         'user': 'test'       },       success: function(res){         var data = res.data         //do something       }     })   } }) 登录后复制 这里的示例代码，是选择图片，然后上传选中的图片中的第一个图片； 现在开始写多张图片上传的例子 首先，我们还是要选择图片 wx.chooseImage({…

微信小程序 解析网页内容详解 最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的text和image标签可以呈现。而更复杂的，比如表格，则比较棘手，不管是服务端解析还是小程序呈现都很费劲，也很难覆盖所有情况。于是我想，将表格对应的HTML代码转成图片，不失为一种变通的方法。 这里我们采用node-webshot模块，它对PhantomJS进行了轻量封装，可以轻松地将网页以截图形式保存下来。 首先安装Node.js和PhantomJS，然后新建一个js文件，加载node-webshot模块： const webshot = require('webshot'); 登录后复制 定义选项： const options = {  // 浏览器窗口   screenSize: {      width: 755,        height: 25  },  // 要截图的页面文档区域        shotSize: {           height: 'all'  },  // 网页类型          siteType: 'html'        }; 登录后复制 这里，浏览器窗口的宽度要根据网页情况合理设置，高度可以设置为一个很小的数值，然后页面文档区域的高度一定要设置为all，宽度默认为窗口宽度，这样就可以把表格以最小的尺寸完整截图。 接下来，定义html字符串： let html = "target rich text html code, eg:  登录后复制 … “; 注意，里面的HTML代码一定要去掉换行符，并将双引号替换为单引号。 最后，截图： webshot(html, 'demo.png', options, (err) => {  if (err)     console.log(`Webshot error: ${err.message}`);}); 登录后复制…

这次给大家带来json的大小写转换方法，json对象大小写转换的有哪些，下面就是实战案例，一起来看一下。 前言 最近在做一个项目，发现后端返回的数据键值全部都是大写的，有时候前端用起来很不方便，所以写了一个深度转换的小工具，分享给大家，也就不用重复造轮子了，不喜勿喷，下面话不多说了，来一起看看详细的介绍吧。 start npm i deep-lu-trans --save 登录后复制 json example import t from 'deep-lu-trans'; const obj = { AS_DD_S: 123213, AND_SAJ_JDK_JSAKD_: { DJK_ASJ: { SA_DSA_DSA: 123123, ASDA_SDH_KAS:…