实训项目

一、pc版网站页面重构

• html标签的使用
• css选择器的使用
• 公共样式的使用
• 响应式设计
• 网页布局
• 文字字体相关
• css盒模型
• 浮动与清除浮动
• 相对定位、绝对定位、固定定位的使用
• 媒体查询
• UI库的使用
• less的使用

二、手机版网站页面重构

• 移动端页面设计规范
• 公共样式的使用
• viewport/meta
• iconfont字体图标的使用
• flex弹性布局
• 插件库的使用
• less的使用

三、pc版网站项目（vue）

• spa项目介绍
• 使用vue-cli3.0脚手架搭建项目
• 开发环境配置
• webpack跨域配置
• less的使用
• vue-router的使用
• vuex的使用
• 饿了么UI库的使用
• 轮播图插件的使用
• axios请求插件的使用
• 项目打包
• 项目上线

四、pc版网站项目（react）

• 使用rekit脚手架搭建项目
• 多环境配置
• webpack跨域配置
• sass的使用
• react列表渲染、条件渲染
• react-router的配置
• 使用redux的管理状态
• react中间件的使用
• 蚂蚁金服ant-design UI库的使用
• axios请求插件的使用
• 项目打包
• 项目上线

五、后台管理系统

• element-admin和ivew-admin
• 饿了么UI库的使用
• 组件拆分
• vuex的使用
• webpack配置
• ESLint的使用
• 封装 axios
• 多环境配置
• 使用mock数据
• iconfont的使用

六、移动版项目

• 使用vue-cli3.0脚手架搭建项目
• 多环境配置
• webpack跨域配置
• less的使用
• vue-router的使用
• vuex的使用
• weui.js插件库的使用
• mescroll组件库的使用
• 轮播图插件的使用
• axios请求插件的使用
• 项目打包
• 使用rem自适应屏幕

七、小程序项目

• 申请小程序账号
• 小程序开发工具使用
• 小程序全局配置
• 多环境配置
• 创建页面
• 常用组件使用
• 页面渲染
• 事件绑定
• 小程序授权
• 本地缓存
• 生命周期
• 路由
• 发送请求
• 分享功能
• 发布小程序