Vue全家桶实战 学习心得
Posted aizixue999
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue全家桶实战 学习心得相关的知识,希望对你有一定的参考价值。
==学习视频-资料整理. 密码:7zxc==
学习目标1: Node环境安装
讲解Node环境安装和配置,以及Node版本如何做卸载和升级
-
Node环境安装
-
Node升降级
学习目标2: Git安装和配置
介绍Git软件的安装和配置,其次对Git命令做详细的操作演示。
-
Git的安装
-
Git配置
-
Git配置SSH公钥
-
VSCode操作Git
-
Git常用命令
学习目标3: Vue Cli4.0安装和使用
首次对Vue脚手架4.0版本做安装和演示,并对可视化功能做详细介绍
-
VueCli4.0安装/使用
-
Vue-DevTools安装使用
学习目标4: 项目基础架构
前端基本项目架构,通过此章节可搭建一个通用性的前端架构,内容涵盖跨域方案、路由封装、错误拦截等
-
跨域-CORS
-
跨域-JSONP
-
跨域-接口代理
-
接口梳理
-
目录结构设置
-
路由封装 Storage封装
-
接口错误拦截
学习目标5: 商城首页
首页各个组件的静态代码实现,并实现了图片懒加载插件集成和Modal动画实现。
-
Nav-Header组件
-
Nav-Footer组件
-
Service-Bar组件
-
首页轮播功能实现
-
首页广告位实现
-
手机商品实现
-
Modal交互补充
学习目标6: 登录页面
登录页面交互和接口完整代码实现
-
登录交互实现
-
拉取用户信息
学习目标7: Vuex集成
Vuex插件的入门和实战应用。
-
初步了解Vuex
-
Vuex框架搭建
-
Vuex实战应用
学习目标8: 产品站页面
介绍产品站页面吸顶组件、参数组件、视频模块以及Slide动画等实现。
-
产品站参数组件实现
-
组件吸顶实现
-
视频模块实现
-
Slide动画实现
-
产品站交互实现
-
商品详情交互实现
学习目标9: 订单确认页面 订单结算
订单确认页面中部分静态模块实现以及接口功能实现
-
订单父组件结构封装
-
地址和商品数据加载
-
地址删除功能实现
-
新增地址表单静态实现
-
新增地址交互实现
-
地址编辑和订单提交
-
-
支付宝支付对接
-
微信支付对接
-
微信支付状态轮询
-
-
-
-
学习目标10: 订单列表
介绍了订单列表的数据渲染和分页功能实现
-
调整Order父组件结构
-
订单列表数据渲染
-
Loading和NoData优化
-
订单列表分页-分页器
-
订单列表分页-加载更多
-
订单列表分页-滚动加载
学习目标11: 上线部署
代码打包和线上环境部署
-
保留分页器
-
vue.config配置介绍
-
Loading和NoData优化
-
服务器部署准备工作
-
nginx安装和配置
-
Node环境搭建
以上是关于Vue全家桶实战 学习心得的主要内容,如果未能解决你的问题,请参考以下文章