随笔分类 -  小程序

摘要:闭包是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰。 直观的说就是形成一个不销毁的栈环境 举例1: var datalist = ["a","b","c"] for (var i in datalist){ (function v1(data) { conso 阅读全文
posted @ 2020-05-27 09:03 一只小小的寄居蟹 阅读(248) 评论(0) 推荐(0) 编辑
摘要:案例: 原始文件: wxml: <!--pages/progress/progress.wxml--> <text>pages/progress/progress.wxml</text> <progress percent="20"> </progress> abcd <progress perce 阅读全文
posted @ 2020-05-19 10:44 一只小小的寄居蟹 阅读(811) 评论(0) 推荐(0) 编辑
摘要:COS 对象存储(Cloud Object Storage,COS)是腾讯云提供的一种存储海量文件的分布式存储服务, 用户可通过网络随时存储和查看数据。腾讯云 COS 使所有用户都能使用具备高扩展性、低成本、可靠和安全的数据存储服务。 创建存储桶 存储桶(Bucket)是对象的载体,可理解为存放对象 阅读全文
posted @ 2020-05-18 20:21 一只小小的寄居蟹 阅读(6037) 评论(0) 推荐(0) 编辑
摘要:案例:用户使用手机号,输入验证码登录,验证码保存60s,用户登录成功后,获取用户信息。 小程序前台 app.js App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: function () { var userInfo = wx.get 阅读全文
posted @ 2020-05-11 15:20 一只小小的寄居蟹 阅读(1046) 评论(0) 推荐(0) 编辑
摘要:小程序生命周期App.js 小程序的生命周期函数是在app.js里面调用的,App(Object)函数用来注册一个小程序。接受一个 Object 参数,指定其小程序的生命周期回调. App({ /** * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) */ onLaunch: f 阅读全文
posted @ 2020-05-11 09:24 一只小小的寄居蟹 阅读(1789) 评论(0) 推荐(0) 编辑
摘要:创建应用 记录SDK AppID 申请签名 用个人网站需ICP备案,可以申请公众号,用个人公众号申请 记录ID 和内容 申请模板 记录ID和模板名称和内容变量 申请腾讯云调用api secretkey和secretId 查看帮助文档 https://cloud.tencent.com/documen 阅读全文
posted @ 2020-05-06 18:54 一只小小的寄居蟹 阅读(3220) 评论(1) 推荐(1) 编辑
摘要:使用for指令可以实现循环 使用wx:for标签 index和item默认表示索引和value wxml: <text>商品列表信息</text> <view wx:for="{{dataList}}"> 索引:{{index}} - 内容:{{item}} </view> <text>商品列表信息 阅读全文
posted @ 2020-04-29 20:39 一只小小的寄居蟹 阅读(986) 评论(0) 推荐(0) 编辑
摘要:注意:图片目前只是上传到了内存 使用 wx.chooseImage({ count: 6, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], …… 样式: wxml: <view bindtap="uploa 阅读全文
posted @ 2020-04-29 20:35 一只小小的寄居蟹 阅读(642) 评论(0) 推荐(0) 编辑
摘要:推荐使用: wx.chooseLocation({ success: function (res) { console.log(res) //获取位置 that.setData({ localPath: res.address}); }, }); 样图: 实现: wxml: <view class= 阅读全文
posted @ 2020-04-29 17:30 一只小小的寄居蟹 阅读(684) 评论(0) 推荐(1) 编辑
摘要:注意事项: 想要获取用户信息,必须经过用户授权(button)。 已授权 不授权,通过调用wx.openSetting // 打开配置,手动授权。 // wx.openSetting({}) 官方推荐使用 <button class="confirm-btn" open-type="getUserI 阅读全文
posted @ 2020-04-29 16:14 一只小小的寄居蟹 阅读(610) 评论(0) 推荐(0) 编辑
摘要:页面跳转 页面跳转分tabber页跳转和非tabber页跳转 非tabber页跳转: 1.使用标签 <navigator url="/pages/redirect/redirect?id=666">通过标签跳转到新页面</navigator> 传递参数id=666 redirect: Page({ 阅读全文
posted @ 2020-04-28 12:35 一只小小的寄居蟹 阅读(789) 评论(0) 推荐(0) 编辑
摘要:flex布局简介 微信小程序页面布局方式采用的是Flex布局。Flex布局,是W3c在2009年提出的一种新的方案,可以简便,完整,响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐,方向以及顺序,甚至他们可以是动态的或者不确定的大小的。 样式设置为 display:flex: 采用 F 阅读全文
posted @ 2020-04-27 19:07 一只小小的寄居蟹 阅读(1210) 评论(0) 推荐(0) 编辑
摘要:WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 WXSS 具有 CSS 大部分特性,与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 样式导入 举例: /* pages/my/my.wxss 阅读全文
posted @ 2020-04-27 18:23 一只小小的寄居蟹 阅读(319) 评论(0) 推荐(0) 编辑
摘要:全局配置 1.app.js 定义全局数据和全局函数 定义内容解释: onLanuch 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) onShow 当小程序启动,或从后台进入前台显示,会触发 onShow onHide 当小程序从前台进入后台,会触发 onHide onError 阅读全文
posted @ 2020-04-27 18:15 一只小小的寄居蟹 阅读(776) 评论(0) 推荐(0) 编辑
摘要:小程序环境搭建 1.申请一个微信公众平台 2.保存自己的appid appid = wx1a3fac0e7xxxxx 3 下载开发者工具 4 创建项目 阅读全文
posted @ 2020-04-27 11:39 一只小小的寄居蟹 阅读(223) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示