前端实训室-前5天课程

自适应布局

reset和Normalize

布局单位

【面试题】无宽高如何居中

Git介绍

提交多次代码如何查看之前代码

Git安装与下载项目代码

【Mac】创建仓库及提交代码

【Windows】创建仓库及提交代码

Git入门总结

Git详细命令

多人开发解决冲突问题

分支操作

合并分支

Gitflow工作流（一）

Gitflow工作流（二）

登录判断

项目初始化

git操作以及dom渲染

提交代码

01 Vue最新脚手架安装

02 Vue老版本脚手架安装

03 Vue模版语法

04 列表渲染和条件渲染

05 小小案例

06 v-if和v-show区别

07 v-model的使用

08 计算属性和面试题

09 class和style

10 img的src路径问题

11 Git管理vue项目

12 事件处理

13 Vue项目做自适应

14 什么是组件

15 父组件传值给子组件

16 子组件传值给父组件

17 兄弟组件之间的传值

18 总结组件的传值

19 scoped以及原理

20 slot使用以及场景

21 Vue插件的使用

22 样式穿透

23 Vue生命周期

24 axios和代理配置

25 双向绑定的原理

26 Object.freeze性能优化

27 路由安装和介绍

28 路由跳转流程

29 router-link相关配置

30 router内文件配置

31 路径传值

32 导航守卫

33 watch

34 Vuex中的state

35 Vuex中的getters

36 Vuex中的mutations

37 Vuex中的actions

38 actions和mutations区别

39 Vuex目录文件管理

40 Vuex中的modules

01 创建vue3项目(vite)

02 简单尝尝vue3

03 setup基础

04 生命周期和vue模块插件

05 toRefs和computed

06 watch

07 路由

08 组件-父传子

09 组件-子传父

10 v-model传值

11 组件-兄弟组件传值

12 插槽

13 Teleport

14 动态组件

15 异步组件

16 Mixin

17 Provide和Inject

18 Vuex

19 Pinia简单使用

20 Pinia分模块

21 Pinia持久化存储

22 设置代理

02 项目有哪些功能

03 仓库搭建和初始化

04 开发者Git操作

05 封装Tabbar

06 config文件配置路径

07 首页头部ly-tab插件

08 swiper部分

09 icons布局和数据

10 爆款推荐样式布局

11 better-scroll和ref

12 猜你喜欢布局

13 首页其他板块简单布局

14 点击top切换数据

15 nextTick

16 搜索页面布局

17 子路由搭建和搜索详情

18 搜索本地存储逻辑

19 使用mint-ui删除历史记录

20 解决搜索结果页bug

21 axios的二次封装

22 渲染搜索结果的数据

23 搜索商品的价格和销量排序

24 懒加载

25 分类页布局

26 分类页数据渲染

27 实现商品分类左右联动

28 进入商品详情页

29 详情页吸顶动画

30 渲染数据和keep-alive

31 登录布局

32 登录模块【前端和后端逻辑】

33 获取短信验证码【页面效果】

34 发送短信验证码到手机上

35 登录成功

36 注册

37 找回密码

38 存储用户信息和退出登录

39 购物车页面布局

40 token

41 当前用户购物车数据

42 解决一些问题

43 全选、单选

44 总件数和总计

45 删除购物车数据

46 修改购物车数据

47 解决购物车bug

48 我的地址页面布局

49 添加地址页面布局

50 添加收货地址存储数据库

51 当前用户收货地址

52 添加默认地址

53 修改地址

54 删除地址

55 进入提交订单页

56 提交订单布局和数据

57 【理论】订单和支付整个流程

58 生成订单

59 解决一些问题

60 订单页选择收货地址

61 修改订单状态

62 对接支付宝沙箱

63 支付宝支付

64 判断交易状态

65 支付后

66 导航守卫

67 token过期时间

68 真机测试

69 【真机测试】fastclick引入

70 【真机测试】键盘收起

71 打包项目

05 开发环境搭建

06 【mac操作系统】真机调试

07 【mac操作系统】微信小程序调试

08 【windows操作系统】连接安卓手机

09 【windows操作系统】连接ios手机

