前端工程师

0x00 ：序言 1 universe, 9 planets, 204 countries,809 islands, 7 seas, and i had the privilege to meet you. BugPhobia ，我所言，均是心之所向。 0x01 ：团队成员简介 To the world, you maybe a person. But to a person, you maybe the world. To the searching tags, you may well fall in love with http:// 10.2.26.67 　　 　　 　　 　　 　　 　　 　　 0x02 ：团队项目愿景 Search With Tags~ ，或许作为软件工程的开发者，你会将学霸在线网站视为“爬虫组”和“数据组”等前端外壳；或许作为用户，你会将学霸在线网站视为一处搭建的问答平台，但事实，我们不局限于一个最简单的外壳，用户（ User ）、问答（ Question ）、课程（ Course ）、资源（ Resource ）、丰富的神秘功能（ Secret ）均是我们的工作，我们致力于打造面向 CS/EE 领域的垂直搜索引擎，且不忘初心。 网站基本定位 面向 CS/EE 领域的垂直搜索引擎 网站创新形式 首先，按照《构建之法》中创新类型的划分，在创新的类型上

Web 前端开发工程师 是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。 简介 2005年以后，互联网进入Web 2.0时代，各种类似桌面 软件 的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。 　　随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。 为什么它们会对自己的网站进行重构呢？有两个方面的原因： 　第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性能，还能提高可维护性，对搜索引擎也更友好； 第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文件更小，下载速度更快。网站重构的目的仅仅是为了让网页更符合Web标准吗？不是！重构的本质是构建一个前端灵活的MVC框架

能找到一份前端开发工作，首先你起码得是一个合格的初级前端工程师。那么，什么是初级前端工程师？初级前端工程师都会做些什么？这个问题需要分为以下几个方面来说： 一、对应岗位的工作职责 初级前端，主要负责产品的功能开发，独立完成框架中设计好的交互功能和产品需求。 PS：一句话概括，初级前端的岗位职责在每家公司都是大同小异，无非是针对本公司的产品及业务线做具体的搬砖工而已。 二、技术能力要求 1、css：熟悉css常用属性以及选择器，常见hack和布局技巧； 2、html：熟悉所有的html标签属性，语义； 3、js：能独立使用第三方框架完成功能模块的开发； 4、框架：熟练掌握至少一款常见的移动端或pc端框架； 5、文档：代码编写时有编写文档的意识。 PS：类似的技能要求，相信你在各大招聘平台都可以看到，只不过每家公司对初级前端的定义不大相同罢了，都是因地制宜。 三、多人协作项目开发能力要求 1、工具：能够参与2-4人的业务组开发，并熟练使用svn或git进行代码版本管理； 2、环境：能搭建简单的本地开发环境，node.js或者php。 PS：这一点，放到以前，是不要求初级coder会的，这些都是前端负责人的事情，因为你只是一个切图仔、螺丝钉，是完成具体某个模块的小码工。 但是放到现在，2019年的门槛略高一些，这些是初级前端必须掌握的，要不然你也太low了。别人会说，你会的这些

综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单。 star:15000 front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。 star:860 Front-end-Interview-questions 史上最全前端开发面试问题及答案 f2e-hub 包含 Animation，UI，dialog，Carousels，color，image，workflow 等。 star:100 awesome-javascript 一系列很棒的 javascript 库，资源。 star:3100 fks 前端技能汇总，包含前端知识架构，后端知识， linux ，书籍推荐等。 star:4000 node123 node.js 中文资料导航。 star:1200 mobile-web-favorites 移动端web开发收藏夹。 star:200 gulp-book Gulp 入门指南 样式/UI Semantic-UI 让你使用任何 HTML 标签 来表现UI控件。 这是一款语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架。 star:17500 primer CSS 风格指南。 star:3600 测试/工具 mocha 一个简单、灵活有趣的 JavaScript 测试框架，用于 Node.js

作者：暗灭 链接：https://www.zhihu.com/question/26669731/answer/466936797 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 想了想,还是先画一系列的图,再来解释一下什么是WEB开发. 第一层 入门介绍图 适合:刚入门互联网,没多少基础知识和专业知识. 为嘛这个图上传的不清楚?算了.我也不知道 对于大多数刚刚接触到互联网这个职业的人来说,对于软件是怎么编写的,大概的职业是怎么划分的,理解到这个程度就够了. 整个系统架构可以分成三层(分层是码农必备思维). 第一层,叫展示层,又被称之为前端.展示层这个名字,其实有点不精确,确切的来说,应该叫用户层,或者是输入输出层,或者叫用户交互层. 它的目标很简单,就是接受用户的输入,并将结果反馈给用户. 什么叫做输入呢?键盘,鼠标,声音,图像等等都是输入,最简单的输入就是键盘和鼠标,你们如果看过各种黑客电影,不管是在键盘上啪啪啪,还是在空气中点点点,都是输入. 输出就是展示出来的结果,在屏幕上就是文字动画,在音箱就是声音之类的. 叫展示层的原因,是因为大部分的情况下,都是用户只需要看,少部分才是操作. 所以通常是用展示层来代指用户的输入输出层. 为什么要分层? 其实最早在互联网没有出现之前,分层是一个相对而言,软件设计里的概念.但是在现在,就很简单了

