从d2来看前端的未来

前两天跟组内的小伙伴们参加了d2前端分享会议,主题大概就是工程化、前后端分离以及nodejs的应用环境,工程化的前端时代已经来临,各家公司的手段都差不多,都是为了提高开发效率,使多人协同开发更好维护以及与后端开发人员更好的沟通.

工程化

说到工程化,就不得不说说以前那种堆代码的时代了,来了一个需求就在文件中添加方法以及各种业务需求,js语言的灵活性都被玩坏了,那时候前端开发不是很重,大部分的重活都放在了后端,所以这时候还体现不了前端的价值,挺多是漂亮的效果让人惊叹吧.

随着ajax的流行,异步交互的特性极大的提高了用户体验,这时候慢慢的前端的活就多了不少,开始使用接口来渲染视图了,有了视图就有了各种模板引擎,陏着各种模板引擎的使用,大家慢慢的感觉到数据同步太累了,jquery操作dom太累了,代码中被填充着各种事件的定义,也许当你放个长假回来,再想在里面加个功能的时候你会失忆半天,这时候模块化的开发理念出现了,把每个功能拆分成单个模块文件,这样有利于多人开发,而且业务清析,当业务发生变化时,我们能够的准确的定位到代码.

随着代码量的增多,构建工具应运而生,区别对待开发与上线尤为重要,以gruntgulp为基础,利用nodejs开发构建工具特别方便.

前后端分离

前后端分离这个概念近两年已经被炒的很热了,为什么会出现这个名词呢,因为前端需求变化太快了,而后端接口通常都是以单一功能对外开放的,所以变化相对较少,只需在业务层对多个单一接口封装成业务接口就可以提供给前端使用,一快一慢,这是很容易产生效率问题的,就像内存与硬盘之间有个缓存的概念,读内存是很快的,硬盘太慢,所以加了个中间层来缓存数据,其实用nodejs来实现业务接口就相当于这个作用,前端开发对业务非常熟悉,后端对数据比较熟悉,所以完全可以让前端来做这部分工作,提高业务的响应能力.当然一般的小型公司在nodejs方面积累不是很多,所以想采用这种方案的时候要慎重,因为这里需要涉及到缓存,会话,安全等问题,当然我们大阿里在这方面还是很成熟的.

NodeJs

说到nodejs,可以说是前端的一大利器,当今这个时代,没安装它的估计就不算个靠谱的前端了,它在我看来就是一个工程化的环境,所有脏活,累活它都可以干,npm的管理方式让它的社区力量异常强大,所以想要让前端工作更舒服的话,赶紧把nodejs拿下吧.

后记

前端是一个充满未来的职业,当大数据来临时,一切可展示的东西都需要前端来完成,所以面临的问题也会很多,但是这正是需要我们努力的地方,大阿里的前端更是一个充满活力的地方,这里有一群热爱技术的小伙伴,有兴趣的赶紧发简历到wenmin.xwm@alibaba-inc.com,期待您的加入.

时间: 2024-11-02 00:52:11

从d2来看前端的未来的相关文章

观点 | 2017年前端初学者的生存指南

逝者如斯夫,不舍昼夜. 历史在向前发展,前端的"摩尔定律"是每隔18个月难度会上升一次,过去的2016年我们不再回顾,展望2017年,对于初学者想要生存下来,该怎么办?如果你有这个疑问,那么你就得好好阅读一下,我这篇文章了. 数据不准,2017年2月19日搜索,来自拉勾网(吐槽:万年不匹配)和智联招聘. PS:(请原谅我截图了一Angularjs的JD) 看起来行业需求的重点都在各种框架的使用上,其实不然.做为初学者,一定要对前端行业有足够的信心与耐心,你才可能走下去.前端是一个承上启

双11的极限挑战——5个极致目标教你玩转前端栈

双11中的前端领域(栈) 上方是生产体系,从左到右是研发链.在开发者这一层,工程师主要在Weex.前端安全.性能.框架等领域做基础的准备工作,在实际的开发阶段,会把工程提交到Gitlab上.构建系统拿到提交上来的代码再索引到页面系统中.数据系统和页面系统产生页面的模板部分.数据部分分别存储到OSS中的Page和Data中.下方是用户请求的链路,当请求发起时会直接抵达CDN,CDN判断如果页面存在就直接返回给终端,如果不存在则向渲染集群发送回源请求, 向OSS拉资源并将其渲染出来,再通过Page

