前端入门

原文地址 前端开发面试题 前言 本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！ 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。 最近也收到许多微博私信的鼓励和更正题目信息，后面会经常更新题目和答案到 github博客 。希望前端er达到既能使用也会表达，对理论知识有自己的理解。可根据下面的知识点一个一个去进阶学习，形成自己的职业技能链。 面试有几点需注意：(来源 老师，github:@wintercn) 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知识、算法、项目细节、技术视野、开放性题、工作案例。 细节追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。

前端很火，想自学前端的人也多。作为过来人，知道自学的辛苦。小编制作这份学习路线图的初心，就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。于是，在为时将近两个月的整理之后，就有了这份全面的前端学习资源大礼包！无论你是刚入门的小白，还是已经工作的前端开发者都能从中获取到你想要的资料！ 前端线路总图： 一． 前端相关概念建立 学习时长：约0.5天 学习目标： 建立起整个前端与后端的知识大体系，给之后的学习打好地基。 主要内容： 浏览器的概念介绍： 浏览器的作用、工作方式 浏览器的概念介绍： 浏览器的作用、工作方式 HTTP协议： 协议产生的原因、作用、及内容 页面加载流程： 当用户打开浏览器，输入地址栏并按下回车之后发生的事情 二． HTML-CSS-JS基础-jQuery 学习周期：约23天 学习目标： 熟悉HTML布局、CSS样式、JS内容、jQuery的使用。 熟悉CSS盒模型、CSS的各种常见属性与属性值 熟悉页面的书写过程及简单的JS交互 熟悉一些较为常见的动态效果 学习内容： HTML及HTML5： 理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式 CSS： 理解层叠式样式表的语法规则、各种盒模型及常用布局 CSS3： 伪类、新选择器及高级盒模型 JavaScript： 理解JS的作用、运行规则、语法规则、数据类型、判定、循环 对象、数组

技能点 学习路线 html＋css js (基础，高级提升，jquery,bootstrap框架，nodejs) es6 流行的框架三大框架，比如vue 性能优化，减少http请求，http缓存，第三方框架引入，离线存储，等待loading交互，压缩js,css 前端小白(基础要扎实) 两周html＋css js不要急，入门到放弃，需要培养编程思维，加油打气，循序渐进，每天学习一点 自学网站（意志力，大神监督学习） 麦子学院 慕课网 极客学院 小白到初级工程师成长 基本功很重要 一定要拼命，多熬夜，消化内容 时间会淡化你的激情，东西会学习的更慢 初级工程师瓶颈 不会考虑扩展性 逻辑不清晰 代码冗余太多，写完代码后一定要优化，成长 喜欢使用全局变量，命名不规范，路径乱放，第三方插件过多 中级工程师 查看源码，组件的二次开发，需要区分好坏代码。 大专栏 前端学习路线 ink" title="中级工程师瓶颈">中级工程师瓶颈 模块复用 命名不规范 一定用听取其他人意见 盲目追新 需要努力的加强的地方 熟练掌握Html/Html5/Xml、CSS/CSS3/Bootstrap、JavaScript、jQuery、Ajax、layer等前端开发技术； 熟悉各种流行的浏览器的版本差别和各自特性；熟悉HTTP/2、W3C标准规范，代码编写风格良好，对前端性能优化有一定的经验 熟练掌握ES6+

