一.我们为什么需要CSS?
使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力。是时候做出改变了,所以CSS就出现了。
CSS的出现解决了下面两个问题:
-
将HTML页面的内容与样式分离。
- 提高web开发的工作效率
3)javascript初阶
- 变量和运算符
- 逻辑控制
- 数据类型基础
- Math类
- 函数
- 定时器
- Array类
- String类
- Date类
- Object类
4)JavaScript进阶
- JavaScript DOM基础
- this
- 事件
- 事件流
- JavaScript BOM 基础
- call&apply&bind
- 自定义属性
- 面向对象编程
5)ES6/7/8/9
- ECMAScript6简介
- let和const
- ES6+的作用域
- 对象的扩展
- 函数的扩展
- 字符串的扩展
- Symbol
- Set&Map
- Promise对象
- async&awiat
- 箭头函数
- 模板字符串
- rest参数
- Class
- Module模块
6)JavaScript高阶
- 闭包
- 立即执行函数
- 惰性函数
- 插件开发
- 多人协作
- 深复制与浅复制
- 数组扁平化
- 递归
- 正则表达式全解
- 函数防抖
- 函数节流
7)HTML5
- HTML5简介
- HTML5新语法
- HTML5新语义化标签
- HTML5新表单元素属性
- HTML5手机端新事件处理
- HTML5新增多媒体实战
- Canvas
- HTML5地理组件GeoLocation
8)CSS3
- CSS3新增属性
- 圆角制作企业级方案
- CSS3背景属性
- 过渡动画 transition
- 变化属性 transform
- 特效轮播图实战
- 企业级flex布局实战
- grid布局实战
03、第三个阶段,前端核心技术
1)bootstrap
- 响应式
- 媒体查询
- 栅格系统
- 栅格参数
- 组合模式
- 列偏移/列排序/自动列
- 列对齐/列嵌套
- 文本与颜色
- 按钮
- 导航
- 图文混排
- 模态框
- 轮播图
- 企业级案例讲解
2)移动端
- 移动端简介
- 移动端视口约束
- 移动端flex移动端实践
- rem
- vw
3)Ajax
- AJAX简介
- AJAX作用
- 封装AJAX
- 创建XMLhttpRquest对象
- 同步和异步
- AJAX分页
4)jQuery
- jQuery介绍
- jQuery链式语法
- jQuery选择器
- jQuery核心
- jQuery工具
- jQuery事件
- jQuery事件对象
- jQuery特效
- jQuery回调函数
- jQuery文档处理
- jQuery筛选
- jQuery属性
- jQueryCSS
5)Echarts
- Echarts概述
- Echarts使用
- 坐标系
- 雷达图/饼状图/折线图
04、第四个阶段,前端进阶升级
1)Webpack
- Webpack的安装和使用
- 项目模块打包
- 静态打包模块器
- Webpack入口
- Webpack输出
- Webpack插件
- webpack模块
2)vue
- Vue使用
- Vue响应式
- Vue双向数据绑定
- Vue相关指令
- vue-resource
- axios
- template选项
- Vue生命周期
- Vue组件
- 自定义指令
- 过滤器
- computed属性
- Vue-cli 2.x和3.x 脚手架配置
- Vue-router
- Vuex
- Element UI
3)微信小程序
- uni-app
- mpvue
- 微信小程序注册
- APPID申请
- 生命周期
- 小程序调试
- 微信小程序框架组件
- 微信小程序布局框架
- 微信小程序条件渲染和列表渲染
- 媒体组件audio
- 视图容器
- 网络api
- 相机api
- 地图api
4)数据结构和算法
- uniapp基础
- uniapp初始化配置
- uniapp视图模板使用
- uniapp生命周期
- uniapp路由跳转
- uniapp常用组件
- uniappScrollView的使用
- uniapp-ui使用
- uniapp-Vuex使用
Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】