随笔分类 - 微信小程序学习笔记
微信小程序学习笔记（仅供自己学习）
摘要：// 封装请求模块 const Promise = require('./Promise.js'); const baseUrl = 'http://127.0.0.1:8080/'; function request(method, url, data) { return new Promise(
阅读全文
摘要：// 在css内书写 word-break:break-all;
阅读全文
摘要：前端实现 goLogin() { wx.getUserProfile({ desc: '获取你的昵称、头像', // 如果获得授权,发起请求,向服务器提交code success: ress => { wx.login({ timeout: 5000, success(res) { if (res.
阅读全文
摘要：解决方法： 1：使用wx.setStorage()向本能存储里面存储要传递的数据 2：借用app对象传递全局参数 // 1.在app.js中定义要传递的全局参数 App({ globalData: { userInfo:{} } }) // 2.在login页面success返回中设置 const
阅读全文
摘要：微信小程序获取dom元素的方法 var query = wx.createSelectorQuery(); query.select('#xxx').boundingClientRect() query.exec(function (res) { //res就是 所有标签为mjltest的元素的信息
阅读全文
摘要：this.setDate({ info:{ a:50 } }) 上述方法除过a以外的其他属性也会被覆盖，从而成为空值 可使用以下方法 this.setData({ ['info.userImg']:this.data.fileList })
阅读全文
摘要：wx.showLoading(Object object)加载中效果 https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html 显示 loading 提示框。需主动调用 wx.hid
阅读全文
摘要：官方文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html 1.在app.json中添加如下 { "tabBar": { // 添加custom：true，不删除原本list目录
阅读全文
摘要：一、分包的概念 1.什么是分包 分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 2.分包的好处 对小程序进行分包的好处主要有以下两点: 可以优化小程序首次启动的下载时间 在多团队共同开发时可以更好的解耦协作 3.分包前项目的构成 分包
阅读全文
摘要：1.什么是全局事件共享 全局数据共享（又叫做:状态管理）是为了解决组件之间数据共享的问题。 开发中常用的全局数据共享方案有:VueX、ReduX、MobX等。 2.小程序中的全局数据共享方案 在小程序中，可使用mobx-miniprogram配合mobx-miniprogram-bindings实现
阅读全文
摘要：小程序对npm的支持与限制 npm包有如下三个限制 不支持依赖于Node.js内置库的包 不支持依赖于浏览器内置对象的包 不支持依赖于C++插件的包 总结:虽然npm 上的包有千千万，但是能供小程序使用的包却“为数不多”。 一、Vant Weapp 1.什么是Vant Weapp Vant weap
阅读全文
摘要：一、组件 1.创建组件 在项目的根目录中，鼠标右键，创建components → test文件夹 在新建的components → test文件夹上，鼠标右键，点击“新建Component" 键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js，.json，.wxml和.wxSS
阅读全文
摘要：map的使用 点击查看代码 <map latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" bindmarkertap="markertap" /> 页面启动后自动获取当前经纬度 点击查看代码 data: {
阅读全文
摘要：1.什么是wxs WXS ( WeiXin Script)是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。 2.wxs的应用场景 wxml中无法调用在页面的.js 中定义的函数，但是，wxml中可以调用wxs 中定义的函数。因此，小程序中wxs的典型应用场景就是==“过滤器”==。
阅读全文
摘要：1.什么是生命周期 生命周期(Life cycle）是指一个对象从创建→运行->销毁的整个阶段，强调的是一个时间段。例如: 张三出生，表示这个人生命周期的开始 张三离世，表示这个人生命周期的结束 中间张三的一生，就是张三的生命周期 我们可以把每个小程序运行的过程，也概括为生命周期 小程序的启动，表示
阅读全文
摘要：一、下拉刷新 1.什么是下拉刷新 下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。 2.启动下拉刷新效果 全局开启下拉刷新 在app.json的 window节点中，将enablePullDownRefresh设置为true 局部开启下拉刷新 在页面的.
阅读全文
摘要：1.什么是页面导航 页面导航指的是页面之间的相互跳转。 2.小程序中实现页面导航的两种方式 声明式导航 在页面上声明一个 navigator 导航组件 通过点击 navigator 组件实现页面跳转 编程式导航 调用小程序的导航api，实现页面的跳转 声明式导航 1.导航到tabBar页面 tabB
阅读全文
摘要：1.小程序中网络请求的限制 出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下两个限制: 只能使用https类型的接口 必须将接口的域名添加到信任列表中 2.配置request合法域名 注意： 域名只支持https协议 域名不能使用IP地址或localhost 域名必须经过ICP备案 域名服
阅读全文
摘要：1.全局样式 定义在app.wxss中的样式称为全局样式，作用于每个页面 2.局部样式 在页面的.wxss文件中的样式成为局部样式，只作用于当前页面 *注意（谁权重大听谁的） 当局部样式和全局样式冲突时，根据就近原则，局部样式会覆全局样式 只有当局部央视的权重大于或等于全局样式时，才会覆盖全局的样式
阅读全文
摘要：1.什么时wxss wxss是一套样式语言，用于美化wxml的组件样式，类似于网页开发中的css 2.wxss和css的关系 wxss具有css大部分的特性，同时，wxss还进行了扩充以及修改，以适应微信小程序的开发 与css相比，wxss扩展的特性有： rpx尺寸单位 @import样式导入 rp
阅读全文
