什么是前端工程师？总而言之，就是利用HTML、CSS、JavaScript等Web技术，配合UI设计师在工作中实现用户界面，与后端工程师进行数据对接，完成Web应用开发的岗位。Tips：个人博客排版和UI更好；地址：https://haonancx.github.io/不要怕先下马，这些谁都学不会，把基础学好，扛一部分，遇到工作中的业务刚需.梳理知识体系的框架学习一个东西，首先要了解它的定义和大致的框架结构，梳理思路，然后一步步丰富自己的知识体系。有人说前端的东西多，复杂。你今天才想出一个框架，明天就要出新的框架了。其实大可不必和这些花哨的框架打交道。毕竟，在真实的工作环境中，你是一个业务驱动的程序员。好了，废话不多说，先上菜你不觉得前端的东西就是这样吗？？别着急，这里面看似简单，每一科都掌握了，没有什么三五年，你都不好意思说会的。万事开头难，一步一个脚印，到现在全是各大前端框架概念。“MVVM”、“MVC”、“MV*”、“模块化”、“高性能”等等，别迷信这些，你不是要先打好基础吗，HTML、CSS、JavaScript这些三门语言就够你喝一壶了（不管你的框架多牛逼，你跟我们一起写的），就算你工作了三五年，也有点点滴滴的知识是你不会的不知道；所以无论你现在处于什么阶段，学习基础知识的动力都不能减少。这时候，你的知识体系就是这样的。不要只是纸上谈兵。你应该阅读你需要学习的一切。不能光说不练。你必须使用它。资深WEB前端工程师的方向是一个WEB前端最基本的选择是的，在国外，很多老外都可以把专业做到极致，可以在一个专业领域不断学习积累寿命。主要在于两个方面：内部因素和外部因素。内因是老外思维简单直接，容易一直专注于一个领域；外部因素就是国外的环境非常好，可以很好的支持这样的职业发展道路。另一方面，在国内，从内部因素来看，WEB前端技术人员还是比较浮躁的。他们通常会因为WEB前端知识更新太快而难以学习，最终转向后台或其他路径。从外部因素来看，WEB的前端人员并没有得到公平的对待。它可能是从HTML页面的制作开始，一直沿袭下来的。WEB的前端人员一直不如后端人员。是“深奥”的代名词，直接使得前端人员的收入无法与后端人员相提并论，直接影响到前端人才市场的活跃度。另一方面，前端技术更容易上手，造成另一种极端情况：人员泛滥，人才短缺。我想对所有的WEB前端工程师说：面包总会有的，耐得住寂寞！我个人比较推荐这个职业发展方向，因为在这个方向，只要有足够的耐心，积累知识，成功的概率是非常高的。同时，这是最简单的路径。我们把更多的精力花在技术研究上，而不是办公室政治等其他琐碎的事情上。多写，多编辑，做个“网红”1、我觉得博客当然是用来写总结的。传入的问题用于记录??和审查。2、至于框架怎么梳理，还是要看你博客的定位。如果偏向于科普类型，自己要帅，别人也会帅。当然，你应该把所有的东西都写好，然后再配上图片。如果和自己的笔记有相似之处，可以写得简单一点，有启发性。考虑（githubpages或gitcafepages）+（hexo、octopress等静态博客）+（markdown写作）。符合程序员的气质。最重要的是，数据由你自己管理，你可以随时在本地查看。对外是博客，对内就等于建立自己的知识库。坚持是写博客的关键，这东西出效果也很慢。写多了，你会发现自己不仅在技术上有所提高，在写作、文档写作、表达等方面也有所提高。而且我发现有些评论可以帮助到别人，我会有一种莫名的成就感。HTML5和CSS3真的不如JS重要吗？大多数Web开发人员现在只是简单地扫描基础知识，然后专攻JS框架。Vue、Angular、React等并不反对这种做法。暂时找个好工作看似有好处，却极大地限制了自己长远的职业发展；而且前期比较注重基础，愿意花更多的时间去了解原来的东西。我太保守了，不过是“不烧砖不敢盖大房子”；比如Saas再高效，也要转成CSS给浏览器解析，JSX看再恶，浏览器大叔面前也不必装JS；当然主要是想了解各种框架的设计思路和实现功能的方式；在具体工作中用到的时候，我会深入研究。也有人说，CSS怎么这么难玩，不就是布局一下，改一下样式吗？是的，但要玩好并不容易。个人推荐张新旭的博客，长期研究CSS的张新旭；相信前端工程师对他应该不陌生。话不多说，上第二道菜吧。谷歌浏览器的效果图是惊人的。这就是CSS3的魅力所在。喜欢各种动画交互的人，一定会喜欢CSS3的新特性；不是JS做不到，只是JS相对于CSS3而言。要重绘，这会大大降低浏览器的性能，所以“CSS可以实现，尽量不要用JS实现”。附上代码HTML{%highlightruby??%}
div>
{%endhighlight%}CSS{%highlightruby??%}html,body{height:100%}body{background:radial-gradient(椭圆居中,#34679a0,#21416347%,#0d1926100%)}body>div{position:absolute;top:12%;left:50%;margin-left:-103px;width:200px;height:200px;border-radius:50%;border:1pxsolid#fff;-webkit-transform-style:preserve-3d;-webkit-transform:rotateX(80deg)rotateY(20deg);transform-style:preserve-3d;transform:rotateX(80deg)rotateY(20deg)}body>div:first-of-type:after{content:"";position:absolute;height:40px;width:40px;background:#fff;border-radius:50%;-webkit-transform:rotateX(-80deg)rotateY(0);transform:rotateX(-80deg)rotateY(0);box-shadow:0025px#fff;-webkit-animation:nucleus_2sinfinitelinear;animation:nucleus_2sinfinitelinear;左：50%;top:50%;margin-top:-20px;margin-left:-20px}body>div:nth-of-type(2){-webkit-transform:rotateX(-80deg)rotateY(20deg);变换:rotateX(-80deg)rotateY(20deg)}body>div:nth-of-type(3){-webkit-transform:rotateX(-70deg)rotateY(60deg);transform:rotateX(-70deg)rotateY(60deg)}body>div:nth-of-type(4){-webkit-transform:rotateX(70deg)rotateY(60deg);transform:rotateX(70deg)rotateY(60deg)}body>div>div{width:200px;height:200px;position:relative;-webkit-transform-style:preserve-3d;-webkit-animation:trail_2sinfinitelinear;transform-style:preserve-3d;animation:trail_2sinfinitelinear}body>div>div:after{content:"";position:absolute;top:-5px;box-shadow:0012px#fff;left:50%;margin-left:-5px;width:5px;height:5px;border-radius:50%;background-color:#fff;-webkit-animation:particle_2s无限线性;animation:particle_2s无限线性}body>div:nth-of-type(2)>div,body>div:nth-of-type(2)>div:after{-webkit-animation-delay:-.5s;animation-delay:-.5s}body>div:nth-of-type(3)>div,body>div:nth-of-type(3)>div:after{-webkit-animation-delay:-1s;animation-delay:-1s}body>div:nth-of-type(4)>div,body>div:nth-of-type(4)>div:after{-webkit-animation-delay:-1.5s;animation-delay:-1.5s}@-webkit-keyframestrail_{from{-webkit-transform:rotateZ(0deg)}到{-webkit-transform:rotateZ(360deg)}}@keyframestrail_{从{transform:rotateZ(0deg)}到{transform:rotateZ(360deg)}}@-webkit-keyframesparticle_{from{-webkit-transform:rotateX(90deg)rotateY(0deg);transform:rotateX(90deg)rotateY(0deg)}to{-webkit-transform:rotateX(90deg)rotateY(-360deg);transform:rotateX(90deg)rotateY(-360deg)}}@keyframesparticle_{from{transform:rotateX(90deg)rotateY(0deg)}to{transform:rotateX(90deg)rotateY(-360deg)}}@keyframesnucleus_{0%{box-shadow:000transparent}50%{box-shadow:0025px#fff}100%{box-shadow:000透明}}@-webkit-keyframesnucleus_{0%{box-shadow:000透明}50%{box-shadow:0025px#fff}100%{box-shadow:000transparent}}{%endhighlight%}框飞满世界？哪个最好？1、初级阶段：首先要练好基本功。JavaScript基本功包括闭包、原型、继承、变量作用域等。2.初级到中级阶段：这时候可以学习使用jQuery，可以使用jQuery或者原生JavaScript来实现一些常用的插件，比如比如轮播，比如标签，比如模态框等等。如果还想深入，可以看看jQuery的源码。多找一些静态页面来做。高级阶段：学习使用一些框架，比如Angular、React、Vue、ember、backbone等，但是记住，框架只是为了帮你解决一些问题，给你的项目带来一些便利；我们要做的就是学习这些框架的思路。如果你有时间深入研究一两个框架的源码，你会发现不一样的东西。还有，框架是一群人填坑的结果，不要太依赖框架。个人推荐JS路线：JS（原生最重要）-Angular-ES2015-React-ES2016-Vue。前端真的够用吗？学习和研究一个领域一样，需要了解这个领域在解决什么问题，了解这个领域的发展和历史，有哪些伟大的任务和贡献者。领域内特定问题的通用解决方案。试着注意以下问题。如果你能想出自己的解决方案，前端性能优化，前端组件化，模块化前端测试，前端开发流程细化，前端问题，样式，加载，图片处理。最好的办法应该是尝试解决一个别人没有解决或做得不够好的问题，通过自己的探索和研究提出自己的解决方案。在这个过程中，你会学到很多东西，可能不仅仅是前端，这些内容可能包括UX、设计、服务器设计等等。也许我现在的状态也在这里。为了解决一个特定的问题，我需要深入研究这个特定的领域，以找到解决方案。项目技能开发调试git、svn版本管理开发工具前端工具：性能测试工具、调试工具、代理工具、css工具grunt、gulpBDD总结，还是那句话，再牛逼的技术和业务，他们彼此无关就没好处！
