小程序

rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以 根据屏幕宽度进行自适应 ，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？在解释这个单位前，我们先简单了解一下目前的主流的自适应布局解决方案： 响应式（ Responsive web design ) rem 流式布局 scale伸缩布局 响应式 响应式布局的问题在于需要维护多个样式文件，维护成本太大，一般的移动H5页面都不会优先考虑。 rem rem是近几年比较流行的方案，淘宝移动web端就是采用此方案，由于1rem=根元素font-size，所以rem布局的本质就是 通过rem把页面按比例分割 达到自适应的效果，因为rem是相对根路径font-size尺寸，不同的页面设置不同的font-size尺寸，即可达到自适应的效果。为了方便理解，我写了一个简单的 rem布局demo ，通过设置 document.documentElement.style.fontSize = window.innerWidth + 'px'; 然后设置 <div class="box"></div> 的宽高等于1rem，就可以使box的宽高自适应各种设备尺寸。因为box的单位1em是跟页面设备的宽对应的，所以能做到自适应各种尺寸。 流式布局 流式布局需要用到百分比或者flex

场景：做小程序支付功能，正常操作是前端这边调用微信的 wx.requestpayment接口即可。 //比如说，点击付款按钮，然后就会弹出支付的窗口，这里就应该调用wx.requestPayment()<view bindtap="confirmPay">确定付款</view>confirmPay(){ let that = this; let params = { orderId:'', orderDetail:'xxx' };//比如说，这里是后台需要的参数 wx.request({ url:'这里是请求后台的接口', data:params, method:'POST', header:{ 'content-type':'application/json' }, success:function(res){ console.log(res);//这里会返回调用微信支付接口需要的参数 that.pay(res); //到这里应该会弹出一个支付的弹窗了 }, error:function(error){} })}//调用微信支付的接口pay(temp){ wx.requestPayment({ timeStamp:temp.timeStamp, nonceStr:temp.nonceStr, package:temp.package, signType:'MD5',

前端学习路径 1.WEB前端快速入门 在本阶段，我们需要掌握 HTML 与 CSS 基础，当然，也包含 H5 和 C3 的新特性。这个部分内容非常简单，而且非常容易掌握。相信你也更愿意学习这个部分，毕竟他可以让你最直观的感受到前端的魅力。为了锻炼大家写代码，可以根据你喜欢的站点去实现效果。这一阶段是非常重要的基础阶段，所谓基础就是可能这个阶段我们的学习的内容，可以让我们开发出来绚丽网站站点，但是功能丰富却暂时做不到。 为了完成更绚丽的站点，我们需要掌握常见特效的实现，利用 css3 和 h5 的新特性实现动画，布局，雪碧图，滑动门，tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更多交互内容，但是我们会学习到很多的知识模型和理论，而这些知识模型和理论是我们后期工作和学习的基石。扎实的基础有了，我们才能走的更稳更快。 注：本阶段不涉及到编程，主要是熟悉 HTML5 各种标签用法、CSS3 各种属性的用法。 2.JavaScript 基础与深入解析 JavaScript 语言非常重要，可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果，让体验度更加流畅。这在目前流行的 B/S 架构体系下，是极端重要的事情。这也是为什么前端工程师大行其道

3 月，跳不动了？>>> 作者： 知晓云 - 小程序开发快人一步 来源：知晓课堂 在上篇推送完 「卡券核销消息推送」 的教程后，我们决定再多出点教程。 此次教程将再次带领大家体验「消息推送」，实现另一个「微信消息推送」的触发器，关于 自动回复小程序客服消息 的。 详细步骤如下： 开通知晓云消息推送，并开通小程序消息推送功能，将知晓云消息推送配置同步到小程序 创建 sendCustomMsg 触发器，触发器类型为“微信消息推送”，动作类型为云函数 创建 sendCustomMsg 云函数 总体流程如下流程图： 开通消息推送 进入知晓云，选择 控制台 -> 设置 -> 小程序 ，拉到最底找到「消息推送」，点击「立即开通」，即可开通消息推送功能。 开通之后需要将消息推送的相关配置项配置到小程序或者公众号后台。由于此次我们要实现的是小程序的客服消息回复，所以需要在知晓云的小程序后台开通消息推送（设置->开发设置->消息推送 ）并完成相关配置的填写。 知晓云配置项 配置项填写完成后还需要将消息推送的相关配置 同步到微信小程序后台 ，两部分内容均填写完成后微信消息推送类型的触发器才可以正常使用。 小程序消息推送配置项 创建触发器 由于该步骤中在创建触发器时的动作类型需要选择「云函数」，且需要选定对应的云函数 js 文件，所以我们需要在创建触发器前先创建（在控制台点击 引擎 -> 云函数 ->

