前端工程师

1. 什么是前端工程化 自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常原始的 “切图（FE）->套模板（RD）” 的开发模式，这种模式下的前端开发虽说不是刀耕火种的原始状态，但是效率非常低下。 前端的工程化问题与传统的软件工程虽然有所不同，但是面临的问题是一样的。我们首先回顾一下传统的软件开发流程模型： 上图中的运行和维护并不是串行关系，也并非绝对的并行关系。维护贯穿从编码到运行的整个流程。 如果说计算机科学要解决的是系统的某个具体问题，或者更通俗点说是 面向编码 的，那么工程化要解决的是如何提高整个系统生产效率。所以，与其说软件工程是一门科学，不如说它更偏向于管理学和方法论。 软件工程是个很宽泛的话题，每个人都有自己的理解。以上是笔者个人的理解，仅供参考。 具体到前端工程化，面临的问题是如何提高 编码->测试->维护 阶段的生产效率。 可能会有人认为应该包括需求分析和设计阶段，上图展示的软件开发模型中，这两个阶段具体到前端开发领域，更恰当的称谓应该是 功能需求分析 和 UI设计 ，分别由产品经理和UI工程师完成。至于API需求分析和API设计，应该包括在编码阶段。 2. 前端工程化面临的问题

黑马程序员：从零基础到精通的前端学习路线 随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来黑马程序员前端学院教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段

开源项目 一款很轻量的无所不能的工具集合 公司内部搭建一个工具网兼博客平台，没有广告用着爽，同事还膜拜 几乎每个前端开发都会用的Chrome插件，功能太全了 100%原生的JavaScript多线程和并行执行库——Hamsters.js 这个库收集 Web开发的各种 JavaScript 小工具，超过 300 个模块 阿里跨终端的H5游戏开发解决方案——Hilo 程序员的个人知识管理神器 JavaScript开发者的27个神奇VSCode工具 教你10秒快速克隆网站，学习、私活，不用愁 终于集齐的VUE中的UI组件，不看后悔奥 前端猿应该知道的十大最流行的前端UI框架 Vue独立组件——11个最佳Vue.js日期选择器组件 尤娜-基于Spring Boot 2.0构建的极简博客系统现已经开源 nodejs + docker + github pages 定制自己的今日头条 在树莓派上搭建web服务器——基于Apache ddBuy 高仿移动端开源电商项目(Vue+VantUI) 推荐 11 个好用的 JS 动画库 一个标星近 10k 的现代化的个人独立博客系统，程序员值得拥有 阿里巴巴开源的超轻量的跨平台图形渲染引擎——GCanvas 基于Spring Boot 2.x的前后端分离开发平台X-Boot 前台 10个最佳Vue.js开源项目 我的第一个 60k+ Star开源项目

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

　　给前端开发者的 6 点建议 　　同样是前端工程师，技术体系是相同的，工作年限也是相近的，为什么差别这么大？如何跟上前端技术飞速更新的步伐，学习方法一定要找对，一定要抓住要学习的重点。 　　Part.1 　　夯实基础 　　要成为一名年薪30W的前端工程师，基础一定要掌握牢固，基础知识一问三不知，岂不是要贻笑大方。 　　css，js基础知识一定要掌握得很熟练，你能使用css实现斑马条纹背景，毛玻璃效果吗？能给图片实现滤镜效果，能实现所有自适应布局效果吗？原型，原型链，闭包是实现设计模式的必备知识，你真的弄懂了吗？闭包导致内存泄漏的原因是什么，你弄明白了吗？ajax跨域的解决方案你可以说几种？9102年了，你还是只告诉jsonp吗？http协议有了解过吗？如何在http协议中实现不缓存静态资源？ 　　现在是9102年了，这些问题老掉牙了。可是要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，基础变动很慢，投入时间学好基础，性价比很高。 　　Part.2 　　深究原理 　　Angular，React,Vue框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的"API调用工程师"，一定要掌握框架背后的原理性知识。 　　Virtual DOM diff算法

