一、项目准备工作
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 数字输入框
地址:数字输入框
使用