　　 新零售小程序 是由小程序+新零售的结合，促进线上和线下融合，简单的来说就是商家通过搭建一个线上新零售小程负责销售、配送、营销等，尤其是微信小程序的推出加速了新零售的发展。商家需要找新零售小程序服务商提供商城的开发搭建，因此在本文小编整理了几个当下还比较知名的新零售小程序服务商排行，希望给商家朋友一些参考。 　　1、有赞 　　介绍：有赞是一家上市的新零售科技SaaS服务的企业，2012年开始就已经开始为商家提供网上开店、社交营销之类的服务。 　　优势：有赞小程序品牌知名，提供了丰富的新零售应用场景小程序商城模板。 　　2、微盟 　　介绍：同样是上市的一家为商家提供相关的公司，2017年开始提供新零售小程序服务。 　　优势：新零售小程序模板和功能比较丰富。 　　3、木鱼小铺 　　介绍：专注提供新零售小程序商城的解决方案，提供的商城模板支持个性化装修。 　　优势：性价比高，提供免费的运营指导服务。 　　4、企迈云商 　　介绍：一家提供垂直的行业解决方案服务商，提供细分行业不同应用场景小程序商城模板。 　　优势：细分行业，较为丰富的应用场景。 　　5、乘云 　　介绍：由原腾讯团队打造的新零售小程序品牌，是国内最早布局小程序的服务商之一。 　　优势：专注小程序生态系统，技术人员比较牛。 　　以上是小编整理的部分新零售小程序服务商，排名不分先后。当然，商家朋友们应该有自己的判断力

3 月，跳不动了？>>> 使用技术： Spring Cloud+Spring Boot+Mybatis+微服务+服务监控+可视化运营 B2B2C平台： 1. 平台管理端(包含自营) 2. 商家平台端(多商户入驻) 3. PC买家端、手机wap/公众号买家端 4. 微服务（30个通用微服务如：商品、订单、购物车、个人中心、支付、文件、运营等，支持原生Android、ios、react、小程序、vue、h5等前端调用） 5. 聚合小程序(已联调微服务) 核心架构：Spring Cloud、Spring Boot、Mybatis、Redis、Bootstrap html5+css3、小程序、原生APP 核心思想：产品微服务、模块化、原子化、持续集成、分布式、集群部署 开发模式：代码生成工具、驱动式开发模式、提高开发效率 JDK：JDK 1.8+ 数据库：MYSQL 5.6+ 获取源码可以加求求：1038774626 SAAS小程序： 1. 平台管理端 2. 商家平台端(多商户入驻) 3. 微服务（30个通用微服务如：商品、订单、购物车、个人中心、支付、文件、运营等，支持原生Android、ios、react、小程序、vue、h5等前端调用） 4. SAAS小程序 B2C电子商城： 1. 平台管理端(包含自营) 2. PC买家端、手机wap/公众号买家端 3. 微服务（30个通用微服务如

