前端工程师

Frontend Knowledge Structure 项目起源 还记得@jayli 的这幅前端知识结构图么。 图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。 尽管会变成文字的方式来维护这些内容，但是我承诺写一个小工具帮大家生成更好玩的图形（基于DataV项目）。 前端开发知识结构 前端工程师 浏览器 IE6/ 7 / 8 / 9 / 10 / 11 (Trident) Firefox (Gecko) Chrome / Chromium (Blink) Safari (WebKit) Opera (Blink) 编程语言 JavaScript / Node.js CoffeeScript TypeScript 切页面 HTML / HTML5 CSS/CSS3 PhotoShop / Paint.net / Fireworks / GIMP 开发工具 编辑器和IDE VIM / Sublime Text2 Notepad++ / EditPlus WebStorm Emacs EmacsWiki Brackets Komodo IDE / Edit Eclipse Visual Studio

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

Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ？ HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）； 而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。 （1）行内元素有：a b span img input select strong（强调的语气） （2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p （3）常见的空元素： 鲜为人知的是：

本文由葡萄城技术团队于博客园原创并首发 转载请注明出处： 葡萄城官网 ，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前端技术的发展日新月异，过一段时间就会出现新的框架、工具、插件，伴随着十几年的发展，前端领域已经告别了野蛮生长的时期，越发表现出成熟和现代化，引领了整个技术行业的潮流，那么让我们在文中过一遍前端发展中一些重要的节点。 前端是什么？ 针对浏览器开发，代码在客户端浏览器运行。 前端“三剑客” 这里提到的“三剑客”指的不是某公司出品的三个产品，而指的是在前端开发过程中用到的三种技术：HTML、CSS、JavaScript。 HTML： 是HyperText Markup Language的缩写， HTML是前端开发的基础，用户看到网页中的结构和基础样式都是由HTML来提供的，目前HTML的标准已经于2014年被推进到了HTML5。 CSS： 是Cascadeing Style Sheets的缩写，它能对网页中的元素位置、排版、外观进行精准的像素级控制，能够为用户提供更丰富的网页样式呈现。 JavaScript： JavaScript 一个客户端脚本语言，作为一个弱类型语言，它能为网页用户增加一些有限的动态交互效果。 小前端时代 随着JavaScript被发明，前端开发进入了小前端时代，那么JavaScript为什么会被发明出呢？ 1995年

迅速发展的前端开发，在每⼀年，都为开发者带来了新的关键词。2019 年已步⼊尾声，2020 年前端发展的关键词⼜将有哪些呢？发展的方向又会是什么呢？参考2019年大前端的发展，不出意外，前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开（可以参考2019年大前端技术趋势深度解读）。 小程序 在⼩程序⽅⾯，今年仍然是⼩程序突⻜猛进的⼀年，各⼤主流的 App 都上线了⼩程序能⼒的⽀持，各前端团队也都有了专⻔的⼩程序开发团队，以适应更快的⼩程序开发需求。同时App 中很多关键的功能都被⼩程序所替代，甚⾄有些 App 已经变成 Native ⼩程序壳，上层的应⽤实现全部是⼩程序。 在微信小程序出现以前，大家在谈 Hybird、ReactNative，但终归只是技术层面的狂欢，始终没有业务属性的注入。小程序的出现，一方面告诉业界在当前设备上 Webview 也没差到哪去，另外一方面告诉业界如何让有能力的商家在超级 APP上进行私域运营。 另一方面，从技术角度说，在上层 DSL 的严格限制下，超级 APP 就可定义符合自己诉求的 Web 标准，弥补当前 Web 标准的不足，最后和客户端配合，结合离线、预加载、定制Webview 能产出类似于 NSR 等各种酷炫的技术模型，让 Web 在端内低成本达到 Native 版的体验，端外也不会像 Weex

双非本科，通信工程，算是转到IT行业这边的了。从大二暑期正式开始学习前端，想想已经一年的时间了。期间经历了很多，从迷惘到清晰，从艰难自学到找到实习，从备战秋招到找到工作。能经历的我都经历过了。来说说那些【前端工作者】的艰辛与欢乐。 开始自学前端 电话面问题不多，但是十分考验对相关知识熟悉程度，面试官是 P7(不理解这个就去百度吧) 大二暑期留在学校，一边参加数学建模培训，一边自己学习前端的基础。由于之前学习过一些HTML和JS的基础，我就直接开始学习jquery了，跟着李炎恢老师的JQuery教程学习，算是入了门。学习了BootStrap框架。 暑期就跟着视频学习，做了两个小项目。期间出现问题怎么办，能怎么办，就各种百度解决，看博客，逛社区。在现在看来，当时就是没有学会走就想着跑。自己之后在JS基础这里吃了很多亏。 跟着实验室开始做项目 实验室老师让做一个物联网平台，于是我们就凑吧凑吧，成了一个team,有前端，后台，移动端，嵌入式。 所以建议之后的学弟学妹，如果你们学校有实验室，去一去，自己潜心学习，加上良好的氛围，进步会很大的。这个项目就让我真正开始学习到前后台交互，数据格式处理，浏览器渲染和兼容性问题的处理。 春招（实习） 寒假荒废了一个寒假，没有想到，刚开学的开始，就是各大厂开始招聘暑期实习了，当时简历也没做，知识也没有复习，整个就是懵逼状态。然后随即开始赶超。

