前端资料汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点:和什么人、做什么事、给多少钱,要给这三者在自己的心里划分一个比例。
最后,祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。
前端的入门门槛是极低的,主要体现在 HTML 和 CSS 部分,运行环境就是浏览器,不像如 Java 需要配置开发/运行环境。
HTML 和 CSS 不是编程语言,HTML 是结构标签,CSS 是结构标签的样式配置。
HTML
-
属性
-
事件
-
标签
-
字符集
CSS
-
CSS基础教程
-
CSS样式
-
CSS框模型
-
CSS定位
-
CSS选择器
-
CSS高级
以上内容的学习用时 10 天左右,再花 2 天的时间项目实践,这部分总花费时间在 12 天左右。
二、HTML5+CSS3
HTML5 作为 HTML 的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。
HTML5 可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为 HTML5 技术的主要优点之一。
CSS3使用了层叠样式表技术,可以对网页布局、字体、颜色、背景灯效果做出控制。
css3作为css的进阶版,拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。
CSS3的改变有很多,增加了文字特效,丰富了下划线样式,加入了圈重点的功能。在边框方面,有了更多的灵活性,可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面,特意增加了投影。
CSS3在兼容上做了很大的功夫,并且网络浏览器也还将继续支持CSS2,因此原来的代码不需要做太多的改变,只会变得更加地轻松。
HTML5
-
HTML5视频
-
HTML5音频
-
HTML5拖放
-
HTML5画布
-
HTML5 SVG
-
HTML5地理定位
-
HTML5 Web存储
-
HTML5 应用缓存
-
HTML5表单
CSS3
-
CSS3边框
-
CSS3背景
-
CSS3文本效果
-
CSS3字体
-
CSS3 2D转换
-
CSS3 3D 转换
-
CSS3 过渡
-
CSS3 动画
-
CSS3 多列
以上内容用时 8 天左右,这部分内容是在 HTML+CSS 做的升级改进,只需要了解他们的一些特性即可,再结合这些特性做一些小项目加深学习。
三、Javascript
JavaScript 是至关重要的部分,是 web 开发者必学的三种语言之一,这里我们需要区别 JavaScript 和 Java 他们是完全不同的语言,不论是概念还是设计。
-
认识JavaScript
-
基本语法
-
变量
-
数据类型
-
函数
-
运算符
-
流程控制
-
DOM对象
-
BOM对象
以上内容的学习用时 一个月 左右,这里推荐几本 Javascript 的书籍,如下:
-
《JavaScript 高级程序设计(第3版)》,俗称红宝书。前七章讲的是语言特性,是重点学习的部分,必须需要反复阅读,直至完全理解为止。DOM、事件流、表单、JSON、Ajax 与最后几章也需要重点学习,这是一些常用的 Web API。至于本书的其余部分大致读一下就可以,不做重点要求。
-
《JavaScript 语言精粹》,俗称蝴蝶书。很薄的一本书总页数就 147 页,花一天时间就能看完,快的话半天就能看完。这本书虽然很薄,但是承载的内容却非常的丰厚和深入。JavaScript是一门有很多坑的语言,所以这本书”取其精华,去其糟粕“就是精粹了。
-
《你不知道的 JS》非常精彩的一本书,将 JavaScript 的细节一网打尽。
阶段二
这部分内容是对 JavaScript 的补充学习。
一、Jquery
-
基础语法
-
选择器
-
DOM操作
-
事件
-
动画
-
常用工具
-
Ajax
-
Jquery插件编写
二、其他
-
JavaScript 进阶
-
DOM+BOM综合演练
-
网页特效
-
ES6 进阶
-
bootstrap
-
animate.css学习
以上内容的学习用时 9 天左右
阶段三
这部分是框架和前后端交互技术的学习
一、VUE
-
Vue基础
-
Vuex
-
Vue-router
-
axios
二、React
-
认识React
-
React元素渲染
-
JSX
-
组件
-
State
-
Props
-
事件处理
-
条件渲染
-
列表
-
组件API
-
组件声明周期
三、Node
1.基础
-
console(控制台)
-
crypto(加密)
-
debugger(调试器)
-
fs(文件系统)
-
http(网络)
-
os(操作系统)
其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端开发四大模块核心知识笔记》
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。