随笔分类 - 移动端
1
摘要：👇 垃圾分类查询小程序 👇 界面简洁，覆盖各类垃圾，数据量 6000+ 1. 可回收物 指废纸张、废塑料、废玻璃制品、废金属、废织物等适宜回收、可循环利用的生活废弃物。 投放要求 尽量保持清洁干燥,避免污染， 废纸应保持平整 立体包装物应清空内容物，清洁后压扁投放 废玻璃制品应轻投轻放，有尖锐边
阅读全文
摘要：1. 对非首页，使用 getCurrentPages 函数获取当前页面栈 2. 对首页，通过在 data 中定义标记变量，判断页面是否从其他页面返回 Page({ data: { isClose: true, //判断当前页面是打开还是返回页 list: [], page: 0 }, onLoad:
阅读全文
摘要：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. 设备震动 vibrate Navigator.vibrate() 方法使设备（有震动硬件）产生有频率的震动。若设备不支持震动，该方法将无效。若某震动方式已经在进行中（当该方法调用时），则前一个震动方式停止，新的取而代之。 该方法若因为提供无效的参数使得无法使设备震动，它将返回false，否则返
阅读全文
摘要：当首页内容或图片比较多时，加载时间会比较长，此时可能出现页面白屏的情况，用户体验较差。所以，在页面完全加载出来之前，可以考虑加入loading效果，当页面完全加载完后，是loading消失即可。 1. 方法 html: 在页面开头部分加入： js: 在页面最后面引入： css: 2. 效果如图： 3
阅读全文
摘要：移动端项目中，在滚动的时候，会报出以下提示： 解决 1. 在 的事件监听方法上绑定第三个参数 ， 通过传递 passive 为 false 来明确告诉浏览器：事件处理程序调用 preventDefault 来阻止默认滑动行为。 2. 在 CSS 中全局使用： 的使用方法见：https://devel
阅读全文
摘要：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
阅读全文
摘要："原文地址：https://caochangkui.github.io/huawei es6/" 华为手机自带浏览器对 es6 语法的支持度极差，哪怕最新的荣耀10 手机也有该毛病！所以，移动端项目开发中，发布前最好将所有的 es6 语法转为 es5。 真机测试时，发现在华为手机自带浏览器中，某些点
阅读全文
摘要："原文地址：https://caochangkui.github.io/mobile/" 最近开发移动端项目，发现，与PC端项目开发遇到的浏览器兼容性问题相比，移动端还有更多的坑的。这里将遇到一些问题，做出总结。 <! more 页面自适应 各种手机型号，尺寸大小不一，有的屏幕320px宽，有的屏幕
阅读全文
1
