没有合适的资源?快使用搜索试试~ 我知道了~
前端大厂最新面试题-前端学习.docx
需积分: 0 0 下载量 186 浏览量
2023-06-06
15:27:53
上传
评论
收藏 33KB DOCX 举报
温馨提示


试读
12页
前端大厂最新面试题-前端学习.docx
资源推荐
资源详情
资源评论






FE-learning
FE
FE
结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法
、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者
少走弯路。
互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成
为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程
师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础后坚
持学习,成为优秀前端工程师也只是时间问题。
学习任何知识最重要的都是兴趣,如果经过一段时间的学习感觉不喜欢,那可能强迫自
己学习是很痛苦的,效果也不会好,毕竟这很可能就是以后很多年生存的技能。不过随着
互联网行业的发展,前端必然是 Web 开发人员需要学习的知识,有时候是没有专业前端
工程师一起合作的,所以即使不做专门的前端工程师,掌握基本的前端技能为工作带来方
便。
后期邀请了一些同学分享学习经历。如果有同学愿意分享,欢迎 push
必备基础技能
前端技能汇总这个项目详细记录 了前端工程师牵涉到的各方面知识。在具备基本技能之
后可以在里面找到学习 的方向,完善技能和知识面。
frontend-dev-bookmarks 是老外总结的前端开发资源。覆盖面非常广。包括各种知识点
、工具、技术,非常全面。
以下是个人觉得入门阶段应该熟练掌握的基础技能:
• HTML4,HTML5 语法、标签、语义
• CSS2.1,CSS3 规范,与 HTML 结合实现各种布局、效果
• Ecma-262 定义的 javascript 的语言核心,原生客户端 javascript,DOM 操作,
HTML5 新增功能
• 一个成熟的客户端 javascript 库,推荐 jquery
• 一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服
务器端开发经验,熟悉 Java 可以选择 Servlet,不熟悉的可以选 PHP,能实现简单登
陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单
的功能模拟,
• HTTP

在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习。
基本开发工具
恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并 解
决问题,以下是个人觉得必备的前端开发工具:
• 文本编辑器:推荐 Sublime Text,支持各种插件、主题、设置,使用方便
• 浏览器:推荐 Google Chrome,更新快,对前端各种标准提供了非常好的支持
• 调试工具:推荐 Chrome 自带的 Chrome develop tools,可以轻松查看 DOM 结构、
样式,通过控制台输出调试信息,调试 javascript,查看网络等
• 辅助工具:PhotoShop 编辑图片、取色,fireworks 量尺寸,AlloyDesigner 对比尺寸
,以及前面的到的 Chrome develop tools,
• 翻墙工具:lantern, 壁虎漫步
学习方法和学习目标
方法:
1. 入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器
中查看效果
2. 在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见
功能的实现方法
3. 阅读 HTML,CSS,Javascript 标准全面完善知识点
4. 阅读前端牛人的博客、文章提升对知识的理解
5. 善用搜索引擎
目标:
1. 熟记前面知识点部分的重要概念,结合学习经历得到自己的理解
2. 熟悉常见功能的实现方法,如常见 CSS 布局,Tab 控件等。
入门之路
以下是入门阶段不错的书籍和资料
1. HTML 先看《HTML & CSS: Design and Build Websites》1-9 章,然后《HTML5: The
Missing Manual》1-4 章。
2. CSS 先看《CSS: The Missing Manual》,然后《CSS 权威指南》
3. javascript 先看《javascript 高级程序设计》,然后《javascript 权威指南》
4. HTTP 看 HTTP 权威指南
5. 在整个学习过程中 HTML CSS JavaScript 会有很多地方需要互相结合,实际工作中也
是这样,一个简单的功能模块都需要三者结合才能实现。

6. 动手是学习的重要组成部分,书籍重点讲解知识点,例子可能不是很充足,这就需要
利用搜索引擎寻找一些简单教程,照着教程实现功能。以下是一些比较好的教程网址
– 可以搜索各大公司前端校招笔试面试题作为练习题或者他人总结的前端面试题
还有个人总结的面试题(带参考答案)
– http://code.tutsplus.com 有各种各样的教程
– MDN 也有很多教程,更重要的是里面有详细的文档,需要查找某个功能时在
Google 搜索:xxx site:https://developer.mozilla.org
– http://www.html5rocks.com/zh/也有很多优质教程
– http://www.sitepoint.com/
– http://alistapart.com/
7. 原生 javascript 是需要重点掌握的技能,在掌握原生 javascript 的基础上推荐熟练掌
握 jQuery,在实际工作中用处很大,这方面的书籍有《Learning jQuery》或者去
jQuery 官网
8. 建一个 https://github.com/账号,保存平时学习中的各种代码和项目。
9. 有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,
方便自己查阅也为其他人提供了帮助。也可以去 http://www.cnblogs.com/或者
http://www.csdn.net/这样的网站注册账号,方便实用
10. 经常实用 Google 搜索英文资料应该经常找到来自 http://stackoverflow.com/的高质
量答案,与到问题可以直接在这里搜索,如果有精力,注册一个账号为别人解答问题
也能极大提高个人能力。
11. 经典书籍熟读之后,可以打开前面必备基础技能部分的链接。认真读对应标准,全面
掌握知识
继续提高
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向
,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发
展学习。以下是一些不错的方面:
• Grunt:前端自动化工具,提高工作效率
• less css:优秀的 CSS 预处理器
• bootstrap:优秀的 CSS 框架,对没有设计师的团队很不错,与 less 结合使用效果完
美
• requirejs:AMD 规范的模块加载器,前端模块化趋势的必备工具
• Node.js:JavaScript 也可以做后台,前端工程师地位更上一步
• AngularJS:做 Single Page Application 的好工具
• 移动端 web 开发:智能手机的普及让移动端的流量正在逐步赶超 PC 端
• Javascript 内存管理:SPA 长期运行需要注意内存泄露的问题
• High Performance JavaScript(Build Faster Web Application Interfaces)
• Best Practices for Speeding Up Your Web Site:重要技能
剩余11页未读,继续阅读
资源评论



2201_75761617
- 粉丝: 9
- 资源: 6907
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


安全验证
文档复制为VIP权益,开通VIP直接复制
