前端工程师

链接：https://www.zhihu.com/question/41466747/answer/91084888 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性； 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5

一、前端和后端的概念（怎么区分是前端还是后端） 什么是前端? 这又可以分解成几个小问题。 1.JS是前端么？ 2.只要用JS写的，都是前端么？ 3.只要是前端工程师写的，都是前端么？4.大前端就是指的用JS语言写的前端，哪怕它是运行在服务器那一端么？ 5.App算前端么？ 6.Html+CSS算前端么？ 7.小程序算前端么？ 8.ReactNative算前端么？ 通常情况下，我们说的前端，都是指浏览器这一端 ，浏览器这一端，又在通常情况下，都是用JS来实现的，所以又会引申为，用JS写的大部分程序都是前端，包括App，小程序，H5等。而NodeJS出现之后，用NodeJS写的后端部分，也会被人归类为前端，为了区分之前的前端，就给他们起了一个名字，叫做“大前端”。 但，这种以语言为分界点去区分前后端，真的合理么？ 在过去，我们是不分前后端的，无论是Java还是JS，全都是一个人来写。 到底是什么原因让我们开始区分前后端了？ 第一个，是可以并行开发。前后端的进度互不影响，在过去，前后端不分离的情况下，前端的工作量相对较少，一个前端可以对四个后端。可以理解为，前端花了一周时间写好了静态页面，只需要调几个Ajax接口，不需要路由，也不需要渲染，所以他可以把时间继续在下一个项目里。 第二个，是成本问题。在过去，后端的成本还是比前端要高一些。同样的工作，如果能拆给两个人做，一个成本高一点

本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。 目录 1.面试注意 2.HTML 2.1 Doctype作用？标准模式与兼容模式各有什区别？ 2.2 HTML5 为什么只需要写 !DOCTYPE HTML？ 2.3 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 2.4 页面导入样式时，使用link和@import有什么区别？ 2.5 介绍一下你对浏览器内核的理解？ 2.6 常见的浏览器内核有哪些？ 2.7 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 2.8 简述一下你对HTML语义化的理解？ 2.9 HTML5的离线储存怎么使用，工作原理能不能解释一下？ 2.10 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ 2

一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队（FED） 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎360旗下前端开发团队出品 阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验 EFE 由百度多个遵循统一技术体系的前端团队所组成 UXC 覆盖了百度85%以上的产品体验设计 二、开发社区 网站 说明 StackOverflow 加入世界上最大的开发者社区 SegmentFault 中文领域最大的技术问答交流社区平台 知乎 中文互联网最大的知识分享和社交平台 开源中国 目前国内最大的开源技术社区 w3ctech 中国最大的前端技术社区 掘金 一个帮助开发者成长的社区 V2EX 创意工作者们的社区 博客园 一个面向开发者的知识分享社区 CNode 国内最大最具影响力的 Node.js 开源技术社区 Ruby China 由众多爱好者共同维护的 Ruby 中文社区 三、前端门户 网站 说明 前端网 一个专注于Web前端开发行业的综合性门户网站 大前端 一个集前端开发和Wordpress内容为一体的双轨独立网站 四、前端大牛

其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，.net等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与web基础相关的书籍。因为相比之下web前端还是比较轻松入门的。 HTML相关： 《Web标准实战》 比较简单，适合基础学习 《Web标准设计》 《深入浅出HTML》 CSS相关 《CSS设计彻底研究》 视频教程很好，书本我并没有详细研究，不好说建议。 《CSS网站布局实录》 CSS的书我看得比较少，这本算是看得比较全了。 javascript相关： 《精通JavaScript》 《JAVASCRIPT语言精髓与编程实践》 这本书对原型和继承做了非常精辟的解释，网上大部分关于原型的文章都是参考此书的。这里，推荐我们的web前端学习秋秋裙767，web前端中间的数字是273，web前端最后是102 。7年全栈工程师，根据这些年从事开发经验，整理了一份最适合2020年学习的web前端干货 《悟透javascript》 这本书第一章是介绍原型和继承的，第三章也介绍了跨域的一个解决方法，还有就是作者对程序和人生的理解哲学很有深度。 《JavaScript权威指南》 《高性能网站建设指南 》 这类书有两本不同版本，都是关于web性能优化的

  2017年很快又过去了几个月，在过去的一年里，前端技术迅猛发展，前端各类技术都在优化升级，”大前端”的概念进一步体现，前端人才需求量进一步扩大，但优秀的前端工程师却如大海捞针，一将难求，那么在未来一年里我们应该做好怎样的准备才能成为一名优秀(不仅仅是合格)的前端工程师呢？ 一.现代前端技术知识体系)一 、现代前端技术知识体系   我们先看看2017～2018前端技术知识体系图，这也是现代前端技术体系结构图的第二版。 [查看code部分下载大图]   大家也可以对比2016年的知识技术体系来看看： 2015-2016前端知识体系 。在这次更新中，主要完善了原有的部分知识内容的原理解析，增加了新的领域内容。   可能大家觉得体系图中内容还是过于抽象，没有有经验的人带，仍不能在实践中深入学习，或者需要自己花更多的时间搜索资料才能了解，亦或是网上的学习资料不够全面深入。   幸运的是，对于现代前端技术知识体系图，现在已经推出了 《现代前端技术解析》 一书，针对2017年～2018年前端技术知识体系内容深入原理，展开剖析，体系化、全面地帮助前端读者们解决了这些问题。我们不妨先来看看[本书目录]，再回头来看。 二.现代前端技术解析适读人群)二、《现代前端技术解析》适读人群   前端入门极其简单，但要学习提升成为一名优秀的前端的工程师又极其不易，因为涉及的技术点很多

