更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
标签
-
字符集
CSS
学好 CSS 是网页外观的重要一点,CSS 可以帮助把网页外观做得更加美观。CSS 需要我们学习如下部分:
**1. CSS基础教程
2. CSS样式**
-
背景
-
文本
-
字体
-
链接
-
列表
-
表格
-
轮廓
3. CSS框模型
-
内边距
-
边框
-
外边距
4. CSS定位
-
相对定位
-
绝对定位
-
浮动
5. CSS选择器
-
元素选择器
-
选择器分组
-
类选择器
-
ID选择器
-
属性选择器
-
后代选择器
-
子元素选择器
-
相邻兄弟选择器
-
伪类
-
伪元素
6. CSS高级
-
对齐
-
尺寸
-
分类
-
导航栏
-
图片库
-
图片透明
-
盒子模型
-
媒体布局
web 前端开发特辑
Web前端技术特辑:HTML样式www.bilibili.com
思维导图
HTML+CSS
三、HTML5+CSS3
HTML5
HTML5 作为 HTML 的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。
-
HTML5视频
-
HTML5音频
-
HTML5拖放
-
HTML5画布
-
HTML5 SVG
-
HTML5地理定位
-
HTML5 Web存储
-
HTML5 应用缓存
-
HTML5表单
HTML5 可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为 HTML5 技术的主要优点之一。
CSS3
CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版,拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。
CSS3的改变有很多,增加了文字特效,丰富了下划线样式,加入了圈重点的功能。在边框方面,有了更多的灵活性,可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面,特意增加了投影。
CSS3在兼容上做了很大的功夫,并且网络浏览器也还将继续支持CSS2,因此原来的代码不需要做太多的改变,只会变得更加地轻松。
-
CSS3边框
-
CSS3背景
-
CSS3文本效果
-
CSS3字体
-
CSS3 2D转换
-
CSS3 3D 转换
-
CSS3 过渡
-
CSS3 动画
-
CSS3 多列
思维导图
HTML5+CSS3
四、JavaScript
JavaScript 是 web 开发者必学的三种语言之一,这里我们需要区别 JavaScript 和 Java 他们是完全不同的语言,不论是概念还是设计。javascript 部分需要我们学习的知识点如下所示:
-
认识JavaScript
-
基本语法
-
变量
-
数据类型
-
字符串
-
数字
-
布尔
-
数组
-
对象
-
Null
-
Undefined
5. 函数
-
内置函数
-
自定义哈数
6. 运算符
7. 流程控制
8. DOM对象
-
String
-
Array
-
Date
-
Boolean
-
Math
-
Number
9. BOM对象
-
WIndow
-
Navigator
-
Screen
-
History
-
Location
10. 综合实例
思维导图
javascript
Web前端开发特辑
Web前端技术特辑:BFC讲解_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
阶段二
一、JavaScript进阶
JS 进阶主要学习构造函数,原型对象,继承的多种实现方式,原型链,函数的本质,闭包,沙箱等。
二、DOM+BOM综合演练
三、网页特效
四、 Jquery学习
1. 基础语法
2. 选择器
-
基本选择器
-
层次选择器
-
过滤选择器
-
表单选择器
3. DOM操作
-
查找节点
-
创建节点
-
插入节点
-
删除节点
-
复制节点
-
替换节点
-
包裹节点
-
属性操作
-
样式操作
4. 事件
-
事件绑定
-
事件冒泡
5. 动画
-
show、hide
-
fadeIn、fadeOut
-
slideUp、slideDown
-
自定义动画animate
-
动画回调以及停止动画
6. 常用工具
-
浏览器及特性检测
-
数组和对象操作
-
Layer UI,主要学习栅格布局,图标,动画,按钮,表单,导航,选项卡,进度条,面板,表格,时间线等
7. Ajax
8. Jquery插件编写
思维导图
Jquery
五、ES6进阶
六、Bootstrap
七、其他
-
animate.css学习(扩展)
-
PS切图学习
思维导图
JS 相关和其他扩展部分
阶段三
一、Vue
- Vue基础
-
模版语法
-
计算属性侦听器
-
Class与Style绑定
-
条件/列表渲染
-
事件处理
-
表单输入绑定
-
组件基础、注册
-
Prop
-
自定义事件
2. Vuex
-
State
-
Getter
-
Mutation
-
Action
-
Module
3. Vue-router
-
认识路由
-
动态路由
-
嵌套路由
-
编程式导航
-
路由组件传参
4. axios
-
认识axios
-
全局配置
-
发送POST、GET请求等
思维导图
VUE
二、React
-
认识React
-
React元素渲染
-
JSX
-
组件
-
State
-
Props
-
事件处理
-
条件渲染
-
列表
-
组件API
-
组件声明周期
思维导图
React
三、Node
- 基础
-
console(控制台)
-
crypto(加密)
-
debugger(调试器)
-
fs(文件系统)
-
http(网络)
-
os(操作系统)
-
path(路径)
2. 高级
-
NPM介绍及使用
-
MVC模式简介
-
Express框架学习
-
链接Mysql
-
链接Redis
-
项目实战
思维导图
Node
四、webpack
- 概念
主要讲什么是入口,出口,loader,插件等
2. 入口
-
单个入口语法
-
对象语法
-
常见场景
3. 输出
-
用法
-
多个入口起点
-
高级进阶
最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Node
四、webpack
- 概念
主要讲什么是入口,出口,loader,插件等
2. 入口
-
单个入口语法
-
对象语法
-
常见场景
3. 输出
-
用法
-
多个入口起点
-
高级进阶
最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-nhULDIYb-1715569509783)]
[外链图片转存中…(img-5b4hPffo-1715569509784)]
[外链图片转存中…(img-JFbDvTVw-1715569509784)]
[外链图片转存中…(img-bqzDvCOP-1715569509785)]