前端工程师

前端是什么？ 工作流程为从UI处得到原型图或者效果图，在项目（网站、微信公众号、小程序、WEBAPP）中还原图片效果，然后与后台进行各种数据交互。 目前的前端市场整体还是处于迅速发展期，市场对于前端的需求也一直比较大。市场对于中高级的前端工程师需求更加迫切，所以就算入了前端的门，也需要不断的提升自己，无论你是学院派，还是培训派，还是自学派，都应该具有强烈的学习意识。 目前入门前端的人群分类 1、计算机相关专业出身系统走过计算机的理论基础，比如计算机组成原理、操作系统原理、计算机网络、算法数据结构、设计模式，至少用过两门以上编程语言（强类型+弱类型）。 优点：理论、架构方面扎实，有整体计算机思维，内功不错，外功学起来比较快。 缺点：部分人，前端相关细节技术不扎实，不过花时间能很快搞定。 2、非计算机出身自学（也包括计算机专业没好好学的）理论基础薄弱，后来因个人兴趣或者职业需求，自学前端开发技能。 优点：自学能力比较强，能够根据自己的兴趣规划学习内容。 缺点：部分人对前端没有整体的学习框架 ，属于东一片，西一片，不成体系，部分人计算机没有整体思维，建议系统梳理下前端知识体系结构，该补的还是要补起来。 门前端时的一些困境 1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。比如 原型链，如果清楚 数据结构中链表结构，那么这个东西不难理解，再比如 哈希值，懂得数据结构中哈希表

译注：本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！ 最近我收到一封读者来信让我陷入了思考，信是这么写的： Hi Philip，您是否介意我问，您是如何成为一名卓越 (great) 的前端工程师的？对此您有什么建议吗？ 不得不承认，被问这样的问题，我很惊讶，因为我从来不觉得自己是个很卓越的前端工程师。甚至我入行的头几年时并不认为自己可以做好这一行。我只确定自己比自己想象中还才疏学浅，而且大家面试我的时候都不知道从 何问起 http://www.cnblogs.com/roucheng/p/csslogin.html 话虽这么说，我到现在做得还算不错，而且成为了团队中有价值的一员。但我最终离开 (去寻求新的挑战——即我还不能够胜任的工作) 的时候，我经常会被要求招聘我的继任者。现在回看这些面试，我不禁感叹当我刚开始的时候自己在这方面的知识是多么的匮乏。我现在或许不会按照我自己的模型进行招聘，即便我个人的这种经历也有可能成功。 我在 web 领域工作越长时间，我就越意识到区分人才和顶尖人才的并不是他们的知识——而是他们思考问题的方式。很显然，知识在很多情况下是非常重要而且关键的——但是在一个快速发展的领域，你前进和获取知识的方式 (至少在相当长的一段时间里)

随着多屏互动和多端兼容友好的界面变得越来与重要，前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变，一方面是前端人才的紧缺，另一方面是对前端求职者的要求增高，所以我们需要学的东西也不能仅仅只停留在基础层面。那么，我们应该如何学习前端呢？下面为大家总结了一条前端学习路线，大家可以参考一下。 1、 CSS和HTML 刚入门的朋友，应该把重点放在 CSS和 HTML基础知识的学习上。关于 CSS(3) 你需要了解以下一些知识点： web标准、 HTML相关概念、 HTML标签、路径相关概念、锚点及其他、表格标签、表单标签、综合案例，注册页面、 CSS选择、 CSS字体样、 CSS外观属性、调式、 CSS复合选择器、标签显示模式、 CSS背景、 CSS三大特性等等。总的来讲， CSS和 HTML的学习还是比较简单的。 2、 JavaScript JavaScript一直都是前端工程师进步的基石， JavaScript 的理解深度决定了前端开发者的职业发展。关于 JavaScript的学习内容包括了浏览器执行 JS过程、 JS变量、数据类型、运算符、流程控制语句（ if else 、三元表达式、 switch）、循环（ for、 while、 do while）、数组、冒泡排序、函数、作用域、预解析、对象、内置对象、简单类型和复杂类型等。只有在熟悉了