10 【windows操作系统】微信小程序调试

11 项目开发前分析

12 【首页】模块分析

13 【搜索】模块划分

14 【商品详情和购物车】模块划分

15 其他页面分析

16 目录结构

17 【重要】开发前闲聊

18 创建项目和引入文件

19 【底部】导航开发

20 【首页】顶部开发

21 【首页】swiper部分

22 【首页】推荐部分开发

23 【首页】文字封装开发

24 【首页】商品列表和单个商品组件封装

25 【首页】运动户外头部开发

26 【首页】热销爆品开发修改商品值

27 【首页】推荐店铺模块开发和滑块处理

28 【首页】隐藏滚动条和底部

29 【首页】顶栏滑块功能开发

30 【首页】顶栏滑块跟随

31 【首页】改变内容块高度

32 搭建nodejs后端环境

33 请求接口渲染首页数据

34 修正可视区域高度问题

35 滑动不同板块展示不同数据

36 修正重复请求数据

37 上拉加载更多数据

38 request封装

39 进入搜索页面

40 搜索页面内容布局

41 进入搜索结果页

42 搜索结果页布局和封装

43 搜索结果页排序功能

44 搜索关键词判断和隐藏键盘

45 搜索词记录

46 清除搜索记录

47 搜索词传值

48 搭建数据库表和数据结构

49 请求搜索接口显示不同搜索结果

50 完成商品排序功能

51 【商品分类】顶栏完成

52 构建商品分类页数据

53 商品分类内容布局

54 获取高度和点击添加样式

55 商品分类对应数据渲染

56 【商品详情页】滚动透明渐变导航栏

57 【商品详情页】内容块布局

58 【商品详情页】固定底部布局

59 底部滑块动画效果

60 完善底部滑块

61 修改返回键行为

62 商品详情对应数据

63 商品分享功能

64 【购物车】自定义导航栏

65 【购物车】内容块布局

66 使用Vuex管理状态

67 购物车无商品默认样式

68 全选和全不选功能

69 单选功能

70 合计和结算数量

71 编辑和完成的数量功能

72 商品删除功能

73 加入购物车

74 【我的】页面布局

75 地址管理页面布局

76 收货地址三级联动

77 新增收货地址

78 修改地址

79 默认地址选择

80 【我的订单】顶部选项卡

81 订单有数据样式布局

82 订单无数据样式布局

83 构建订单数据

84 确认订单布局

85 显示默认地址

86 修改收货默认地址

87 【确认支付】页面布局

88 支付成功页面布局

89 登录注册页面布局（一）

90 登录注册页面布局（二）

91 登录表单验证

92 输入手机号页面

93 验证码倒计时

94 设计登录注册接口文档和sql语句

95 登录前端和后端功能

96 存储用户信息

97 用户信息持久化存储

98 退出登录

99 自定义tabbar

100 tabbar事件拦截判断是否登录

101 手机号注册后端与前端

102 【发送验证码】接入短信SDK

103 注册成功信息存储

104 Nodejs生成token

105 修复一些问题

106 前端token的使用

107 手机号注册后自动登录

108 【第三方快捷方式登录】-前端做的事

109 【第三方快捷方式登录】-后端做的事

110 当前用户查询收货地址的前端和后端

111 当前用户新增收货地址的前端和后端

112 当前用户修改收货地址的前端和后端

113 获取当前用户购物车数据的前端和后端

114 修改当前用户购物车商品数量前端和后端

115 加入购物车

116 用户确认订单页面

117 确定订单的默认地址

118 删除购物车数据库数据

119 确认订单页面问题修正

120 【理论】订单到支付

121 生成订单

122 提交订单

123 对接沙箱

124 支付

125 支付金额和名称

126 真实环境支付

01 行内元素有哪些？块级元素有哪些？ 空(void)元素有哪些？

02 页面导入样式时，使用link和@import有什么区别？

03 title与h1的区别、b与strong的区别、i与em的区别？

04 img标签的title和alt有什么区别？

05 png、jpg、gif 这些图片格式解释一下，分别什么时候用？

01 介绍一下CSS的盒子模型