目前虽然招前端的地方的很多，很多互联网公司在前端领域都非常缺人，但也怕招到不靠谱的人来创造负价值。如何让公司觉得是一个靠谱的前端工程师呢？可能需要以下几个方面： 1. 懂得现代前端的一些新技术 比如： 前端自动化工具（Gulp/Grunt等） 模块化（CommonJS，AMD/CMD模块加载器，各种Bundler，ES2015 Modules等） 前端 MV* 框架（Backbone，Angular等） 编译到 CSS 和 JS 的一些语言（Less/Sass/CoffeeScript等） 前端自动化测试工具（Karma，Mocha，Web Driver等） 其他 2. 懂得Web 标准和浏览器开发维护的流程，并且关注新发布的标准和主流浏览器新实现的特性 在回答兼容性或Web标准这类问题上，最好清楚： HTML、CSS、DOM，ECMAScript 和一些泛 HTML5 的标准是如何制定的 W3C 和 WHATWG 的区别 各种标准的不同版本和提交状态 标准和实现的差别 ECMAScript 和 JavaScript 的区别 浏览器的一些常见做法（比如给 CSS 特性加前缀）的缘由 3. 多看书，多关注技术资讯 技术资讯的来源包括RSS、邮件订阅、比较重要的邮件列表、或者follow Twitter和微博上一些比较有影响力的开发者。 4. 不仅懂得如何写，更要懂得如何不要这么写

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。 互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。 学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，前端必然是Web开发人员需要学习的知识，有时候是没有专业前端工程师一起合作的，所以即使不做专门的前端工程师，掌握基本的前端技能为工作带来方便。 后期邀请了一些同学分享学习经历。如果有同学愿意分享,欢迎push 必备基础技能 前端技能汇总（ https:// github.com/JacksonTian/ fks ）这个项目详细记录 了前端工程师牵涉到的各方面知识。在具备基本技能之后可以在里面找到学习 的方向，完善技能和知识面。 frontend-dev-bookmarks（ https:// github.com/dypsilon/fro ntend-dev

　　从接触前端，到现在，已经有小半年了，对前端只能说有了大概的了解，还有很多东西都需要掌握。这篇博客，希望对刚刚入门的小伙伴有帮助，同时也期待大家可以多多指教，相互学习。 　　2019.10.13 视频学习。刚刚接触新知识点的时候，网上找学习视频，可以使你对自己现在需要学习的东西有个大概了解，同时，视频讲解可以简化我们的学习，至少对我来说，一开始接触就看文档，简直一个头两个大；的 ---------- ---------- 无论学习什么，实践动手是首要的。很多东西，自己不实际意义的操作，就算见的再多次数，用的时候一样容易出错，更别说举一反三，除非你已经是大佬（大佬，已经对代码有了比较高的第六感，处于一通百通的状态）。最快的学习方式就是，看完知识点之后，自己写的demo，开始的时候简直不要太酸爽，但慢慢就发现“哎呦，不错哦”； ----------- ----------- 看代码。看其他人的代码，可以更快的查缺补漏自己的知识库和学习新的技巧，清楚现在自己不熟练、或未见过的知识点。把这些需要学习的点，找个小本本记录下来，有空就刷一次，每天进步一点点（！！！！如果能保持到刷手机的频率，那！！！）。这里可以提一点，我最近总结的看代码方法: 思维导图，对于逻辑太过复杂，并且代码里有太多不清楚的知识点的时候，最好画个图，毕竟我们在看东西的时候，特别是自己完全头大的东西，特别。。特别。

又好久没写东西了 ，写上一篇的时候还以为接下来的工作会轻松一些 ，结果未从我所愿呐 ，又是一阵忙碌。而这段时间穿插着做了很多12年淘宝校园招聘的前端面试 ，很多同学都有问到 ，学校里没有前端的课程 ，那如何学习JavaScript？ 我的回答是：读书吧！相对于在网上学习 ，在项目中学习和跟着有经验的同事学习 ，书中有着相对完整的知识体系 ，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习 ，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者 ，能够稳定的输出有一定质量的代码 ，这样才能让人放心的把任务交给你。从这个角度来看 ，跟着w3school类成体系的网络教程学习也是不错的选择 ，只不过我没有亲自实践过。 在07年之前 ，我是在做IEonly的企业级B/S应用 ，虽然当时项目的JScript就已经非常复杂 ，但当时团队里有很多经验丰富的同事 ，多是跟他们请教 ，或者再MSDN和网上找答案。07年进入阿里之后 ，开始直面兼容性问题 ，同时开始单打独斗 ，这个阶段开始接触相关的前端书籍 ，最先购买的是《 JavaScript高级程序设计 》和《 JavaScript DOM 编程艺术 》。可以说比较幸运 ，挑中了这两本很靠谱的书(其实当时市面上书籍并不多 ，感谢选择出版这些书和翻译这些书的同学们) ，近来这两本书都出了第二版其生命力可见一斑。 这几年来