「前端，有发展“钱”途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iPad，还是pc电脑等等，前台的页面样式都需要前端开发工程师来编写实现，也因此市场上的移动应用Web前端岗位空缺有增无减，专业的Web前端工程师供不应求，前景广阔。 所以学好前端，是有前景可图的。 姑且不论BAT大厂校招时十几K的月薪，在广州普通的互联网公司前端程序员月薪七八千也是正常的。 因此大家其实并不太需要担心web前端开发的就业前景和工资待遇，需要在意的是自身水平够不够格。 「找工作，得有本事」 首先如果你不是小白，你是正准备找工作的应届生，那么你需要一个自我评估。 打开当前众人皆知的招聘网站进行职位查询，根据自身情况设置塞选。然后点进你想去的岗位，看看任职要求。 就比如：（资料来源于boss直聘） 1.设置塞选 ———————————————— 条条款款，一看便知。 少什么差什么，就去补什么学什么。 你完全可以通过类如CSDN,GitHub等开源知识分享圣地，多去取经。 你也可以通过购买进阶类书籍为自己的专业知识充电等等。 并且一定要勤于动手，学到的知识点要运用到实处。 编程学习都是这样的过程，代码量还是要有的，而且在过程中也会出现一些预知外的错误

　本人敲了3年的代码，途中去学校教书了教了一年的计算机基础，但是最终还是选择的程序员这条路。一年不见代码，还是对代码生疏了许多。开个微博园，分享一下一些心得与代码知识，一则为了巩固我新学的知识，一则为了方便我写笔记。主要是为了我自己，其次是分享交流。 　　本主题是说怎么成为一个web前端开发工程师，怎么成为一名优秀web开发人员我也没有资格去说，等到了大神级别再讨论吧。 　　对于刚开始学的人来说，web 就是 HTML+CSS+JavaScript 其实我们是可以这样理解的。web工程师负责或参与Web产品的页面开发，包含PC端、移动APP内嵌移动端、微信小程序、webapp等移动端页面的开发。 　　HTML 定义网页的内容 。HTML是超文本标记语言（包括文字、图形、动画、声音、表格、链接等）可以把我们想要放的内容都放在页面中展示出来。最新的版本为HTML5 　　 CSS 规定网页的布局。 HTML虽然可以展示所有的内容，但是他们的排列和布局并不是我们想要的，想要美化页面，就必须加上css。如果有了CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，拥有对网页对象和模型样式编辑的能力。css相当于我们可以对HTML的标签进行修饰美化,我们需要的是掌握HTML的标签运用、排版技巧、CSS的布局定位、款式美化、浏览器兼容性。最新的版本为css3。 　

「前端，有发展“钱”途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iPad，还是pc电脑等等，前台的页面样式都需要前端开发工程师来编写实现，也因此市场上的移动应用Web前端岗位空缺有增无减，专业的Web前端工程师供不应求，前景广阔。 所以学好前端，是有前景可图的。 姑且不论BAT大厂校招时十几K的月薪，在广州普通的互联网公司前端程序员月薪七八千也是正常的。 因此大家其实并不太需要担心web前端开发的就业前景和工资待遇，需要在意的是自身水平够不够格。 「找工作，得有本事」 首先如果你不是小白，你是正准备找工作的应届生，那么你需要一个自我评估。 打开当前众人皆知的招聘网站进行职位查询，根据自身情况设置塞选。然后点进你想去的岗位，看看任职要求。 就比如：（资料来源于boss直聘） 1.设置塞选 条条款款，一看便知。 少什么差什么，就去补什么学什么。 你完全可以通过类如CSDN,GitHub等开源知识分享圣地，多去取经。 你也可以通过购买进阶类书籍为自己的专业知识充电等等。 并且一定要勤于动手，学到的知识点要运用到实处。 编程学习都是这样的过程，代码量还是要有的，而且在过程中也会出现一些预知外的错误，你也可以进行询问和学习

