前端工程师

前端开发和后台开发是有区别的，工作的内容和负责的东西是完全的不同的，以下以网站的开发为例。 1、前端开发 前端开发现在一般指的就是web前端开发工程师，其负责是网站前端页面也就是网页的页面开发，简单的说网站前端负责是东西是网站用户可见的东西，如网页上的特效、网页的布局、图片、视频等内容。网站前端工程师的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并和后端开发工程师配合做网页的数据显示和交互。 2、后端开发 后端开发一般也叫做后台，其负责是网站后台逻辑的设计和实现还有用户及网站的数据的保存和读取。比如一般网站都是有用户注册和登录的，用户的注册的信息通过前端发送给后端，后端将其保存在数据库中，用户登录网站的时候，后端需要通过用户输入的用户名和密码是否与数据库中的一致来判断用户是否有权限登录，这是后台开发中的一个最简单的功能。 一、要弄清区别，首先要知道前端和后端的概念： 1）Web前端: 顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 2）Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。 二、实际的开发过程中，前端、后端开发人员所要具备的技能： 1）前端开发人员

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

作为一名前端工程师我们除了写得了编程修得了样式之外，我们需要注意的就是如何进行前端性能优化。 先说下前端性能优化的目的，我们从用户角度和服务商角度来说。 1.用户方面：优化能让页面加载更快，对用户的操作响应更及时，能够给用户提供更为友好的体验； 2.服务商方面：优化能够减少页面请求数，或者减少请求所占带宽，能够节省客观的资源 分析完优化目的，下面说说从什么途径进行优化或者说怎么进行优化？优化的方法有哪些？ 一、页面级别的优化 1.1 减少http请求数以及减少请求资源的大小 理由：一个完整的HTTP请求需经过以下几个流程：域名解析，DNS寻址 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对页面进行渲染呈现给用户。整个流程除耗时成本不说若当下载资源过大时，页面加载如何能快？所以减少http请求数有助于提高页面加载速度。 方法： 1,.1.1、 尽量合并和压缩css和js文件。通过打包工具webpack和gulp 1.1.2、 尽量所使用的字体图标或者SVG图标来代替传统png图.因为字体图标或者SVG是矢量图， 　　 代码编写出来的，方大不会变形，而且渲染速度快 1.1.3、 减少DNS查找 1.1.4

性能和效率 一、 你平时如何评测你写的前端代码的性能和效率。 ChromeDevTools 的 Timeline : 是用来排查应用性能瓶颈的最佳工具。 ChromeDevTools 的 Audits: 对页面性能进行检测，根据测试的结果进行优化。 第三方工具 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 条 ) (1) 优化图片资源的格式和大小 (2) 开启网络压缩 (3) 使用浏览器缓存 (4) 减少重定向请求 (5) 使用 CDN 存储静态资源 (6) 减少 DNS 查询次数 (7) 压缩 css 和 js 内容 详细参见： http :// www . mahaixiang . cn / wyzz /1589 .html 三、 怎么保证多人开发进行内存泄漏的检查（内存分析 工具） 1) 使用 xcode 里面的 Analyze 进行静态分析 build setting ---- 》 automa

又好久没写东西了 ，写上一篇的时候还以为接下来的工作会轻松一些 ，结果未从我所愿呐 ，又是一阵忙碌。而这段时间穿插着做了很多12年淘宝校园招聘的前端面试 ，很多同学都有问到 ，学校里没有前端的课程 ，那如何学习JavaScript？ 我的回答是：读书吧！相对于在网上学习 ，在项目中学习和跟着有经验的同事学习 ，书中有着相对完整的知识体系 ，每读一本好书都会带来一次全面的提高。而如果深一脚浅一脚的学习 ，写出代码的质量会参差不齐。初学者的首要任务是成为靠谱的熟练开发者 ，能够稳定的输出有一定质量的代码 ，这样才能让人放心的把任务交给你。从这个角度来看 ，跟着w3school类成体系的网络教程学习也是不错的选择 ，只不过我没有亲自实践过。 在07年之前 ，我是在做IEonly的企业级B/S应用 ，虽然当时项目的JScript就已经非常复杂 ，但当时团队里有很多经验丰富的同事 ，多是跟他们请教 ，或者再MSDN和网上找答案。07年进入阿里之后 ，开始直面兼容性问题 ，同时开始单打独斗 ，这个阶段开始接触相关的前端书籍 ，最先购买的是《 JavaScript高级程序设计 》和《 JavaScript DOM 编程艺术 》。可以说比较幸运 ，挑中了这两本很靠谱的书(其实当时市面上书籍并不多 ，感谢选择出版这些书和翻译这些书的同学们) ，近来这两本书都出了第二版其生命力可见一斑。 这几年来

虽然现在很多大公司的校招都已经接近尾声了我才拿到满意的一个offer，但还是稍微分享一下我觉得前端校招的一些内容。 基本上的大公司对于前端校招同学的要求都不仅仅局限于前端领域，因为对于一般的候选人来说都是侧重潜力的考察。而小一点的公司对于候选人的技术能力以及项目经历不会有过多的要求，更多的是希望能够以比较低廉的价格签下一个愿意做切图之类工作的同学。个人觉得对于同学未来几年的发展不是很好。 流程 不管是电话面试还是现场面试，基本的流程是： 自我介绍 ， 基础部分 ， 项目经历 ， 拓展部分（通常都是以面试者自己回答的内容为发散点） ， 面试者询问 。 自我介绍 这部分应该有很多同学觉得都不用准备，但是事实上面试官第一个问题如果回答的没有条理不仅面试官的印象会不好，而且对自己接下来的状态也会有很大的影响。所以面试者最好自己写好自我介绍的草稿，设计到的内容包括但不限于 为什么学前端？拿过什么样的奖项之类的？ ，虽然简历中有写。 接着面试官可能会问： 如何学前端的？ 你认为的前端都要做什么样的工作？ 你理解的前端工程师是什么？ 你认为前端工程师对于用户和公司有哪些作用？ 你最近遇到过什么技术挑战？你是如何解决的？ 项目中遇到的问题是如何解决的？ 平时都是怎么学习的？ 实习了多久，在哪实习，实习的工作是什么？ 实习过程中能不能完成公司给你的工作？工作量如何？ ... 好了，前戏差不多了