HTML HTML用于定义网页的结构。你的第一步是学习HTML的语法，学会如何把页面拆分为多个部分。 任务： 至少撸5个纯HTML页面，你可以实现任意网站的页面，比如GitHub的profile页面或者Twitter的登陆页面。纯HTML会有点丑，但是不用担心，专注于网页的结构。 CSS CSS，全称Cascading stylesheets，是用来美化HTML页面的。 学习CSS语法，并且熟悉CSS的常用属性。 学习Box Model，学会使用Grid和Flexbox布局。 学会使用Media Queries来实现响应式布局。 任务： 使用CSS美化第1步中实现的HTML页面。如果你实现的HTML是GitHub的profile页面，那你现在就可以使用CSS让它看起来更像实际页面。 JavaScript JavaScript为静态页面添加交互性。比如网站的所有弹框、提醒，以及更新页面的部分内容，都是由JavaScript实现的。 学习JavaScript的基本语法。 学习如何使用JavaScript操作DOM元素。比如，如何删除、添加页面元素等。 理解作用域、闭包、变量提升等JavaScript难点。 学习使用XHR和Ajax发起HTTP请求。 学习JavaScript最新标准ES6。 是否需要学习JQuery? No! 很久以前，大家热爱JQuery

JavaScript单线程的误解 　　在我接触JavaScript（无论浏览器还是NodeJS）的时间里，总是遇到有朋友有多线程的需求。而在NodeJS方面，有朋友甚至直接说到，NodeJS是单线程的，无法很好的利用多核CPU。 　　诚然，在前端的浏览器中，由于前端的JavaScript与UI占据同一线程，执行JavaScript确实为UI响应造成了一定程度上的麻烦。但是，除非用到超大的循环语句执行JavaScript，或是用阻塞式的Ajax，或是太过频繁的定时器执行外，JavaScript并没有给前端应用带来明显的问题，所以也很少有朋友抱怨JavaScript是单线程而不能很好利用多核CPU的问题，因为没有因此出现性能瓶颈。 　　但是，我们可以用Ajax和Web Worker回应这个误解。当Ajax请求发送之后，除非是同步请求，否则其余的JavaScript代码会很快被执行到。在Ajax发送完成，直到接收到响应的这段时间里，这个网络请求并不会阻塞JavaScript的执行，而网络请求已经发生，这是必然的事。那么，答案就很明显了，JavaScript确实是执行在单线程上的，但是，整个Web应用执行的宿主（浏览器）并非以单线程的方式在执行。而Web Worker的诞生，就是直接为了解决JavaScript与UI占用同一线程造成的UI响应问题的

一、开篇 很久以前我们对于前端的理解就是开发web网页的，并且在PC上的浏览器进行展示；后来，随着响应式布局和智能手机的兴起，web网页更多的出现在了移动端的浏览器中；再后来，随着技术的不断发展，web页面逐渐出现在了PC、Android、Iphone的application(APP)中。从上面的发展可以看出，前端涉及的面越来越广，未来前端技术也会越来越重要，前端工程师们加油哇！ 下面我将一点点完善整个前端结构，由于无法一次写完，所以这篇文章会不断更新，如果大家觉得还可以就先关注一波，以便及时查看更新内容。 二、什么是前端 1、前端主要包括下面三个部分： 1.1 web标准技术 HTML、CSS、JavaScript、SVG、HTTP、WebGL等 1.2 运行环境 PC端浏览器、移动端浏览器、PC端桌面应用、移动端桌面应用等 1.3 界面与交互 界面的设计、用户的交互设计等问题，比如需要考虑web无障碍性(e.g:盲人或者色盲无法正常浏览页面，此时应该怎样进行界面和交互的设计以满足该类人群的需要呢？) 2、前端开发时需要考虑的问题 三、HTML 什么是html呢？html就是使用标签来描述页面的内容和结构。 1、HTML5的变化 目前最新的HTML标准是html5，那html5相比以前的标准有哪些变化呢？ 1.1 doctype声明更加简洁 1.1.1、Doctype的作用 a、

front-end-Doc 前端文档汇总（含代码规范、开发流程、知识分享,持续更新） 原Github地址 进去后可直接点链接查看文章 综合类 地址 前端文档基本例子 https://github.com/mgbq/front... 前端知识体系 http://www.cnblogs.com/sb1987... 前端知识结构 https://github.com/JacksonTia... Web前端开发大系概览 https://github.com/unruledboy... Web前端开发大系概览-中文版 http://www.cnblogs.com/unrule... Web Front-end Stack v2.2 https://raw.githubusercontent... 免费的编程中文书籍索引 https://github.com/justjavac/... 前端书籍 https://github.com/dypsilon/f... 前端免费书籍大全 https://github.com/vhf/free-p... 前端知识体系 http://www.cnblogs.com/sb1987... 免费的编程中文书籍索引 https://github.com/justjavac/... 智能社 - 精通JavaScript开发 http://study.163.com