1、对WEB标准以及W3C的理解和认识？ 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率 使用外链css和js脚本， 结构行为表现的分离 文件下载与页面速度更快，内容能被更多的用户所访问，内容能被更广泛的设备所访问 更少的代码和组价，容易维护，改版方便，不需要变动页面内容 提供打印版本而不需要复制内容、提高网站易用性。 2、xml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同是： XHTML元素必须被正确地嵌套 XHTML元素必须被关闭 标签名必须用小写 XHTML文档必须拥有根元素 3、doctype（文档类型）的作用是什么？你知道多少种文档类型？ 　　作用是：此标签可以告知浏览器文档使用哪种HTML或XHTML规范 　　此标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档 HTML4.01规定了三种文档类型：Strict、Transition以及Frameset XHTML1.0 规定了三种XML文档类型：Strict、Transitional以及Frameset Standards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页 4、行内元素有哪些？块级元素有哪些

面试有几点需注意： 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知识、算法、项目细节、技术视野、开放性题、工作案例。 细节追问： 可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。 回答问题再棒，面试官（可能是你面试职位的直接领导），会考虑我要不要这个人做我的同事？所以态度很重要、除了能做事，还要会做人。（感觉更像是相亲( •̣̣̣̣̣̥́௰•̣̣̣̣̣̥̀ )） 资深的前端开发能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能（靠谱）。 前端开发知识点： HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack CSS基本功：布局、盒子模型、选择器优先级 HTML5、CSS3、Flexbox JavaScript： 数据类型、运算、对象、Function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、 DOM、BOM、内存泄漏、跨域、异步装载、模板引擎、前端MVC、路由、模块化、Canvas、ECMAScript 6、Nodejs 其他： 移动端、响应式、自动化构建、HTTP、离线存储、 WEB安全、优化、重构 团队协作、可维护

前言 对于刚开始学习前端的伙伴俩说，问得最多的问题就是 ——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。 虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。 入题 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是CSS&HTML&JavaScript了。但这三大件一直都是前端的根本，这一点从未改变。而这三大件中JavaScript又是重中之重。 接下来我会结合我的一点经验，给出前端学习路线的一些具体建议。 目录 三大件学习 库工具 前端框架（ MVVM ）的学习 浏览器 & 计算机基础 前端工程化 性能优化 Nodejs 数据结构和算法 依葫芦画瓢 三大件学习 现在每年依旧有很多初级入门的前端开发。所以对初入门的朋友也给出一点意见。 刚入门的朋友，我觉得不应该一开始就学习像Vue、TypeScript、Webpack等知识。应该把重点放在CSS&HTML&JavaScript基础知识的学习上。 CSS & HTML 对于刚入门的朋友我依旧建议先将CSS(3)&HTML(5)的知识点认真学习一遍。学习的途中最好是学习完一部分就自己在敲一遍代码，加深自己的记忆。 当然如果你愿意

2020年还能转行学web前端开发吗？这是很多人在网络上搜索的问题。及其原因，还是因为目前网络上充斥着前端饱和的说法，这让不少人怀疑还能不能转行web前端，目前程序员行业前景很好，而web前端的前景也不差。 不否认初级前端程序员供给泛滥，待遇恶化，发展遇冷。但是当你坚持到中高级web前端工程师时，就会越来越吃香了。这是因为前端技术栈的不断更新，效率提高，同样的前端人数，能完成比以前更多的职责范围。在不少企业，1个优秀的前端工程师就能搞定Web和移动端的开发，甚至负责一部分后端。因此只要你能忍受住寂寞，努力磨砺你的技术，那么在步入中高端web前端开发工程师后，就业薪资肯定是可以达到你的预期的。 接下来，小编来跟大家分享一下2020年Web前端的发展趋势如何?熟悉web的小伙伴们都了解，在2018年是前端技术的发展相对稳定的一年，就前端主流技术框架的发展而言，前几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。 未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来，并进入迭代优化阶段，例如语言标准、前端框架等。 那么2020年Web前端的发展趋势如何?让我们一起来看一看 1.新规范的更新与稳定 前端新标准和草案在不断更新，HTML、CSS、Javascript标准也在渐渐完善，尽管这些新的规范最终会淘汰旧的规范，新的项目也会以最新的标准作为开发依据，但要完全废弃旧规范