一、项目准备工作

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.判断对象是否为空

    以上就是本篇文章【uni-app开发小程序】的全部内容了，欢迎阅览 ！ 文章地址：http://w.yusign.com/news/7493.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 述古往 http://w.yusign.com/mobile/ , 查看更多