前端是近几年火爆的工作,而且持续火爆。有句话叫潮起潮落,人越多,竞争越激烈,标准越高。对前端工程师的要求和以前不一样了。大前端,包括Android、iOS、web前端、小程序开发等。当然,所谓潮流,也不是一两天就来的。是未来的一个技术方向。我们之所以关注趋势,就是关注变化。是的,但是你可以先于别人看到方向。当真正的市场来临时,你可以提前准备,提前发现机会。首先从基础的角度,讲解一下2019年如何推进前端开发,提升自己,再进行更深入的讲解。1基础技术前端的三大基础无疑是HTML、CSS和JS。我称之为前端的骨肉灵魂。先说“骨头”——HTML。HTML,翻译过来就是超文本标记语言,不是江湖里的HOWTOML。方向不会错,我们做的东西老少皆宜。了解HTML学习中最重要的标签,div、h1-h6、p、ul-li、strong、图片、字体等,用什么内容用什么框。先说说“肉”——CSS。CSS定义了HTML标签的显示外观和气质。主要掌握浮动、宽高设置、显示属性等最终的“灵魂”——Javascript。这是一个运行在浏览器上的脚本,但是现在的javascript已经远远不是过去的js了,尤其是Ecmascript6标准出来之后,nodeJS诞生了,JS暴露出一统天下的野心。JS使网页变得灵活。每一次明示和间接的互动,其实都是在触动你的灵魂,这就是它成为灵魂的原因。而现在,CSS3和HTML5的发展,将网络推向了下一个时代,一个更加丰富多彩的时代。2环境基础、浏览器及工作原理必须指出的是,html、CSS、JS都是运行在浏览器上的,浏览器负责编译和渲染。因此,了解浏览器的工作原理势在必行。但是浏览器有成千上万种,并不是所有的都要剖析。主要浏览器有Chrome、Firefox、IE、Safari、Opera。国内主流浏览器基本都是基于chrome内核开发的,也做了一些比较接地气的浏览器。了解功能就够了,主要有QQ浏览器、UC、百度浏览器、360浏览器、搜狗浏览器、猎豹浏览器等。3电脑基本电脑网络,http协议。既然web必须要懂计算机网络的知识,这对网页的加载和速度优化有很大的帮助,而我们做的不是静态页面,而是动态的,所以肯定涉及到与后台数据的传输和存储,这个是要掌握的。必懂:Ajax,必知工具:fiddler4热门框架热门前端UI框架:Bootstrap,jQueryUI,AmazeUI热门前端框架:Node.Jsjquerymobileangular.JsVue.jsReact.js5可视化组件Echartstableau(付费)6newapplications7为移动和物联网的发展锦上添花——UI、UX、交互设计、SEO(包括SEM)、产品,更重要的是同理心。只有好的设计和交互才能带来好的体验,才能赢得用户。SEO是在推广层面。好的SEO可以让我们以最低的成本利用搜索引擎获得更多的曝光机会。最后是产品。从产品的角度,整合(前端和后端)技术和业务,让产品产生价值,实现价值。大前端作为一个新兴的技术领域,在不同的语义环境下有着不同的解释和含义。我们从几个角度来一一分析大前端。Node.js是前后端分离的。在大多数前端开发者的口中,大前端有时和Node.js一起谈,有时又和前后端分离一起谈。其实大前端的概念也是广大前端开发者提出来的。的。在过去的几年里,前端技术经历了爆发式的发展,而其中最重要的推手之一就是Node.js。Node.js为前端与系统建立了沟通的桥梁。从此,前端技术不仅可以在服务端大放异彩,更可以在本地的前端开发工具和工作流程上大显身手。前端解放,JavaScript称霸世界。争论一度十分激烈。然而,当人们冷静下来后,却发现Node.js在服务端并没有太多优势。再加上Node.js本身在技术发展上有些波折,导致其在服务端的应用并不理想。但尽管如此,广大的前端开发者还是取得了一些阶段性的胜利,结果就是前后端分离。传统web开发时代,前端页面模板由后端生成,导致页面需要频繁修改时效率极低。前后端分离是指后端只提供接口,前端对页面有完全的控制权。同时,前后端被中间层隔开,在中间层进行数据的抽取、聚合、分发等操作。这个中间层通常也负责前端开发工程师。从这个意义上说,大前端最初的定义可以称为前端技术的扩展,包括Node.js,同时对网页有更强的控制,开发的页面也会承载更多的功能。这里重点说一下:基于Node.js的前后端分离是大前端的一项重要技术。从Facebook的ReactiveNative到Google的Flutter,足以看出至少对于这些科技巨头来说,他们已经确定了这个方向并正在投入,但是目前的技术还不够成熟,所以这类前端跨界,平台开发框架不够流行,但你要相信这些巨头的判断力和实力。说到国内各个平台的小程序,微信小程序,支付宝小程序等等,其实都是真正意义上的大前端,所以以后前端开发者的要求会越来越全面,不要信不信,等你看看以后的发展就知道了。未来很有可能一个前端开发一定是全栈前端。所以,对于每一个大的前端开发来说,最好了解一些前端开发知识,基本的web前端开发基础非常重要。我经常遇到一些工作多年的前端工程师,当他们看到一些我认为很基础的用法时,他们会惊呼:“怎么还是这样”。因为很多同学学习前端的方式是“土法前端”,对知识的理解基本停留在点子上,始终没有形成对前端知识体系和底层原理的真正理解。再加上前端标准的快速更新,前端工程师的学习压力也越来越大。以JavaScript标准为例。ES6引入的新特性超过了过去十年的总和,新特性带来了更多的实践。仅仅引入一个Proxy特性就支持了VueJS从2.0到3.0的核心原理全面升级。很多前端程序员都有这样的感受:学习速度跟不上技术发展的速度,手忙脚乱,力不从心。这种现象在一些小公司的前端工程师身上尤为明显。一些有技术追求的工程师,具有很好的技术敏感性和主观能动性。工作五六年后,他们逐渐走上技术管理岗位。但是由于他们公司的业务并不复杂,缺乏框架知识的积累,所以他们个人的技术还处于比较初级的阶段。做了管理,技术没跟上,错过了最好的学习时机。情况可想而知。工作压力大,技术变化快,让很多前端开发者大喊“学不会了”。其实不是你学不会了,而是你的知识体系底层构建出了问题。目前在国内,美团点评、饿了么、网易航燕等很多一线互联网公司都有大前端的团队,或者在对外时使用大前端这个称呼。但是因为之前没有对大前端有明确的定义,所以这些团队的人员构成并不相同,都是各个公司根据自己对大前端的理解和支持需求而成立的公司的业务。具体情况如下(可能有偏差):美团点评大前端团队:包括FE、iOS、Android开发,以及部分工程工作。饿了么前端团队:以FE为主,包括Node.js、Weex。网易航大前端团队:包括Web前端、PC客户端和移动端。从这些一线互联网公司的团队建设方式演变中,我们不难发现,大前端已经是未来发展的趋势。大前端技术开发者如何晋升?作为大前端时代的前端技术开发者,我们应该做哪些准备才能及时跟上技术发展的浪潮?综上所述,我们不难得出以下结论:基于Node.js的前端分离设计模式是大前端架构演进的必由之路。基于ReactNative的新一代移动App开发技术凭借其优势早已超越了原有的趋势。组建前端团队已经成为现代互联网公司技术团队的标配。如果你是一名工作一年左右的前端开发者,需要提升自己,给你几点建议:1、深入理解前后端分离的理论与实践:【]传统web研发模式[]什么是前后端分离[]前后端分离的几种形式[]前后端分离的部署架构[]前后端分离-端分离开发模型[]分离架构数据接口规范[]基于Node.js前后端分离二、Node.js技术进阶与实战[]从0到1理解Node.jsHTTP模块精髓[]如何一步步从HTTP模块发展到Koa框架[]中间件KoaWeb框架体系[]适用于Node.js的常见开发场景及其作用[]使用Node.js开发APL接口[]SSR服务端渲染技术[]如何选择适合业务的开发模式[]使用Node.js进行性能分析[]Node.js常用开发部署架构[]使用Node.js实现产品监控3.深入掌握ReactNative技术[]ReactNative基本架构与原理[]热更新的概念与实践[]如何融入当前有原生的应用[]编码标准标准化(项目结构、ESLint、Flow/TypeScript)[]Redux架构的原理和应用[]常见的思维陷阱和技巧跨平台开发[]React/ReactNative新特性与展望如果你是一个想从0开始学习前端的新手,可以按照下面的学习路线学习web前端开发,最后祝各位程序员才能走上人生巅峰,让代码将梦想照进现实