3 月，跳不动了？>>> 抖音商城小程序简短介绍 现阶段应该都知道抖音短视频在国内比较火爆，尤其是抖音视频平台的算法机制，使得用户每一次打开抖音都需要官方提示才能关掉抖音软件，催生了很多商业的发展机会，接下来抖音最重要的布局就是抖音电商小程序。 抖音商城小程序为什么要提前布局 截止2020年1月份抖音日活跃用户已经突破4亿，目前抖音暂未对个人开放抖音电商小程序，已经对企业或个体工商户已经开通电商小程序了，抖音电商小程序的到来又将是一波红利，看你是否能抓住这波红利。 对于企业（或个体工商户）应尽早布局进来，越早进来对自己越有利。 为什么不用大平台、自建的优势 首先大平台有很多限制，客户复购率低，优惠活动无法第一时间告诉意向客户；同时大平台后期维护的成本过高。 自建商城的优势就有很多了，商城规则可由自己设定；客户复购率高；产品的优惠活动能第一时间通知用户、提高成交率；后期的维护成本比较低。 当企业抖音号有一定垂直的粉丝基础后，可以通过一场直播就可以迅速变现。 微销神抖音商城小程序 微销神有着非常丰富的小程序开发经验，拥有500+企业小程序电商成功经验，微销神与你一道共创辉煌。 来源： oschina 链接： https://my.oschina.net/u/4467623/blog/3210306

QQ小程序支付 Java后端 同学折腾QQ小程序的支付折腾了好几天，没有完成统一下单，因为我做过微信和支付宝支付，他就让我帮忙搞 我搞了好两三个小时，也没搞出来，最终我觉得问题在商户key那里，问了几次甲方，他说key没问题 我仍然觉得问题很有可能在key，就去直接给他重置了key，然后，就成功完成了支付... 总结，永远不要相信甲方 QQ小程序支付与微信小程序支付类似，签名方式完全相同，提交的xml有些不同 QQ小程序统一下单文档 微信小程序验签工具(QQ小程序适用) 首先是配置类，设置为包内访问权限，其实应该放于properties文件，或者直接配置在xml中，偷了个懒直接写在了代码中 public class PayConfigs { final static String appid=""; final static String mchid=""; final static String key=""; final static String reqAd="https://qpay.qq.com/cgi-bin/pay/qpay_unified_order.cgi"; } 小程序支付需要首先发起一个request到后端并携带一些商品信息，后端提交XML然后返回一个prepay_id到前端，小程序提供唤醒支付API调用 qq.request({ url: "请求地址",

今天在做小程序的时候，遇到一个点击不跳转的问题，在首页有一个搜索框，点击之后想让它进入搜索页面，wxhl代码如下： <view class="sear"> 　　<input class="input" placeholder="请输入你要搜索的商品" bindtap="search"/> </view> 给input框绑定一个search事件，js里面代码如下： search: function () {　　console.log(111); wx.navigateTo({ url: '/pages/search/search' }) } 结果怎么点击就是不跳转，却可以打印111。后面通过阅读官方文档 —— 小程序 - 导航 ，注意到最后有一句提示信息： wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面 我的首页搜索点击之后刚好就是跳转到tabbar第二栏/搜索栏 所以navigateTo改为 switchTab search: function () { wx.switchTab({ url: '/pages/search/search' }) } 就可以实现跳转了。 来源： https://www.cnblogs.com/jzbs/p/12558065.html

Uniapp作为近来最火的移动端开发技术，一套代码，可以打包成Android/iOS app和各种平台的小程序，可谓是没有最方便只有更方便。 GoEasy上架DCloud Uniapp插件市场已经有一个多月了，收到很多Uniapp开发人员的赞扬和好评，小编在此隔着屏幕向大家鞠躬，小编和GoEasy团队会继续努力，持续为Uniapp开发者提供最简单且优雅的API，稳定高速可靠的即时通讯服务。 这段时间，也收到了很多朋友的一些问题？比如： 1、GoEasy和Uniapp websocket API有什么区别和优势？ Uniapp官方的websocket API主要是用来与您的websocket服务通讯，所以使用Uniapp websocket的前提是，首先要搭建好您自己的websocket服务，然后与之通讯。这是一个纯技术的API，在建立网络连接后，还有很多的工作需要自己来完成，比如： 需要自己实现心跳机制，来维护网络连接，来判断客户端的网络连接状态； 需要自己实现断网自动重连； 需要自己维护消息列表，确保遇到断网重连后，消息能够补发； 需要自己维护一个客户端列表； ... 等等很多细致而繁杂的工作，比如websocket的安全机制和性能优化； 除此之外服务端也有很多工作需要自己完成，有兴趣自己搭建websocket的话，可以参考这篇技术分享《 搭建websocket消息推送服务