小程序
文章平均质量分 51
大神乔伊
产品,技术,思考,成长
展开
-
微信小程序学习导航
前言 浅蓝色的文字是超连接,点击前往相关主题 学习资料 小程序官网 基础 文件结构 生命周期 显示隐藏,事件,列表渲染 路由跳转 网路请求 云开发 云函数 云数据库 进阶 支付 其他 跨域 ...原创 2021-07-26 09:23:12 · 150 阅读 · 0 评论 -
微信小程序:原生组件与能力
问题导向 原生组件如何使用? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 提示,加载,确认框 加载 wx.showLoading() //加载 wx.hideLoading() //结束加载 提示 wx.showToast({ title:'注册成功', icon:'success', duration:3000 }) 确认框 wx.showModal({ title:'提示', content:'这是一个模态弹窗', succ原创 2021-07-31 08:09:14 · 259 阅读 · 0 评论 -
小程序:云数据库
问题导向 云数据库如何使用? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 云数据库 云函数 = API接口,可在云函数中处理调用云数据库,请求第三方,可视为一个简单的node项目 3种方式操作云数据库 1,云函数操作云数据库 2,小程序中操作云数据库 3,HTTP操作,需要请求 注意 数据查询: 小程序端一次只能查询20条数据 云函数端一次能查100条数据 权限管理: 小程序端调用数据库有权限设置,需要设置所有用户可读才能看到别人发布的信息 如果原创 2021-07-31 07:06:37 · 1348 阅读 · 0 评论 -
小程序:云函数
问题导向 云函数如何使用? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 云函数 云函数 = API接口,可在云函数中处理调用云数据库,请求第三方,可视为一个简单的node项目 如何使用云函数 开通云开发 在项目文件夹的cloudfunctions中新建Node.js云函数 编写index.js 右键 创建并部署 例子 cloudfunctions → example → index.js const cloud = require('wx-server-sdk') //原创 2021-07-30 10:05:12 · 374 阅读 · 0 评论 -
小程序:云开发
问题导向 什么是小程序云开发? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 传统开发模式 vs 云开发 传统模式: 小程序端 -> 发送请求 -> 后端(数据,文件,逻辑,负载均衡,DB运维,网络防护,异地容灾,域名,服务器,备案) 云开发模式: 小程序端 -> 云开发接口(云数据库,云函数,云存储,云调用,HTTP API) -> 专注业务开发 优缺点 优势: 快速上线 专注核心业务 独立开发一个完整的微信小程序 不需要学习新的语原创 2021-07-30 09:20:28 · 97 阅读 · 0 评论 -
小程序:文件结构
问题导向 微信小程序的文件结构是什么样的?和vue,react有什么不同? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 新建项目时的目录 pages 页面文件夹 index index页文件夹,每个页有4个文件 index.js index页的数据与逻辑处理 index.json index页的配置文件,可以引用其他组件 index.wxml index页的内容原创 2021-07-29 09:09:05 · 196 阅读 · 0 评论 -
小程序:网络请求
问题导向 微信小程序的网络请求如何处理? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 网络请求 API: wx.request({}) 发送请求 wx.uploadFile({}) 上传文件 wx.downloadFile({}) 下载文件 wx.connectSocket({}) socket通信 wx.request wx.request({ url: 'url', data: {}, header: { 'cont原创 2021-07-29 08:33:05 · 60 阅读 · 0 评论 -
小程序:自定义组件详解
问题导向 微信小程序的路由如何跳转? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 路由跳转 API 跳转到 tabBar 页面,并关闭其他所有非 tabBar页面 wx.switchTab({url: '/index'}) 关闭所有页面,打开到应用内的某个页面 wx.reLaunch(Object object) 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar页面 wx.redirectTo({ url: 'test?id=1'}) 保留当前页面,跳原创 2021-07-29 07:53:11 · 161 阅读 · 0 评论 -
小程序:事件和渲染
问题导向 微信小程序的文件结构是什么样的?和vue,react有什么不同? 如果你都有了答案,可以忽略本文章,或去小程序学习地图寻找更多答案 新建项目 pages 页面文件夹 index index页文件夹,每个页有4个文件 index.js index页的数据与逻辑处理 index.json index页的配置文件,可以引用其他组件 index.wxml index页的内容布局,相原创 2021-07-26 08:49:31 · 220 阅读 · 0 评论