![](https://img-blog.csdnimg.cn/9767e190dda04e3eb7e2d69da3b7df38.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
文章平均质量分 75
小程序开发学习笔记
焦妮敲代码
仅此一生,竭尽全力
展开
-
【2022微信小程序排雷】云开发和非云开发环境下如何正确获取openid?
在小程序开发时,我们常常会调用wx.login和wx.getUserProfile来让用户授权并收集用户的openid、用户名、头像等信息。这样看是不是感觉两者没有什么联系,先后顺序不影响,我最开始也是这样觉得的............原创 2022-07-11 10:12:50 · 1798 阅读 · 0 评论 -
小程序——分包加载
分包1. 分包2. 使用分包3. 独立分包4. 分包预下载1. 分包分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;对小程序进行分包可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作。分包前,小程序项目中所有的页面和资源都被打包到了一起,导致整个项目体积过大,影响小程序首次原创 2022-05-20 00:37:03 · 1635 阅读 · 2 评论 -
全局数据共享MobX
全局数据共享MobXMobx在页面上使用 Store在组件中使用 StoreMobx全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。在小程序中,可使用 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。其中:mobx-miniprogram 用来创建 Store 实例对象mobx-miniprogram-bindings 用来把 Store 中的共享数据或方法,绑定到组件或页面中使用1、安装 mobx-minip原创 2022-05-19 21:01:04 · 326 阅读 · 0 评论 -
API Promise化
API Promise化原因安装使用原因默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用:这样的缺点是容易造成回调地狱的问题,代码的可读性、维护性差!API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。安装使用在小程序中,实现 API Promise 化主要依赖于 miniprogram-api-原创 2022-05-19 19:02:24 · 857 阅读 · 2 评论 -
小程序中使用Vant Weapp正确步骤(2022最新排雷篇)
14. Vant WeappVant 是一个轻量、可靠的移动端组件库。1、安装:在终端中执行npm i @vant/weapp -S --production2、修改 app.json将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。3、修改 project.config.json开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外原创 2022-05-19 17:47:23 · 3193 阅读 · 5 评论 -
小程序开发学习笔记
微信小程序1. 小程序简介2、开始注册小程序账号获取小程序的AppID安装开发者工具创建小程序项目3、小程序代码构成整体pagejson 文件1. 小程序简介小程序与普通网页开发的区别1、运行环境不同网页运行在浏览器环境中,小程序运行在微信环境中。网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。2、API不同由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API。但是,小程原创 2022-05-15 18:21:47 · 2197 阅读 · 5 评论 -
scroll-view使用display:flex无效,可采用另外一种方法实现横向滑动
最近在学小程序开发,试着用scroll-view进行横向滚动竖向滚动很简单,只需要添加scroll-y吗,如何给父盒子添加height属性即可WXML如下<scroll-view class='container1' scroll-x> <view>A</view> <view>B</view> <view>C</view></scroll-view>WXSS如下/* pag原创 2022-05-12 12:59:18 · 2689 阅读 · 1 评论