02 line-height和heigh区别

03 CSS选择符有哪些？哪些属性可以继承？

04 CSS优先级算法如何计算？

05 用CSS画一个三角形

06 一个盒子不给宽度和高度如何水平垂直居中？

07 display有哪些值？说明他们的作用。

08 对BFC规范(块级格式化上下文：block formatting context)的理解？

09 清除浮动有哪些方式？

10 在网页中的应该使用奇数还是偶数的字体？为什么呢？

11 position有哪些值？分别是根据什么定位的？

12 双飞翼布局

13 什么是CSS reset？

14 css sprite是什么,有什么优缺点

15 display- none;与visibility- hidden;的区别

16 opacity和rgba区别

01 延迟加载JS有哪些方式？

02 数据类型和考题

03 null和undefined的区别

04 ==和===有什么不同？

05 JS微任务和宏任务

06 JS作用域考题

07 JS对象考题

08 JS作用域+this指向+原型的考题

09 JS判断变量是不是数组，你能写出哪些方法？

10 slice是干嘛的、splice是否会改变原数组

11 JS数组去重

12 找出多维数组最大值

13 给字符串新增方法实现功能

14 找出字符串出现最多次数的字符以及次数

15 new操作符具体做了什么

16 闭包

17 原型链

18 JS继承有哪些方式

19 说一下call、apply、bind区别

20 sort背后原理是什么？

21 深拷贝和浅拷贝

22 localStorage、sessionStorage、cookie的区别

01 什么是语义化标签

02 before和after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用

03 如何关闭IOS键盘首字母自动大写

04 怎么让Chrome支持小于12px 的文字？

05 rem和em区别

06 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉

07 webkit表单输入框placeholder的颜色值能改变吗？

08 禁止触发系统菜单和长按选中

09 自适应

10 响应式

11 网页布局方案

01 var、let、const区别

02 作用域考题

03 将下列对象进行合并

04 箭头函数和普通函数有什么区别？

05 Promise有几种状态

06 find和filter的区别

07 some和every的区别

00 webpack说明

01 webpack介绍和简单使用

02 webpack的入口和输出

03 入口多种配置方式

04 loader的概念

05 压缩打包HTML

06 HTML加入图片

07 HTML加入字体图标

08 单独分离CSS压缩打包

09 项目压缩打包

01 Git介绍

02 Git安装与下载项目代码

03 【Mac】创建仓库及提交代码

04 【Windows】创建仓库及提交代码

05 提交多次代码如何查看之前代码

06 Git入门总结

07 Git详细命令

08 多人开发解决冲突问题

09 分支操作

10 合并分支

11 Gitflow工作流（一）

12 Gitflow工作流（二）

01 vue生命周期

02 谈谈你对keep-alive的了解

03 v-if和v-show区别

04 v-if和v-for优先级

05 ref是什么？

06 nextTick是什么

07 scoped原理

08 Vue中如何做样式穿透

09 父组件传值到子组件

10 子组件传值到父组件

11 兄弟组件之间传值

12 computed、methods、watch有什么区别

13 props和data优先级谁高

14 Vuex面试题

15 Vue设置代理

16 打包路径和路由模式

17 代理和环境变量

18 Vue路由面试题

19 Vue源码-模版解析

20 Vue源码-生命周期

21 Vue源码-添加事件

22 Vue源码-data劫持

23 Vue源码-更新视图

24 v-model双向绑定原理

25 diff算法开篇

26 snabbdom

27 手写diff算法-生成虚拟dom

28 手写diff算法-patch不是同一个节点

29 手写diff算法-相同节点有没有children

30 diff算法核心-理论部分

31 手写diff算法-判断前四种情况

32 手写diff算法-判断第五种情况

33 手写diff算法-创建与删除

34 什么是MVVM

01 如何自定义头部？

02 不校验URL

01 生命周期

02 条件编译

01 Vue性能优化

02 加载优化

03 图片优化

04 渲染优化

05 首屏优化

06 总结性能优化

01 页面样式兼容

01 跨域

02 http和https的区别

01 xss攻击和Sql注入

02 接口安全

01 token

02 SEO