随笔分类 - 小程序
微信小程序
摘要：👇 垃圾分类查询小程序 👇 界面简洁，覆盖各类垃圾，数据量 6000+ 1. 可回收物 指废纸张、废塑料、废玻璃制品、废金属、废织物等适宜回收、可循环利用的生活废弃物。 投放要求 尽量保持清洁干燥,避免污染， 废纸应保持平整 立体包装物应清空内容物，清洁后压扁投放 废玻璃制品应轻投轻放，有尖锐边
阅读全文
摘要：1. 对非首页，使用 getCurrentPages 函数获取当前页面栈 2. 对首页，通过在 data 中定义标记变量，判断页面是否从其他页面返回 Page({ data: { isClose: true, //判断当前页面是打开还是返回页 list: [], page: 0 }, onLoad:
阅读全文
摘要：微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如： "wx.request" 、 "wx.showToast" 、 "wx.showLoading" 等。如果需要同步处理，可以使用如下方法： 注意： Async await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5,
阅读全文
摘要：1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览： 4. 部分截图 首页 列表页 详情页
阅读全文
摘要：小程序支持自定义组件，下面是一个简单的购物车组件，实现的效果如图： 效果图 <! 创建组件 在根目录创建components目录，然后创建计数组件 count 如图： 组件内容 count.json: 注册组件： index.json: index.js:
阅读全文
摘要：小程序页面内发起转发 通过给 组件设置属性 ，可以在用户点击按钮后触发 "Page.onShareAppMessage" 事件，如果当前页面没有定义此事件，则点击后无效果。相关组件：button wxml： wxss: js： onShareAppMessage(res) { let id = wx
阅读全文
摘要：1. 通过url带参数传递 1.1 固定参数传递 例如，从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值： detail页面取值： 1.2 从列表取值 从列表页进入详情页时，需要传递列表被点击项目的 id 至详情页，方法： 在列表页通过data id='{{item
阅读全文
摘要：云函数 云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。 小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内使用 提供的 方法获取到每次调用的上下文（appid、openid 等），无需维护复杂的鉴权机制，即可获取天然可信任的用户登录态（o
阅读全文
摘要：1. 添加缓存 单个密钥允许存储的最大数据长度为1MB，所有数据存储上限为10MB。 2. 获取缓存 从本地缓存中异步获取指定key的内容 3. 移除缓存 从本地缓存中移除指定 key
阅读全文
摘要：1. 路由方式 路由方式 | 触发时机 | 路由前页面 | 路由后页面 | | | 初始化 | 小程序打开的第一个页面 | | onLoad, onShow 打开新页面 | 调用 API wx.navigateTo 或使用组件 | onHide | onLoad, onShow 页面重定向 | 调用
阅读全文
摘要：1. 整个小程序生命周期 App({}) 2. 页面生命周期 page({}) 注意 1. tab页面之间的相互切换，不会让页面重新加载(onLoad)，也就不会卸载(onUnload)，只会隐藏与显示页面，即：页面切换只会交替执行 onHide() 与 onShow() 函数 2. 在某页面使用
阅读全文
摘要：1. 授权地理位置 点击按钮，弹出授权弹窗，点击允许后，在以后的操作中可以随时获取到用户地理位置 点击拒绝后，将无法获取到地理位置，也无法再次点击弹出弹窗。 2. 获取地理位置 如果用户之前已经授权地理位置，那么可以通过如下方法获取到地理位置信息 3. 拒绝后再次授权，打开授权面板 如果用户有过拒绝
阅读全文
摘要：用户授权 点击上面 button 后弹出授权窗口； 如果用户同意授权，将获取到用户信息，再次点击button后不会弹窗。 如果用户拒绝授权，不会获取到用户信息，再次点击按钮，会再次弹出授权窗口。
阅读全文
摘要：一、 wx.authorize(Object object) 提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据，但不会实际调用对应接口。如果用户之前已经同意授权，则不会出现弹窗，直接返回成功。 用户可以授权的 "scope" 包括： scope |
阅读全文
摘要：1. 纵向滚动 scroll y 当 设置为scroll y 时, 需要将其高度设为固定值 如果整个页面，即最外层标签为scroll view，需要并将其高度设为100%，也需要将page设为100%（可在app.wxss中设置）。 示例： html 文件： css 文件： bindscrollto
阅读全文
