小程序
木蓝茶陌*_*
这个作者很懒,什么都没留下…
展开
-
微信小程序学习15--地图map组件的基本使用
地图map组件的基本使用<map longitude="113.324520" latitude="23.099994" scale="11"></map><button bindtap='handleShow'>显示当前位置</button><button type='primary' bindtap='handleOpen'>打开地图选择位置</button>通过小程序API操作地图获取当前位置坐标(经纬度)wx.g原创 2020-11-25 09:37:36 · 464 阅读 · 0 评论 -
微信小程序学习14--小程序微信支付流程分析及实现
小程序微信支付支付流程分析用户要购买商品并且付钱给商家(用户点击支付按钮,调用商家服务器进行付款)。商家服务器收到用户的支付信息(用户信息和交易数据)后进行备案(存储信息到数据库)。商家服务器委托(调用接口)第三方金融机构(微信、支付宝、银联)进行支付。金融机构反馈确认收款信息给商家服务器,商家服务器再给用户确认付款的反馈。用户收到反馈后,可以直接把钱付给第三方。支付流程实现实现支付:async handlePay (e) { // 1、调用接口请求实现付款 // conso原创 2020-11-24 09:13:18 · 643 阅读 · 0 评论 -
微信小程序学习13--小程序登录流程分析及实现
小程序登录登录流程分析登录实现实现步骤:获取用户授权信息:<button @getuserinfo="getInfo" open-type="getUserInfo" type="primary">微信登录</button>能够给回调函数获取授权信息getInfo (ev) { // 通过按钮的事件监听获取当前微信登录者的信息 // console.log(ev); // 将获得的用户相关信息,解构出来 const { iv,原创 2020-11-23 09:12:55 · 228 阅读 · 0 评论 -
微信小程序学习12--在小程序中使用npm
npm包用法npm基本用法小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中,或者使用小程序支持的 npm 功能。# 初始化$ npm init -y# 安装 mime 模块$ npm install mime// pages/index/index.js// 直接不会导入成功!const mime = require('mime');小程序默认不支持 npm 的模块,必须经过小程序工具构原创 2020-11-20 09:30:37 · 421 阅读 · 0 评论 -
微信小程序学习11--小程序自定义组件
自定义组件小程序自定义组件小程序内置提供了许多组件,同时也允许开发者根据业务需要自定义组件。小程序自定义组件与页面主要有两点不同:组件对应的 .js 文件中调用 Component 函数// 调用 Components 函数,由小程序内置提供Component({ properties: { }, data: { }, methods: { }})组件对应的 .json 文件中,配置 component: true{原创 2020-11-19 09:13:52 · 156 阅读 · 0 评论 -
微信小程序学习10--小程序的模板功能template
模板用法小程序提供了模板功能,使用模板可以将页面中的公共部分提取出来,实现复用的效果。定义模板使用 template 标签定义模板,指定 name 属性为模板命名<!--定义模板 --><template name="mytpl"> <view class="user"> <text>姓名: 小明</text> <text>年龄: 18</text> </view><原创 2020-11-18 09:14:15 · 441 阅读 · 0 评论 -
微信小程序学习9--小程序的脚本语言wxs
WXSWXS是小程序专门设计的一种脚本语言,可以用在WXML文件中实现逻辑处理,类似于JavaScript。需要通过module.exports暴露出去,才能被页面应用到。模块化导入导出直接在页面中使用:<view> <view>{{m1.showInfo()}}</view> <view>{{m1.num}}</view></view><wxs module='m1'> // 这里可以实现业原创 2020-11-17 09:05:44 · 324 阅读 · 0 评论 -
微信小程序学习8--小程序常用API详解
小程序API小程序API 是小程序开发的核心,通过 API 开发者可以获得微信底层封装的高级特性,如网络请求、文件操作、设备信息、地理定位、本地存储等。小程序的 API 以全局对象 wx 为命名空间,格式为 wx.方法名(),可全局调用。界面相关APIwx.showLoading 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框。wx.hideLoading隐藏 loading 提示框。wx.showModal显示模态对话框(确认框原创 2020-11-16 09:18:45 · 4130 阅读 · 0 评论 -
微信小程序学习7--小程序架构分析
小程序架构分析小程序代码的执行流程类似于Vue中MVVM的思想:逻辑层指的是js处理逻辑和数据 JS ---- M渲染层指的是页面视图层WXML ---- V小程序运行在微信中 Native (微信) ---- VM微信客户端会与服务器交互:微信向服务器发送请求 wx.request。服务器主动向微信端推送消息要应用 Web Socket 协议。...原创 2020-11-13 09:18:47 · 142 阅读 · 1 评论 -
微信小程序学习6--小程序动态网页模板 js 文件
小程序动态网页模板全局jsapp.js:App() 必须在 app.js 中调用,必须调用且只能调用一次。调用全局生命周期函数全局模块共享数据,属性或方法可以提供给所有的页面使用。App({ onLaunch (options) { // Do something initial when launch. }, onShow (options) { // Do something when show. }, // 定义在这里的属性方法或方法可以被全局访问原创 2020-11-12 09:11:17 · 639 阅读 · 1 评论 -
微信小程序学习5--小程序生命周期及应用场景
小程序生命周期官网文档全局生命周期 app.js:App() 必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数:onLaunch 小程序初始化完成时(全局只触发一次)触发。onShow 小程序初始化完成,或从后台进入前台显示时触发。onHide 小程序从前台进入后台隐藏时触发。onError 小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息。页面生命周期 page.js:js文件中定义了一些页面生命周期函数:onLo原创 2020-11-11 09:12:04 · 571 阅读 · 0 评论 -
微信小程序学习4--WXML动态模板语法详解
WXML动态模板语法详解数据绑定条件渲染列表渲染事件处理数据绑定官网文档基本数据绑定组件属性绑定:插值表达式的信息可以插入到属性中插值表达式内部支持计算对象操作:访问对象中的属性值(对象名称.属性名称)<!-- 基本数据绑定 --><view> 你好,{{uname}}</view> <!-- 属性的值也可以是动态的 --><view data-uid='{{uid}}' class='{{cls}}'>原创 2020-11-10 09:22:35 · 564 阅读 · 0 评论 -
微信小程序学习3--页面适配rpx
页面适配小程序引入了一个新的尺寸单位 rpx,用于实现不同屏幕尺寸的适配。rpx(responsive pixel)可以根据屏幕宽度进行自适应。小程序专有的单位,它规定所有屏幕宽均为750rpx。rpx 与 px 的换算关系:设备屏幕尺寸rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)iPhone5320px1rpx = 0.42px1px = 2.34rpx小米MIX 2S360px1rpx = 0.48px1px = 2.0原创 2020-11-09 09:26:39 · 953 阅读 · 0 评论 -
微信小程序学习2--小程序基本布局
小程序基本布局wxml 指的是 Wei Xin Markup Language,是微信团队以 XML 为基础,而定义的一套用以实现小程序页面布局的标记语言,与HTML非常类似。wxml 常用标签wxml有一套自已的标签(组件)如 form、input、textarea、button、audio、video、view、text等,其含义与html的标签也是一样的,其中 view、text 可分别与 html 中的 div、span 对应。view和text标签的基本使用<!-- w原创 2020-11-06 09:21:59 · 408 阅读 · 0 评论 -
微信小程序学习1--项目结构分析和基本配置
小程序项目结构分析小程序项目结构分析:app.js文件是小程序的入口文件(小程序从该文件开始执行)。app.wxss文件是小程序的全局样式文件。pages文件夹用来放置小程序的页面。wxml 模板文件,类似于HTML文件。wxss 样式文件,类似于css文件。js 文件,用于处理js的交互逻辑,与原生js作用类似。json文件,用于当前页面的配置。utils文件夹用于提供一些工具方法。├── app.js ....................................原创 2020-11-05 09:14:02 · 313 阅读 · 0 评论