uniapp开发小程序
关注
分享
扫一扫
文章平均质量分 71
uniapp开发小程序+typescript。从零开始由浅入深，结合VScode开发工具，配置强大插件，大幅提升开发效率。覆盖小程序开发大多数场景
顽石九变
人生没有彩排，每一天都是现场直播，所以每一刻都要活得精彩。
展开
-
【uniapp】小程序开发1： 创建项目、vscode配置
使用uniapp开发小程序可以实现一份代码打包成多个不同平台的小程序。这里使用uniapp官方的项目模板作为示例，采用vue3+ts开发，并使用vscode作为开发工具原创 2023-09-13 18:59:33 · 2464 阅读 · 2 评论 -
【uniapp】小程序开发2：安装uni-ui组件库、使用pinia状态管理、自定义http请求
使用uni-ui组件库开发、使用pinia状态管理及分模块管理、增加请求拦截器以及自定义http请求原创 2023-09-13 19:05:35 · 1984 阅读 · 2 评论 -
【uniapp】小程序开发3： 分包配置
在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。App开启分包后，每个分包单独编译成一个js文件(都包含在app内，不会联网下载)，当App首页是vue时，可减小启动加载文件大小，提升启动速度。因小程序有体积和资源加载限制，各家小程序平台提供了分包方式，优化小程序的下载和启动速度。原创 2023-09-20 11:35:05 · 587 阅读 · 0 评论 -
【uniapp】小程序开发4：微信小程序支付、h5跳转小程序
uniapp开发微信小程序，唤起微信支付窗口。h5页面可以通过官方标签wx-open-launch-weapp跳转到指定的小程序，该标签只能在已认证的服务号，服务号绑定“JS接口安全域名”下的网页中使用原创 2023-10-08 18:00:38 · 1297 阅读 · 0 评论 -
【uniapp】小程序开发5：获取openid、获取手机号
在小程序中获取openid，以及用户微信绑定的手机号，获取手机号必须是用户手动触发，通过给按钮绑定权限代码open-type="getPhoneNumber"获取原创 2023-10-08 18:03:35 · 5948 阅读 · 5 评论 -
【uniapp】小程序开发6：自定义状态栏
可以设置某个页面的状态栏自定义或者全局状态栏自定义。因每台手机的顶部预留高度不一样，需要通过方法uni.getSystemInfoSync()获取顶部安全区域高度，然后通过样式预留出来。原创 2023-10-08 18:08:36 · 1002 阅读 · 0 评论 -
【uniapp】小程序开发7：自定义组件、自动注册组件
自定义组件、自动注册组件。自定义轮播图组件、轮播图指示点组件，以及ts类型提示原创 2023-10-24 09:39:10 · 958 阅读 · 0 评论 -
【uniapp】小程序开发8：滚动组件scroll-view
我们经常需要做页面中部分内容可以滚动的功能，例如“猜你喜欢”，内容太多，通常都会超出屏幕，那么此块区域应该可以滚动，但是顶部的自定义导航栏应该不能随着滚动。这个时候，就可以使用uniapp提供的滚动组件scroll-view。原创 2023-12-11 18:10:20 · 6921 阅读 · 0 评论