简历的本质 在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？ 它不是人生履历，不是项目清单，也不是技能大放送。 简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源项目，一张照片，甚至是一行字，比如： I wrote javascript 当然，绝大部分简历的形式，就是我们所熟知的，是一篇文章。即使你通过其他方式获得了面试，当你入职的时候，还是要有这么一份纸质简历的，所以不要想着偷懒。 其实简历不只是表现自己，更是传递以下三个信息，增强通过率。 是什么（你能做什么？，擅长什么？） 比别人好在哪些地方（相比其他同行，你的优势？） 如果雇佣你，招聘方会得到什么好处 （能不能为企业带来效益？） 正如你抉择跳槽，思考要不要留在这个公司的时候，你也可能考虑下面三点 待遇（给的钱够不够？福利好不好） 环境（同事nice不？老板好不好？事少离家近？工作开心与否？是否帅哥美女多？嗯哼） 个人（有晋升机会不？能否再进步？） 当然企业和你的相互选择其实正如上面几点中的考量和博弈，当然面试是平等的，是相互选择的结果，所以有你对企业的考量，也有企业对你的考量 回归到写简历，和很多人在大学写议论文写作文是不同的，过分的论证会显得自夸，反而容易引起反感，所以要点到为止。这里的技巧是，提供论据，把论点留给阅读简历的人自己去得出。放论据要具体，最基本的是要数字化

一 前后端分离的目的和作用 做Web开发也可以说是B/S架构开发，B端和S端从技术体系角度而言异构性很大，换而言之就是B端使用的技术和S端使用的技术不适于同一个体系，这样的结果导致实际开发中，很难做到专业分工，如果项目开发过程中管控不到位，这样的问题可能会影响到整个项目的开发质量，因此前后端分离的目的之一就是要做到专业化分工，提高项目的质量和开发效率。 随着技术的发展，当下的Web开发形势已经和以前有了很大的不同，早期的Web项目是一个封闭的项目，用户从浏览器里看到的页面直到后台数据库都是在一个项目里集成的，而现在Web系统的规模越来越大，中大型的Web系统是一个开放式的系统，开放型的系统用户在浏览器发起的请求可能会转发到外部的系统里进行处理，或者是本地的系统和外部系统一起完成请求的处理，此外有的请求可能不会直接请求数据库，而是请求缓存服务器，这些变化几乎都是发生在Web系统的服务端，前后端耦合度很高的Web系统服务端的复杂度提升必然带来了Web前端的复杂度的提升。因此Web前端从系统架构的角度也需要更加专业的管控，管控的作用之一就是前后端进行分离，降低前端对服务端的依耐性。 富客户端应用的普及导致Web前端技术开发更加专业化，Web前端工程师成为一个独立的技术岗位，Web前端开发技术的难度也越来越高，前后端的分离就是为Web前端开发营造一个良好的开发环境

最近研究servlet，看书时候书里讲到了c/s架构到b/s架构的演变，讲servlet的书都很老了，现在的b/s架构已经不是几年前的b/s架构，其实b/s架构就是web应用开发，对于这样的架构我们现在应该考虑的是前端和后端的分离（注意：这里的后端是指服务端）。 　　Web前端现在是一个独立的技术工种，这个工种的产生主要是针对互联网行业的需求，我在以前的文章里曾经讲到过，一个大型互联网网站，例如想淘宝网，它绝对不是一个Web项目，而是一群web项目的集合，那么如果不在前端进行整合，这么多web项目前端开发一定存在大量重复劳动，并且运维时候也存在难以统一管理的问题。本文假想一个面对需要前端资源整合的组织，如何做到前后端分离的解决思路。本文详情如下： (一) 前后端分离的目的和作用 　　做Web开发也可以说是B/S架构开发，B端和S端从技术体系角度而言异构性很大，换而言之就是B端使用的技术和S端使用的技术不适于同一个体系，这样的结果导致实际开发中，很难做到专业分工，如果项目开发过程中管控不到位，这样的问题可能会影响到整个项目的开发质量，因此前后端分离的目的之一就是要做到专业化分工，提高项目的质量和开发效率。 　　随着技术的发展，当下的Web开发形势已经和以前有了很大的不同，早期的Web项目是一个封闭的项目，用户从浏览器里看到的页面直到后台数据库都是在一个项目里集成的

原文： JavaWeb项目为什么我们要放弃jsp？为什么要前后端解耦？为什么要前后端分离？2.0版，为分布式架构打基础 前戏 前后端分离已成为互联网项目开发的业界标准使用方式，通过Nginx + Tomcat的方式（也可以中间加一个Node.js）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 这个步骤是系统架构从猿进化成人的必经之路。 核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 名词解释： web服务器 ：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器 ：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 术业有专攻（开发人员分离） 以前的JavaWeb项目大多数都是Java程序员又当爹又当妈，又搞前端（Ajax/jQuery/js/HTML/CSS等等），又搞后端（Java/MySQL/Oracle等等）。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情