全栈工程师的第一步 记得在大学到时候，上计算机课觉得最有挑战的，就是做个一个个人主页。相对写个WORD文档、写个C语言程序，个人主页也是最有意思的一个主题。最开始的是用html标签方式来实现，用table来进行各种排版，丑得可见一斑。后面技术发展演进，大量的使用了html+css+js，再往后就衍生了html+css+jquery，一直到现在的各种vue、react群魔乱舞。 早起前端写法 一直从事后端开发，在刚阿里的两年里，还写了一些spingmvc+velocity的后台页面。主要是满足一些测试或者开发小二常用的后台功能，比如查询订单、查询商品等。 页面相对来说比较简单，主要就是一些form组成的表单，然后提交到后端做处理，或处理数据，或返回数据。 springmvc+velocity的实现方式也很简单，后端提供Controller来渲染和接收数据，vm页面用来提供用户视图，包括展示数据和接收用户数据。缺点就是页面和java是在同一个工程的，也就是说前后端是没有分离的。 全栈工程师 后面阿里2年，就基本做纯后端了，基本上没有接触过前端相关的逻辑。随着业务发展，对前端诉求越来越大，专业的前端已经不能满足需求，而且前端招聘难度也极大，因此要去我们每个人做到一专多能。即后端专业前端能力全面。 于是我开始了我写全新前端的历程。以下记录我自己的前端开发心得。 首先是新概念，有nodejs

　　如何快速掌握Web前端技术？好程序员必备web前端教程，随着互联网的高速发展以及技术的不断革新，Web前端工程师需要掌握的技术也有所变更。很多人想知道当前常用的Web前端技术有哪些？如何快速掌握这些技术？接下来就给大家介绍下。 　　常用的Web前端技术有哪些？ Web前端是为了协调前端设计与后端开发之间工作的岗位，是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。 Web前端开发基础技能：HTML、CSS、JavaScript 　　前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。 Web前端开发必知标准：http标准、W3C标准、ECMAScript标准 浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。W3C标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。JS是在ES的基础上，为Web浏览器做了一部分封装（增加了DOM操作、BOM操作等）。 Web前端开发加薪技能

一、互联网应用的分类 讨论前端架构之前，首先要弄清楚互联网应用的类型，明确了自己的产品所属的类型才能打造属于自己的架构。对互联网产品进行分类，网上有很多不同的观点。我觉得分类是多维度的，但是按照交互以及功能的复杂程度来分类是比较客观的。因此，我比较认同淘宝玉伯在关于前后端开发模式中对应用的分类，以下引用玉伯的观点： 前端涉及的产品形态在业界可分为两大类：Web Pages 和 Web Apps 。 Web Pages 是浏览类的，用户主要是来看的：以内容展现为主，辅有少量交互。前端提供基础类库，开发工具化、外包化。典型：首页、营销活动、频道等等。 Web Apps 则以交互为主，用户主要是来用的。可分为两种： 体验类：包含大量交互，同时用户体验很重要。比如 GMail, 支付宝收银台、淘宝购物车等等。 功能类：包含大量交互，以功能为主，体验不是第一位的。比如后台系统、认证流程等。 Web Apps 的开发，前端投入了大量人力，但前端资源依旧存在潜在的瓶颈（比如新增加一条业务线时，很可能无前端去支持）。现有前后端配合的开发模式，沟通协作成本偏高，可维护性不够方便。在现有的研发模式下，前端自身的价值点也很难体现出来（花了大量时间在业务上，但得到的认可不多）。 最核心的问题，依旧是前后端的解耦：如何让前后端的工作彼此更独立，如何让更合适的人做更合适的事，把事情做得更好。 对于体验类

随着互联网的高速发展以及技术的不断革新， Web 前端工程师需要掌握的技术也有所变更。很多人想知道当前常用的 Web 前端技术有哪些？如何快速掌握这些技术？接下来 小编就给大家介绍下。 常用的 Web 前端技术有哪些？ Web 前端是为了协调前端设计与后端开发之间工作的岗位，是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。 Web 前端开发基础技能： HTML 、 CSS 、 JavaScript 前端的开发中，在页面的布局时， HTML 将元素进行定义， CSS 对展示的元素进行定位，再通过 JavaScript 实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。 Web 前端开发必知标准： http 标准、 W3C 标准、 ECMAScript 标准 浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有 http 的连接。 W3C 标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（ Structure ）、表现（ Presentation ）和行为（ Behavior ）。 JS 是在 ES 的基础上，为 Web 浏览器做了一部分封装（增加了 DOM 操作、 BOM 操作等）。

目录 1、id选择器？ 2、类选择器 3、元素选择器 4、通用选择器 5、简述什么是浏览器事件流 6、如何用CSS隐藏一个元素？ 7、一行CSS实现padding上下左右分别为1，2，3，4px? 8、前后端分离的基本原理？ 9、如何创建响应式布局？ 10、你使用过那些前端框架？ 11、什么式ajax请求？使用jQuery和XMLHttpRequest对象实现一个ajax请求？ 12、如何在前端实现轮询？ 13、如何在前端实现长轮询？ 14、vuex的作用？ 15、vue中的路由拦截器的作用？ 16、axios的作用？ 17、列举vue的常见指令？ 18、简述jsonp及其原理？ 19、简述cors及其原理？ 20、看js代码写结果？ 21、看js代码写结果 22、看js代码写结果 23、看js代码写结果 24、看js代码写结果 1、id选择器？ #id /*id选择器 #号*/ #d1 { /*将id为d1的标签内部文本内容改成绿色*/ color: green; } 2、类选择器 .id /*类选择器 点号*/ .c1 { /*让所有具有c1类属性值的标签内部文本变成蓝色*/ color:blue; } 3、元素选择器 /*标签选择器 元素选择器*/ div { /*将页面上所有的div标签内部的文本变成红色*/ color: red; } 4、通用选择器 * /*通用选择器