前端工程师

本文转载于: 猿2048 网站➪ https://www.mk2048.com/blog/blog.php?id=hca02aakaa 从前端发展史来看服务器端渲染 前段时间在知乎上看到一篇提问，说的是为什么现在又开始流行服务器端渲染html了。整理了网上一些评论，结合自己的想法，整理出了一段前端发展史。 早在1989年，HTML的诞生是一个物理学家为了方便学术文档的分享而创造，这个也是前端起始的时间。后来，CSS和Javascript加入前端行列，用来渲染页面样式和处理页面动效逻辑，前端三剑客成立。刚开始的前端程序员，其实就是做切图写样式（CSS）和做页面特效（JS）等一切基础的工作，处于程序员鄙视链的底层。 随着互联网发展与技术进步，静态页面已经远不能满足产品需求，页面上要根据逻辑产生动态的数据，这时，便迎来PHP,JSP等为代表的web1.0时代。此时的服务器渲染，是以“文档”为核心思想。服务器端的逻辑是把HTML，CSS和JS当做一个静态文件，对“文档”而言不存在“指令”和“数据”的区别，一切都是数据。所以我们可以看到服务器渲染，GET就是请求一个文件，而web 1.0时代的诸多服务端框架最基础的组件之一就是文档模版，比如asp, JSP之类，核心设计理念就是HTML文件里放占位符然后由服务端逻辑替换成实际数据后一股脑返回。很多中小型项目，不分前端后端

本文转载于: 猿2048 网站➪ https://www.mk2048.com/blog/blog.php?id=h1i102hh0j 作者简介：aoto 蚂蚁金服·数据体验技术团队 以下我说的都是个人观点，比较宏观粗浅，主要针对的是前端工程师本身，没有深入技术和业务细节，请谨慎参考。 职能概览 前端工程师首先是个 程序员 ，其次也是个 软件工程师 ，他们工作在离用户最近的地方，负责人机交互和用户体验，虽然叫“前端”，但其实他们的工作边界其实已经很宽了。展望未来，我想前端的工作会继续分化，也会继续融合，分工是工业革命以来社会高效协作的主要推动力，以后很长一段时间应该也会维持这种形态，融合的原始推动力也是提高效率。分化和融合是不断的演化和互吸收转化的，不过核心的东西我想还是不会有太大变化。 观点 继续分化（领域、行业、技术栈） 继续融合（端技术、Web全栈技术、人工智能与端技术） 核心不变（计算机科学本质、软件工程思想与实践、程序员职业素养） 1. 继续分化 领域 前端领域会继续分化，例如阿里内部的前端就已经有中后台、图形、端技术、泛Node、开发者服务5个大方向了，每个大方向也会细分，举一些例子： 中后台：有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台，企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI

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

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

　　 前端到底要不要学后台 　前端到底要不要学后台，这个问题估计困扰了很多个要入行的小哥，而且各大招聘信息上很多都写着需要了解一到两门后台语言优先。这一点让很多小伙伴很方啊。 　　那么要不要学了，我的观点的是需要了解，不需要深入学。 　　为什么这样讲了？首先，从逻辑上来讲。如果你一个做前端的去公司还要做后台的工作，那么不直接招一个更加专业的后台人员了？讲道理，现在市场上的后台技术人员是比前端要多的，就你的那点前端技术刚好可以混个工作，凭啥你可以去抢后台的工作了。所以，各位小伙伴们，不要想当然了，公司招你去是不会要你去做后端的事情的。如果是这个道理，那么写上那些要求干嘛了？这不是在有事没事制造招人障碍，让人知难而退？ 　　有过工作经验的小伙伴应该都知道，除了程序员跟讨厌的产品经理之间的矛盾外，最大的矛盾就是前后台的矛盾了。我之前有过好几个做后台的学员，我问他你为什么要学前端，他告诉我，迫于无奈，前端写的代码实在是太恶心了，太不规范了，每次拿到前端模板要改一半的代码，弄的我现在天天加班。我跟他说，要我的话就直接怼过去了，他说怼不得啊，基本都是妹纸，骂也骂不得，没办法，赶紧来学个前端，不然以后会猝死的。我相信有做后台的小伙伴看到这个故事肯定感同身受吧。所以，为了前后台开发效率更加高，更和谐，W3C和各大公司做了一系列的努力，什么前后端分离，基于MV*的前端架构等等。这也就是为什么

性能和效率 ChromeDevTools Timeline : ChromeDevToolsAudits: Yslow http :// www . cnblogs . com / simon / p /5883336 .html http :// blog . csdn . net / ivan 0609/ artide / details /45508365 http :// www . wtoutiao . com / p /1305 TZW.html ( 5 ) CDN 存储静态资源 DNS 查询次数 css 和 js 内容 详细参见： http :// www . mahaixiang . cn / wyzz /1589 .html xcodeAnalyze build setting ---- automa ---- mrc product ---- analyze ---- command + R ARC 内存泄露： http://blog.csdn.net/panda_bear/article/details/8009421 前后端 1. http 2. 4. Gzip 5. 6. 7. CSS 8. JavaScript CSS 9. DNS 10. JavaScript CSS 考：http://blog.csdn.net/sonta/article

