赞
踩
选择的图标
添加⾄项⽬
将样式⽂件 由 css 修改为 wxss
⼩程序中引⼊,在全局app.wxss中引入,就可以在每个wxss中使用了
测试
目录下新增文件夹icons,将图标文件放到里面
在app.json中实现tabBar
界面调用主题颜色
在index.wxss中使用
小程序标题红底白字
在app.json中通过window设置
3.7、添加服务器接口域名
在这里将服务器接口域名加上,否则请求不到数据
===============================================================
使⽤⾃定义组件的⽅式 实现 头部搜索框
加载 轮播图 数据
① 请求数据
② 渲染数据
基础版本:
封装请求版本:
https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata
https://api-hmugo-web.itheima.net/api/public/v1/home/catitems
https://api-hmugo-web.itheima.net/api/public/v1/home/floordata
⼩程序内置 request API
es6的 promise
⼩程序 swiper 组件
⾃定义组件 实现 搜索框
=================================================================
接口数据关系映射
① 请求数据并构造数据
点击左侧菜单,右侧数据动态渲染
缓存
https://api-hmugo-web.itheima.net/api/public/v1/categories
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 ⻚⾯触底事件
加载下⼀⻚功能
https://api-hmugo-web.itheima.net/api/public/v1/goods/search
⼩程序配置⽂件中 启⽤上拉 和下拉功能
搜索框和tab栏是⼩程序的⾃定义组件(有组件事件和参数交互)
===================================================================
渲染商品详情数据
点击图⽚,调出图⽚画廊,进⾏预览
点击收藏
联系客服
分享功能
加⼊购物⻋
https://api-hmugo-web.itheima.net/api/public/v1/goods/detail
加⼊购物⻋接⼝ 使⽤本地存储来维护购物⻋数据
⽴即购买接⼝ (相当于是 创建订单接⼝)
https://api-hmugo-web.itheima.net/api/public/v1/goods/qsearch
swiper组件
本地存储实现 收藏功
联系客服 ⼩程序管理后台中 直接添加即可
富⽂本标签 渲染 富⽂本
⼩程序 预览图⽚接⼝
================================================================
获取本地存储中的数据进⾏渲染
点击商品可以跳转到商品详情⻚⾯
无
⼩程序 ⾃定义组件
本地存储 加载收藏数据
==================================================================
渲染购物⻋数据
添加收货地址
修改商品数量
单选和全选功能
获取购物⻋数据 本地存储实现
⼩程序 选择收货地址 api
⼩程序 复选框 组件
==================================================================
获取微信收货地址
渲染购物⻋中要结算的商品
实现⽀付
① 获取微信的登录信息
② 获取⾃⼰后台返回的⽀付相关参数
③ 调⽤微信接⼝实现 ⽀付
④ ⽀付成功创建订单
⑤ 跳转到订单⻚⾯
https://api-hmugo-web.itheima.net/api/public/v1/my/orders/req_unifiedorder
https://api.zbztb.cn/api/public/v1/my/orders/create
https://api.zbztb.cn/api/public/v1/my/orders/chkOrder
==================================================================
面试一面会问很多基础问题,而这些基础问题基本上在网上搜索,面试题都会很多很多。最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
96道前端面试题:
常用算法面试题:
前端基础面试题:
内容主要包括HTML,CSS,JavaScript,浏览器,性能优化
面试一面会问很多基础问题,而这些基础问题基本上在网上搜索,面试题都会很多很多。最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
96道前端面试题:
常用算法面试题:
前端基础面试题:
内容主要包括HTML,CSS,JavaScript,浏览器,性能优化
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。