《信息简史》中说“进化本身是生物体与环境之间持续不断的信息交换的具体表现”，前端技术的进化也是如此。浩瀚的前端宇宙中，又出现过哪些耀眼的星辰呢？指引前端未来的“北极星“又在何方？腾讯云高级工程师与你畅谈前端的变革史与新时代的希冀。 在正文之前我想简单介绍一下自己的从业背景。 初次接触前端是读书期间的第一份实习工作，在 SAP 上海研究院 TIP BI 部门开发基于 SVG 的Charts 库，99%的代码逻辑是将数据用 SVG 转化为可视化的 UI。值得一提的是当时用的构建工具是 YUI Compressor 搭配 Ant 调度。 毕业后成为了一名传统的 web 前端开发者，期间还折腾过富本文编辑器。后来有近一年的时间研究效率工程，也就是大众口中的前端工程化。然后在加入腾讯之前的工作是地图，技术核心是 WebGL。 可以说除了音视频以外，5 年多的经历基本涵盖了前端领域绝大部分的技术方向。不论是大众的 web 还是小众的 SVG，不论是宏观到 web 整体的工程化还是微观到像素的图形学。表面看上去似乎每一份新工作跟之前的工作都关联甚微，比如在使用 WebGL 期间积累的矩阵、向量、三角剖分等数学和图形学知识基本上在现阶段工作中得不到体现。但其实从毕业到加入腾讯之前始终处于一种迷惘的状态中，一直试图在不同的工作类型中寻找真正能够体现前端工程师核心价值的方向，以及辅助这个方向的关键技术

这是我的第一篇博客，写的很乱很差，多多谅解。如有错误，请指正。 1. 前端是什么 　　前端即 网站前台 部分，运行在 PC 端， 移动 端等 浏览器 上展现给用户浏览的网页。随着 互联网技术 的发展， HTML5 ， CSS3 ，前端框架的应用， 跨平台 响应式网页设计 能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的 用户体验 。简单点说，前端就是展现在用户眼前的各种网页，现在还包括小程序和一些简单的应用。 2. 前端薪资待遇怎么样 　　互联网行业最近几年在薪资水平方面都是领先于其他行业的，待遇方面因省而异。基本上都在8k朝上，看技术水平和地理位置。所以越来越多的人转行前端，竞争压力也随之越来越大，门槛也越来越高。 3. 前端简单吗 　　我个人觉得前端相比较其他语言而言算是比较简单的一门语言。前端入门是所有语言中最简单的几种之一。现在很多大学所有计算机有关的专业基本上都开设了网页制作这门课程，甚至很多非计算机专业也开设了这么课程。教学内容简单易懂。作用也就是引领学生入门，讲授的内容就涉及到html和css部分。html5和css3很少涉及。（后面会有这里涉及到的名词解释） 4. 一个前端工程师需要掌握什么东西 　　（以下专业解释如果嫌多看不懂直接翻到解释的最后面） 　　基础的HTML和CSS： 　　　　1. HTML ： 　　　HTML称为 超文本 标签语言

同样是web前端工程师，我们通常会发现他们的薪资待遇截然不同，web更注重的在于技术。 通过web培训出来的工程师，通常是中高级。自学的web工程师也有可能达到这样的水平，但是前提是必须系统化进行学习。那么初级web前端应该懂什么呢? 首先，Web工程师要入门必须要了解前端、后端、后台的基本概念，同时要了解基本的html、css和javascript语法，最后根据设计师的设计图在不考虑兼容性的情况下把页面做出来。 需要注意的是，入门阶段最关键的就是对所学内容形成一套概念,知其然知其所以然，不要管好那么多细节。 其次，你可以把html、css和javascript分成三个阶段进行学习。 第一阶段：HTML的学习 Html是超文本标记语言，英文全称为HyperText Mark-up Language，这是一个网页的骨架。静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。 当然，学习html过程是比较枯燥乏味的，所以你需要更有效的学习策略。依小编看来，你可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，想必会比单纯记忆HTML标签和属性有趣、有用的多吧? 我自己是一名从事了多年的web前端开发程序员

前端需要性能优化么？ 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。 性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前端的性能优化会更直接与用户的体验挂钩。从用户体验侧来说，前端服务 5s 的加载时间优化缩减 80%(1s) 与后端服务 50ms 的响应优化缩减 80%(10ms) 相比，用户的体验提升会更大。因此很多时候，与体验相关的性能的瓶颈会出现在前端。 我和一些同学接触的过程中，发现作为前端工程师，大家其实都具备一定的性能优化意识，同时也有自己的优化“武器库”，例如懒加载、资源合并、避免 reflow 等等。虽然大家对性能优化都有自己的思路，不过大多是分散在某几个点，较难形成一个完整的体系。 一、html文档结构标签语义化 1、首先什么是语义化呢？ 语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。即用正确的标签做正确的事。 2、语义化的好处或者说存在的意义 ① 有利于搜索引擎抓取 ② 结构清晰的HTML在团队合作中的作用：代码可读、便于维护