web前端现在发展的很快，不仅招聘市场需求量大，还有一个重要的原因就是，对于初学者来说这个是入门门槛比较低，而且入门简单不像其他后台语言一样那么难。 VX公众号：icketang 免费领取前端视频教程及各种前端资料 一、web前端入行门槛低吗? 对于这个问题我们觉得相对于其他语言对于初学者来说比较友好。 它的门槛低主要体现在两个方面： 1.Web前端入门门槛低体现在HTML和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的，而且前端敲出来就有一个及时的效果对于大多数初学者来说是比较好的。大家可以到网上找一些相关视频学习，也可以找相关书籍来看。 2.Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。 二、怎样入门web前端? 有同学给出了很好的建议，现在推荐给大家： 学习前端就好比如盖房子~html就充当了房子结构这部分，也是房子的基础。css呢，就好比咱们房子的装修，墙面什么颜色，什么风格，什么地板...这些给房子改变风格，样式的就是cssjava呢，就好比这个房子的功能，房子需要制冷吧，需要暖气吧

举个例子：我现在是个懵懂的小白，老师让我用java做一个图书管理系统： 图书管理系统得有页面吧，页面我该怎么开发呢？于是你百度：前端入门，然后你就知道了，原来我使用 html js css就可以写一个页面出来了。于是乎你入门一下前端三剑客，开始上手写起了前端，写着写着，你觉得很麻烦，退出了游戏。 假设你坚持到了这一步，你发现用js写这些东西好麻烦啊，特别冗长，关键是原生的JavaScript还有各种浏览器兼容性的问题，你写出来的东西在chrome上能用，在ie上就展示的不正常了。于是乎你又百度：js框架。浏览器告诉你js的框架有很多：JQuery，React，Vue，..... 你觉得好麻烦啊 于是你又退出了游戏。 假设挑选了Jquery来做你的项目，你会发现，额 是比之前爽多了，毕竟框架会集成好很多方便的功能，你觉得你的效率在提高。 现在你坚持到了第四步，但是你又发现了新的问题，虽然相比之前JQuery操作起来是简单了许多，不过还是要我主动操作dom对象，有没有办法：我只关心我当前页面所用的数据是啥玩意就行了，改了数据之后，跟数据绑定的页面元素能够自动改变呢？这样我不就不用自己操作dom了吗？哦，对了，我之前搜索js框架的时候还有Vue和React，这都是啥玩意，于是乎，你百度：Vue入门。 好了，你开始使用Vue来写你的前端页面了，相比之前效率高了很多，使用Vue的过程中

经过一定时间的学习，我已经进入到了框架部分的学习，回首望去这期间学习的历程，在此进行学习总结 JAVA SE阶段： Java se阶段是Java入门的基础，但是因为学习时候不认真，学习周期长，复习不勤快导致多线程，NIO部分有所欠缺 前端： 前端方面我因为自己的懈怠，仅仅掌握了最基本的HTML CSS等，VUE方面十分迷茫，无从下手 数据库 数据库是可以掌握基本SQL的编写，再加上在实际的使用中进行网上查询，目前应用来说问题不大 JAVA WEB： Java WEB方面难度突然提升，在学习的时候操作跳来跳去，如同泥潭中摔跤一般的感觉，但是还是进行忍耐的看着视频敲着代码，本着知新而温故的思想，先学下，以后有所感悟时回头再细究 总结 : 在回顾的时候，发现了我也进入了很多人学习java所掉入的深坑——学着新的忘着前头的，不由的后背发凉，因此打算进行有计划的复习： 1.周末两天进行框架的学习 2.在使用SQL语句的时候尽量做到不去网上进行搜索 3.将JAVA WEB方面进行深究 4.多敲写代码 来源： https://blog.csdn.net/XXY411636013/article/details/101349248