uni-app开发小程序

   日期:2024-12-29     作者:xhb273511       评论:0    移动:http://w.yusign.com/mobile/news/7493.html
核心提示:一、项目准备工作 1.uni-app介绍(地址) uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代

一、项目准备工作

1.uni-app介绍地址

uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

2.开发工具下载和安装
2.1介绍
 
2.2下载HBuilderX
 
2.3安装HBuilderX
 
3.开发工具的配置
3.1安装scss/sass编译

介绍

 

下载地址 (scss/sass编译 - DCloud 插件市场)

3.2快捷键方案切换

操作步骤:工具->预设快捷键方案切换->vs Code

3.3修改编辑器的基本设置

操作步骤:工具->设置 ,点击源码视图

二、项目开发

1.网络请求配置
1.1.介绍(@escook/request-miniprogram - npm)
 
1.2.添加依赖
 
1.3.配置网络请求
 
2.小程序分包加载
2.1.介绍
 
2.2分包的好处
 
2.3.分包加载

2.3.1分包加载前后项目的结构

 

2.3.2分包的加载规则

 

2.3.3分包的体积限制

 
3.4分包的配置

3.4.1定义

 

3.4.2使用

 

3.4.3新建分包文件

3.自定义组件使用
3.1.创建组件
 
3.2.使用
 
4.组件使用
4.1获取页面可用高度
 

4.2数据保存到本地

 
4.3.图片预览功能
 
4.4商品导航组件 uni-goods-nav

地址:导航组件

效果

4.5.为tabBar 设置数字徽标
 

效果

4.6.混入功能
 
4.7调用小程序的方法获取用户地址
 
4.8.NumberBox 数字输入框

地址:数字输入框

使用

 
4.9获取微信用户信息
 
4.10.获取微信登录返回的code信息
 
4.11.退出登录
 
4.12.微信支付功能
 
5.解决问题
5.1解决 .webp 格式图片在 ios 设备上无法正常显示的问题
 
5.2.判断对象是否为空
     本文地址:http://w.yusign.com/news/7493.html    述古往 http://w.yusign.com/static/ , 查看更多
 
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号