
微信小程序
文章平均质量分 94
微信小程序是一种基于微信平台的轻量级应用,用户可以在微信中直接使用,无需下载安装。
阿珊和她的猫
前端开发工程师、优快云博客专家、23年度博客之星前端领域TOP1、蓝桥云课签约作者、阿里云专家博主、已过CET6、牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》《2024前端面试高频手撕题》,已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
展开
-
微信小程序支付示例:使用 wx.requestPayment 接口发起微信支付
通过 wx.requestPayment 接口,开发者可以在小程序中调用微信支付功能,实现用户支付的需求。在调用接口时,需要传入合法且准确的支付参数,并在回调函数中处理支付成功或失败的情况。同时,开发者还需确保用户已授权支付功能,并符合小程序支持的支付版本要求。原创 2023-02-10 11:35:22 · 5017 阅读 · 0 评论 -
表单组件及网络API+常用API接口+utils 中自定义模块module.exports
表单(Form):表单组件主要应用是获取用户输入内容。表单组件分为11个组件:button - 按钮组件switch - 开关组件slider - 滑动选择器radio - 单项选择器chechbox - 多项选择器input - 输入框textarea - 多行输入框picker - 从底部弹起的滚动选择器picker-view - 嵌入页面的滚动选择器label - 改进...原创 2020-01-18 00:21:03 · 951 阅读 · 0 评论 -
小程序组件+弹性盒子+表单组件+自定义组件
小程序组件小程序组件–视图容器什么是组件?组件是视图层的基本组成单元。组件自带一些功能与微信风格的样式。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。注意:所有组件与属性都是小写,以连字符-连接组件的属性所有组件都有如下的属性:id,class,style,hidden(组件是否显示),data-(自定义属性),bind/catch(...原创 2020-01-17 22:50:45 · 1685 阅读 · 0 评论 -
【微信小程序】事件的用法+事件冒泡的理解
小程序事件基础什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。 如 bindtap,当用户点击该组件的时候会在该页面对应的 Page中找到相应的事件处...原创 2020-01-17 22:03:40 · 670 阅读 · 0 评论 -
【微信小程序】页面路由+模块化
页面路由在小程序中所有页面的路由全部由框架进行管理。框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:路由方式对于路由的触发方式以及页面生命周期函数如下:路由API函数wx.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.reLaunch 关闭所有页面,打开到应用内的某个页面wx.redirectTo...原创 2020-01-17 21:48:01 · 692 阅读 · 0 评论 -
【微信小程序】逻辑层代码
注册小程序app.js每个小程序都需要在 app.js 中调用 App 方法注册小程序示例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。// app.jsApp({ onLaunch (options) { // Do something initial when launch. },... globalData: 'I am global data'})...原创 2020-01-17 21:41:47 · 831 阅读 · 0 评论 -
【微信小程序】模板template
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。如果有些页面结构内容需要重复在不同页面显示,则可以创建模板,在不同页面引用。模板虽然是相同的,但页面传的参数值可以不同,所以可以在模板中显示不同信息。定义模板使用name属性,作为模板的名字。然后在内定义代码片段,如<template name="msgItem"> <view&...原创 2020-01-17 21:30:01 · 492 阅读 · 0 评论 -
【微信小程序】数据绑定+条件语句+列表循环
小程序视图层语法基础视图层基本语法数据绑定 {{}}WXML 中的动态数据均来自对应 Page 的 data。 简单绑定 数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用于:<view> {{ message }} </view>Page({ data: { message: 'Hello MINA!' } }) ...原创 2020-01-17 21:21:50 · 1793 阅读 · 0 评论 -
【微信小程序】配置文件详解+pages js逻辑层配置
app.json 配置项列表app.json pages配置接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。 文件名不需要写文件后缀,因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。{ "page...原创 2020-01-17 18:58:35 · 1402 阅读 · 0 评论 -
【微信小程序】小程序框架分析
1.MVCMVC是Model-View- Controller的简写,即模型-视图-控制器,简单来说就是通过controller的控制去操作model层的数据,并且返回给view层展示。当用户出发事件的时候,view层会发送指令到controller层,接着controller去通知model层更新数据,model层更新完数据以后直接显示在view层上,这就是MVC的工作原理。该设计模式框架...原创 2020-01-17 18:47:54 · 1697 阅读 · 0 评论 -
【微信小程序】天气小程序部分源码
App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { }, /** * 当小程序启动,或从后台进入前台显示,会触发 onShow */ onShow: function (options) { }, /** * 当小程序从前台...原创 2020-01-17 18:39:53 · 1248 阅读 · 0 评论 -
【微信小程序】小程序的目录结构+创建第一个小程序
目录结构根目录app.js(必须,小程序的主流程代码)app.json(必须,小程序的全局配置)app.wxss(可选,全局样式)project.config.json(可选,项目配置文件)pages(页面)indexindex.wxml(必须)index.js(必须)index.json(可选)index.wxss(可选)app.jsonapp.json...原创 2020-01-17 18:29:44 · 798 阅读 · 0 评论 -
打造自己的微信小程序:简单指南和开发步骤
准备工作1、注册小程序账号(暂时非必须,如果需要发布小程序必须注册并实名认证)2、安装小程序的开发工具注册微信小程序在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。...原创 2020-01-17 17:59:47 · 860 阅读 · 0 评论 -
微信小程序:掌上便捷,无需下载的应用体验
微信小程序是什么?小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想用户扫一扫或者搜一搜就可打开应用,也体现了“用完即走”的理念。用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。小程序特点—优点速度快无需适配社交分享出色体验易获取低门槛小程序特点—缺点1、微信小程序只有1M的大小,这样导致无法开发大型一些的小程序...原创 2020-01-17 16:36:48 · 729 阅读 · 0 评论