随着5G技术的逐渐发展和成熟，未来大量的应用场景都需要前端进行呈现，所以未来前端开发将得到更多的重视。想要不被时代所淘汰，我们就需要不断学习，不断完善自己。未来相信所有的网站都会升级成HTML5网站，我们再也不用为了浏览网站去安装各种各样的插件了，并且它的效果会更加的炫酷。 之前界限分明的前端开发和后端开发，未来开始模糊。从趋势上来看，开发团队的人员配备都在向前端倾斜，包括Android开发、iOS开发、PC端开发、小程序开发等，前端工程师承担的角色不断扩大。 另外，Javascript开始向嵌入式领域进军，进一步促进了前端开发的普及化。与此同时，对安全，可靠等的要求越来越高，这都对前端开发提出更新和更严格的要求。虽然网页设计是网站的外观，但前端开发是将该设计的页面通过代码的形式在网络上进行展现，并加入一些功能特效 !使之具有一定的交互性!前端Web开发人员通过HTML，CSS和JavaScript等编码语言实现Web设计的人。 虽然它不再那么常见，但是前端开发人员有时被称为“客户端开发人员”，以区别于后端开发人员，后端是对数据库等幕后工作进行编程。如果您前往任何站点，您可以在导航，布局中查看前端开发人员的工作，甚至可以看到PC页面与手机页面不同的展现方式。 前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计：HTML、CSS

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

前端是什么？ 在回答这个问题之前，我想到了一道面试题： 当我们在浏览器中输入网址并按回车之后，接下来会发生什么？ 我们来简单地看一看 “网页展现” 的整个过程。 比如这里有一个用户，它需要访问 abc.com 这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。 有时候 Web 服务器直接就可以返回用户的请求了；有时候 Web 服务器还需要向数据库查询一些数据，然后才能把处理结果返回给用户。 当用户的浏览器拿到服务器返回的 HTML 资源之后，就开始解析并显示 HTML 的内容了。 一般来说，HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链 abc.com/a.css ，它就会去请求这个资源。 HTML 页面往往还需要加载外部的 JS 资源，比如 abc.com/a.js ，此时浏览器同样会向服务器请求这个资源。 当所需的资源都加载完成之后，这个页面就可以提供完整的外观和功能了。整个过程差不多就是这个样子了。 我们看一看这张流程图，可以在中间画一道竖线，把它分成左右两个部分。 我们会发现，这道线左侧的事情发生在浏览器端，我们称之为 “前端”；右侧的事情发生在服务器端，称为 “后端”。（“前端” 之所以叫 “前端”

一、大前端 　　简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。 　　由于node的出现，前端工程师不需要依赖于后端程序而直接运行，从而前后端分离起来。所以当开发一个新产品的时候服务只需要写一次，但是面向用户的产品可能有很多，例如网站、Android客户端、iOS客户端和微信小程序等。由于各个平台使用的技术栈都不一样，代码无法复用，非常浪费人力、物力。那么有没有什么技术能够解决这一痛点呢？大前端应运而生，其实大前端的主要核心就是跨平台技术，有了跨平台技术，各个平台的差异性就抹平了，开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。 　　目前的主流跨平台方案：Cordova/phoneGap、React Native、Weex、微信小程序、PWA和Flutter等，根据其原理性，可以分为四大类。 H5+原生（Cordova、Ionic、微信小程序） JavaScript开发+原生渲染 （React Native、Weex、快应用） 自绘UI+原生(Flutter)

初始博客的初衷源于“前端攻城狮”，有人很疑惑为啥因为它呢？那就让我们一起来了解“前端攻城狮”吧！ 首先，前端攻城狮是取得前端工程师的谐音！它是一个职位，对于这个职位有几个字可以概括：高薪，有前景，累，苦逼。 前景： 这个职位是近五年才兴起的一个职位，在之前是被鄙视的一个！有句话说得好风水轮流转，现在这个职位风生水起了，它的市场是可以说是供不应求！ 如何了解前端？ 　　 前端是做什么的？ 　　--- 产品经理（PM或者叫PD）根据可行性调研后提需求，然后和视觉（UE）确定交互视觉稿，由前端和后端进行开发。后端负责数据和接口设计，前端负责页面呈现和交互功能 　　 前端工程师要会哪些东西？ 　　---前端不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等　　　　 　　以上只是初步的说下这个职位...... 来源： https://www.cnblogs.com/rainheader/p/4573690.html