微信小程序
关注
分享
扫一扫
文章平均质量分 58
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
吴维炜
资深AI全栈工程师 | UCD主SE | CSDN专家 | 阿里云专家博主
10年经验，擅长AI全栈和AIGC。曾任CTO助理，现为上市公司UCD设计推进与落地技术专家，专注产品创新与用户体验。
展开
-
「小程序」5种不同的小程序开发框架 对比
开发一个小程序我们可以选择的第三方框架有5种，大家比较熟悉的有美团小程序框架mpvue，还有组件化框架等等，下面小编就5种不同的小程序开发框架的特性进行对比总结。小程序提供的开发框架为MINA框架，它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套JavaScript API,让开发者能够非常方便地使用微信客户端提供的各种基础功能与能力，快速构建一个应用。mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架原创 2022-07-01 16:12:53 · 1225 阅读 · 4 评论 -
微信小程序--传参
本文主要介绍微信小程序如何跨页面传参方法一：通过js带参数跳转页面(常用)相关代码如下：mall.wxml<block wx:for="{{data}}" wx:key="" wx:for-index="index"> <view class='relative food-list-wrapper' bindtap='detailTap' data-id="{{i...原创 2019-01-23 11:12:34 · 461 阅读 · 0 评论 -
微信小程序-授权页获取session3d登录2.0
由于微信小程序不断地更新迭代，本文只要介绍前端如何实现微信登录获取session3d。由于又前一篇文章做精准的讲述，本文就不再一一讲解了。login.wxml<image class='logo' src='/images/logo.png'></image><button class='save-btn' open-type="getUserInfo" c...原创 2019-03-11 17:15:10 · 579 阅读 · 0 评论 -
微信小程序POST请求
本文主要介绍微信小程序POST请求由于微信小程序post的传参需要转为JSON.stringify(json);封装json2Form()直接转化function json2Form(json) { var str = []; for (var p in json) { str.push(encodeURIComponent(p) + "=" + encodeURIComp...原创 2019-07-17 15:30:45 · 1699 阅读 · 0 评论 -
NodeJS服务端实现微信小程序支付
本文主要介绍用过nodejs实现实现微信小程序支付。支持post请求，安全性更高。一、前期准备1.开发前必读2.申请微信支付-小程序支付（流程略，若有需要可以留言，另立专题）获取appid、appsecret、mchid、mchkey3.支持httpsNodeJS免费开通https接口访问二、nodejs开发阶段1.在根目录下的routes下新建utils.js和wxapi....原创 2019-09-04 16:33:34 · 5443 阅读 · 28 评论 -
微信小程序--模板化组件import的template和include
本文主要介绍微信小程序模板化组件import的template和include的使用。1.静态化组件：includeingclude适用于静态化的模板，直接引用，数据不可动态更改。即简单的代码替换，不存在作用域，也不像import需要data传递变量。它只是简单的将代码拿出去然后再拿回来，其作用只是单纯的简化页面。2.动态化组件：import2.1新建一个template文件夹来存放您...原创 2019-01-23 10:21:54 · 1893 阅读 · 0 评论 -
微信小程序--上拉加载
本文只要介绍微信小程序如何实现上拉加载index.wxml代码如下：<scroll-view scroll-y style="height:100vh;" bindscrolltolower="lower" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}"> <view class='content-wr...原创 2019-01-22 17:34:13 · 336 阅读 · 1 评论 -
微信小程序--登陆接口
本文主要介绍微信小程序的登录前端的流程。实现的逻辑是通过获取微信小程序的wx.login的server获取token接口, 传入code, rawData, signature, encryptData实现的。登录1.外部封装data.jsfunction getUserInfo(code, loginStatus) { //封装函数wx.getUserInfo({success: fun原创 2017-12-12 15:03:14 · 4735 阅读 · 1 评论 -
微信小程序--下拉流加载
本文主要介绍小程序流加载实现的逻辑,是需要scroll-view监听bindscrolltolower下拉事件触发流加载，向后台发起分页请求page++1.前端.xml//前端页面 tips: view内class=’page’样式需要自行编写，通过数组list循环遍历2.数据加载js页面 //默认请求1-2个篇文章 data: {原创 2017-12-12 15:31:06 · 2554 阅读 · 0 评论 -
微信小程序--request（ajax）请求
本文主要介绍小程序ajax或者称之为wx.request的post跟get两种请求方式。get请求方式wx.request({ url: request_comment_url+"?type_id=" + id, data: { 'signature': signature, }, method: "get", succes原创 2017-12-12 16:12:36 · 6660 阅读 · 0 评论 -
常用样式基础篇（一）弹性布局flex
本文主要介绍小程序一些基础应用。目前只整理了部分弹性盒子flex相关的知识点。一、弹性盒子布局flex 小程序通过弹性盒子布局，兼容性最佳。在布局方面，尽可能减少左右浮动的使用，将弹性布局样式封装好，具有很大的实用性。下面为大家贴出较为常用的布局样式：1.space-between左右布局/* 左右布局 */.space-between { display: -webkit-flex;原创 2017-12-12 18:24:59 · 6738 阅读 · 1 评论 -
微信小程序--Json数组的构造与调用
本文主要引导微信小程序初学者如何对Json数组进行构造与调用。Json数组的构造与调用 Tips：小程序json的数组的形式与WEB前端是完全相同。方法一：当前页面构造模型图原创 2017-12-15 10:28:33 · 9934 阅读 · 2 评论 -
微信小程序--单选复选按钮组的实现
本文主要介绍微信小程序单选按钮很多选按钮的实现方式。众所周知，小程序目前无法绑定DOM截点，实现的原理就是通过bindtap点击的事件方法获取data-id进行循环遍历取反而实现该效果。（一）单选按钮组模型图如下： index.jsPage({ data: { parameter: [{ id: 1, name: '银色' }, { id: 2, name: '白色' },{ i原创 2017-12-15 11:22:57 · 28152 阅读 · 30 评论 -
微信小程序--瀑布流加载
本文主要介绍小程序的瀑布流加载。实现的原理是，通过bindload监听图片加载，然后计算每张图片的高度,将list根据高度分别，创建2个新数组col1、col2。原创 2017-12-15 17:17:56 · 5098 阅读 · 2 评论 -
微信小程序--基础篇（二）易错点
本文只要介绍微信小程序的易错点，与一些常用的js处理。(一)全局的变量1.定义全局的变量app.jsglobalData: { imgSrc: 'https://yesmyart.cn/Public/img/common/',//封装好代码便于修改，提高效率 }2.调用全局的变量var app = getApp();//定义一个appPage({ data: { imgS原创 2017-12-31 00:01:29 · 487 阅读 · 0 评论 -
微信小程序--图片懒加载
本文主要介绍微信小程序的模拟图片懒加载，实现的原理是通过页面预加载图片（默认图），加载完成后再显示出来原图，而非真正意义上的懒加载（跟web的懒加载还有很大的差距），只是借此提高用户体验度。多图片懒加载原创 2017-12-12 15:49:20 · 3362 阅读 · 2 评论