常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包
- 打开阿⾥巴巴字体图标 ⽹站
-
选择的图标
-
添加⾄项⽬
- 下载到本地，选择第二个Font Class，并在地址栏打开新地址，复制全部代码到项目中
-
将样式⽂件 由 css 修改为 wxss
-
⼩程序中引⼊，在全局app.wxss中引入，就可以在每个wxss中使用了
-
测试
-
目录下新增文件夹icons，将图标文件放到里面
-
在app.json中实现tabBar
界面调用主题颜色
在index.wxss中使用
小程序标题红底白字
在app.json中通过window设置
3.7、添加服务器接口域名
在这里将服务器接口域名加上，否则请求不到数据
===============================================================
- 使⽤tabbar 实现底部导航功能
-
使⽤⾃定义组件的⽅式 实现 头部搜索框
-
加载 轮播图 数据
① 请求数据
② 渲染数据
基础版本：
封装请求版本：
- 加载 导航 数据
- 加载 楼层 数据
- 获取⾸⻚轮播图数据
- 获取⾸⻚分类菜单数据
- 获取⾸⻚ 楼层数据
-
⼩程序内置 request API
-
es6的 promise
-
⼩程序 swiper 组件
-
⾃定义组件 实现 搜索框
=================================================================
- 加载分类⻚⾯数据
接口数据关系映射
① 请求数据并构造数据
-
点击左侧菜单，右侧数据动态渲染
-
缓存
- 分类⻚⾯数据
-
scroll–view 组件
-
es7的 async 和 await
es7的 async 号称是解决回调的最终⽅案
-
在⼩程序的开发⼯具中，勾选 es6转es5语法
-
下载 facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js
-
在⼩程序⽬录下新建⽂件夹
lib/runtime/runtime.js，将代码拷⻉进去
import regeneratorRuntime from '../../lib/runtime/runtime';
===================================================================
-
加载商品列表数据
-
启⽤下拉⻚⾯功能
① ⻚⾯的json⽂件中开启设置 enablePullDownRefresh:true
② ⻚⾯的js中，绑定事件 onPullDownRefresh
-
启⽤上拉⻚⾯功能 onReachBottom ⻚⾯触底事件
-
加载下⼀⻚功能
- 商品列表搜索
-
⼩程序配置⽂件中 启⽤上拉 和下拉功能
-
搜索框和tab栏是⼩程序的⾃定义组件(有组件事件和参数交互)
===================================================================
-
渲染商品详情数据
-
点击图⽚，调出图⽚画廊，进⾏预览
-
点击收藏
-
联系客服
-
分享功能
-
加⼊购物⻋
- 获取详情数据接⼝
-
加⼊购物⻋接⼝ 使⽤本地存储来维护购物⻋数据
-
⽴即购买接⼝ (相当于是 创建订单接⼝)
-
swiper组件
-
本地存储实现 收藏功
-
联系客服 ⼩程序管理后台中 直接添加即可
-
富⽂本标签 渲染 富⽂本
-
⼩程序 预览图⽚接⼝
================================================================
-
获取本地存储中的数据进⾏渲染
-
点击商品可以跳转到商品详情⻚⾯
无
-
⼩程序 ⾃定义组件
-
本地存储 加载收藏数据
==================================================================
-
渲染购物⻋数据
-
添加收货地址
-
修改商品数量
-
单选和全选功能
-
获取购物⻋数据 本地存储实现
-
⼩程序 选择收货地址 api
-
⼩程序 复选框 组件
==================================================================
-
获取微信收货地址
-
渲染购物⻋中要结算的商品
-
实现⽀付
① 获取微信的登录信息
② 获取⾃⼰后台返回的⽀付相关参数
③ 调⽤微信接⼝实现 ⽀付
④ ⽀付成功创建订单
⑤ 跳转到订单⻚⾯
- 获取预⽀付参数
- 创建订单
- 更新订单状态
- 小程序 支付 api
==================================================================
-
获取⽤⼾信息 返回
encryptedData,rawData,iv,signature -
⼩程序登录 返回
code -
提交数据到⾃⼰ 的后台 执⾏post请求 提交数据
encryptedData,rawData,iv,signature code -
将
token和⽤⼾数据rawData存⼊本地存储
- 提交数据到后台 返回token
====================================================================
-
根据不同的的状态去加载不同的订单数据
-
点击标题紧挨着对应数据
- 创建订单
- 查看订单支付状态
- 历史订单查询
-
⼩程序 ⾃定义组件的 传参 ⽗向⼦动态传参
this.selectComponent("#tabs"); -
时间戳 格式化处理
常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