　　一、构建工具 　　1、Parcel 　　地址：https://parceljs.org/ 　　Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。 　　2、Critters 　　地址：github.com 　　一款webpack的插件，它可以很方便的配置内联关键css(critical CSS),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。 　　3、sucrase 　　地址：sucrase.io 　　如果你用typscript构建React项目，sucrase将是一个不错的选着，它的编译速度将是Babel的20倍。sucrase――一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。 　　4、Webpack Config Tool 　　地址：webpack.jakoblind.no 　　一款可视化的在线工具网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成webpack.config.js，省去你不少的麻烦。 　　5、JSUI 　　地址：github.com/kitze/JSUI 　　JSUI是一个可视化分类、构建和管理JavaScript项目的工具

为什么这么多人想学前端？如今Web前端薪资如何？Web前端的薪资正在不断上涨中，Web前端2-3年工作经验的人年薪30万也不稀奇。各招聘网站对Web前端的招聘职位越来越多，招聘薪资和福利也是一涨再涨，学习Web前端成了很多年轻人的选择。 在学习之前，我们首先得知道，成为Web前端工程师，需要掌握哪些技能。一名优秀的Web前端工程师，需要JavaScript语言基础扎实，熟悉ES5、S6语法，了解TypeScript，具有良好的规范开发习惯;熟悉常用的设计模式，熟练使用Vue、Angular技术栈开发。 而且大家还要能够熟练使用Angular、vue、react、echarts、jQuery等框架进行传统开发;还要熟悉MVVM、MVC开发模式;熟悉前端工程化，自动化技术，可以根据需求配置Gulp文件及更改Webpack配置文件;熟练使用git版本管理工具。 对web前端这门技术感兴趣的小伙伴现在可以到我这里来了，正因为我不是211，985，只是个普通的本科生，英语不是特别好，数学不是特别好。所以我选择了前端。工作第六个年头了，我庆幸自己选择了这条路。767-273-102 秋裙。在鹅厂子做过，跟着创业头子混过。想把自己的技术分享给大家，如果你还在迷茫，也希望能进我一些绵薄之力，帮助到你。 更要熟悉HTML5及CSS3新特性，定了解WebAPI;有商城系统Web前端的开发经验

更多精彩内容欢迎访问我的个人博客皮皮猪： http://www.zhsh666.xyz 或者 http://www.zh66.club 期待您的光临哦！我是皮皮猪，感谢各位光临，能为您排忧解难小站深感荣幸！祝您生活愉快！ 我们根据Web前端职业技能等级标准(中级)的要求，将知识技能点分类统计，回归到6门课程： Web前端的课程存在较大的关联性，进行课程组合，以供开课参考。 我们很容易观察到，中级Web前端开发职业等级要求，其实涵盖了PHP工程师(等级标准中还包含Laravel框架)的要求，服务器端以PHP为主结合MySQL数据库，能够让Web前端工程师理解后端服务器数据接口原理，进行更好的前后端分离开发协作。 对于Web前端工程师这个职业，HTML、CSS、JavaScript都是重要的基础课，其中最重要的是JavaScript，在Web前端教学中应作为核心课程重点投入。 1.HTML 技能要求： 能熟练使用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能搭建静态网页 能熟练使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页 能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面、开发移动端页面 知识要求： +掌握并熟练应用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能

前后端分离已成为互联网项目开发的业界标准使用方式，通过Nginx+Tomcat的方式（也可以中间加一个NodeJS）有效地对前端和后端的开发进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（各种客户端，比如浏览器、车载终端、安卓、IOS等）打下坚实的基础。前后端分离的核心思想就是前端HTML页面通过AJAX调用后端的RESTFUL API接口，并通过JSON数据进行交互。 前端的开发与后端的开发分离 以前的JavaWeb项目，大多数都是Java程序员又搞前端，又搞后端。而随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分得越来越明确，即前端工程师只管前端的开发，后端工程师只管后端的开发。大中型公司需要专业的人才，小公司需要全才（省钱）。但是对于个人职业发展来说，还是分开比较好，因为当生涯发展到后期的时候，企业往往要的是在某一方面上的专家，而不是熟练工。如果一个人前端后端都会一点，那也可以说什么都不会。 前端追求的是页面的表现、速度的流畅、兼容性和用户的体验等。因此对于前端开发工程师来说，需要把精力放在HTML5、CSS3、JavaScript、jQuery、AngularJS、BootStrap、ReactJS、VueJS、Webpack、Less/Sass、Gulp、NodeJS、Google V8引擎、JS多线程、JS模块化