前端优化的技术点浅析

前言介绍 最近关注前端页面的性能优化,参照一些文章做了整理,在前端方面属于门外汉,大多数都是在相应的文章中摘取的笔记. 总体来看前端部分的优化点 ###归纳 使用缓存和CDN 减少页面的HTTP请求 减少下载的内容 减少渲染过程中的阻塞 减少渲染过程中的瓶颈 PageSpeed规则 避免目标页面重定向,访问页面的过程中进行了多次重定向 启用压缩功能,第三方webserver会将文件进行压缩,之后传输 改善服务器的响应时间,pagespeed在服务端的RT超过200ms会认为比较差 静态文件采用浏

浅谈ASP.NET MVC在前端开发中的局限性

ASP.NET MVC 如果你还没有接触过后端的MVC框架的话,不妨先看看下面这段ASP.NET MVC代码并且了解一下后端MVC的工 作原理.它摘自ASP.NET MVC教程中非常著名的项目MVC Music Store一段Controller组件代码: public class StoreManagerController : Controller { private MusicStoreEntities db = new MusicStoreEntities(); // GET: /Sto

前端测试进化论2

说完了,前端技术的发展史,那么对应的前端测试发展史也随之发展. 石器时代--纯手工测试 早期的页面基本都是静态化的页面,只有几个链接或者图片,那么相对测试工作量不大,只需要我们打开页面查看加载是否正确. 铁器时代–xunit 到了javascript时代,随着其他语言xunit 风靡天下,js 也出现了它的xunit 框架. Jsunit,以往在测试js的时候,都是以alert方式来检测错误,很不专业. 2001年 jsunit 出现,让js调试称为可能. Jsunit 主要参考junit的设计

Twitter欲"卖身"? 它的“未来老板”会是谁?

近年来,Youtube.LinkedIn等各大社交网站公司先后"更名改姓",被科技业巨头一一收购.截至目前,仍保持独立发展的大型社交网站仅剩下Facebook和Twitter两家了.然而好景不长,伴随着不尽如人意的收益率,Twitter今年来频频曝出将被收购的传闻.如此一来,Facebook难道将成为其中惟一能够独善其身的社交网络公司吗? Twitter欲"卖身"? 近日,多家国外媒体援引知情人士的消息称,Twitter董事会周四将召开一次会议,讨论公司所面临的一系

机器人产业展望:未来10年迎来机器换人高峰期

摘要: 21世纪宏观研究院分析师 耿雁冰 在资本市场的热捧和各地政府扶持政策的推动下,国内机器人行业不断升温,各地区.企业争相上马机器人项目.此前,21世纪宏观研究院以<国产化元 21世纪宏观研究院分析师 耿雁冰 在资本市场的热捧和各地政府扶持政策的推动下,国内机器人行业不断升温,各地区.企业争相上马机器人项目.此前,21世纪宏观研究院以<国产化元年:机器人产业大时代>一文(详见本报2014年9月16日8版),对机器人产业给予了高度关注. 2014年之前沪深两市和机器人业务沾边的上市公司

好未来高管解读2015财年第二财季财报

摘要: 查看最新行情 北京时间2014年10月21日晚间消息, 好未来 (NYSE: XRS )今日公布了截至8月31日的 2015财年第二季度未经审计财报 .财报显示,好未来第二财季营收1.224亿美元, 同比增长33.1%.   查看最新行情 北京时间2014年10月21日晚间消息, 好未来 (NYSE: XRS )今日公布了截至8月31日的 2015财年第二季度未经审计财报 .财报显示,好未来第二财季营收1.224亿美元,同比增长33.1%.归属好未来的净利润2910万美元,同比增长24.

对学好未来的第三财季业绩作出了预期

美国投资资讯及分析网站Seeking Alpha周一刊载署名为亚历克斯・伯德(Alex Bird)的分析报告,对学 好未来 (NYSE: XRS )的第三财季业绩作出了预期. 以下是报告内容摘要: 好未来将于美国东部时间1月22日美国股市开盘前发布截至11月30日的第三财季财报. 2013年中,好未来股价上涨了约125%:2014年伊始,这只股票也表现良好,截至1月10日其股价涨幅已超过8%.周一交易中,好未来股价上涨0.10美元,报收于23.01美元,涨幅为0.44%.过去52周,好未来最高价