从d2来看前端的未来

简介:

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

工程化

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

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

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

前后端分离

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

NodeJs

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

后记

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


目录
相关文章
|
前端开发 IDE 开发工具
《D2前端工程下一站 IDE ——上坡&吭头》电子版地址
D2前端工程下一站 IDE ——上坡&吭头
99 0
《D2前端工程下一站 IDE ——上坡&吭头》电子版地址
|
前端开发 IDE 开发工具
《D2前端工程下一站 IDE》电子版地址
D2前端工程下一站 IDE ——上坡&吭头
54 0
《D2前端工程下一站 IDE》电子版地址
|
人工智能 前端开发 数据可视化
染陌足迹——13 届 D2 前端技术论坛
染陌足迹——13 届 D2 前端技术论坛
164 0
|
前端开发 IDE JavaScript
染陌足迹——14 届 D2 前端技术论坛
染陌足迹——14 届 D2 前端技术论坛
240 0
染陌足迹——14 届 D2 前端技术论坛
|
监控 前端开发 Cloud Native
第十六届 D2 前端技术论坛完成 6 大专场 21 个话题集结,快来划重点,你一定会有所收获!
一年一度的前端盛会D2前端技术论坛就要来啦,话题集结完成,快来报名学习吧!
1651 0
第十六届 D2 前端技术论坛完成 6 大专场 21 个话题集结,快来划重点,你一定会有所收获!
|
人工智能 前端开发 JavaScript
精益求精,体验创心|第十六届 D2 前端技术论坛「精心」而至
金秋十月,度过了年度最长假期国庆节,作为程序员的我们,最期待的,当然要数 1024 程序员的节日啦~
348 0
精益求精,体验创心|第十六届 D2 前端技术论坛「精心」而至
|
人工智能 移动开发 边缘计算
前端热爱,技术无界,第十五届 D2 前端技术论坛,我们云端相聚!
D2 前端技术论坛 (Designer & Developer Frontend Technology Forum, 简称 D2),是由阿里经济体前端委员会主办的面向全球前端领域的技术论坛,立志于建设一个促进业内交流、引领前端领域发展的平台。目前 D2 已经成功地举办了 14 届,为国内外前端领域的开发者和设计者提供了共同探讨行业发展的机会,以技术会友、一起分享技术的乐趣。
504 0
前端热爱,技术无界,第十五届 D2 前端技术论坛,我们云端相聚!
|
人工智能 前端开发 JavaScript
精益求精,体验创心|第十六届 D2 前端技术论坛「精心」而至
D2 前端技术论坛 (Designer & Developer Frontend Technology Forum, 简称 D2),是由阿里巴巴前端委员会主办的面向全球前端领域的技术论坛,立志于建设一个促进业内交流、引领前端领域发展的平台。目前 D2 已经成功地举办了 15 届,为国内外前端领域的开发者和设计者提供了共同探讨行业发展的机会,以技术会友、一起分享技术的乐趣。
精益求精,体验创心|第十六届 D2 前端技术论坛「精心」而至
|
存储 监控 f2etest
前端故障演练的探索与实践 | D2分享视频+文章
这些年来,随着前端技术的演进,特别是serverless、跨端、端计算等新技术的引入,前端架构的复杂程度成爆炸式增长。我们尝试通过前端故障演练来提升前端安全生产的水位。
前端故障演练的探索与实践 | D2分享视频+文章
|
机器学习/深度学习 编解码 人工智能
前端智能化实践— P2C 从需求文档生成代码 | D2 分享视频+文章
从需求文档生成代码? 看看狼叔和卓风怎么说。
前端智能化实践— P2C 从需求文档生成代码 | D2 分享视频+文章

热门文章

最新文章

  • 1
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    详解智能编码在前端研发的创新应用
  • 5
    巧用通义灵码,提升前端研发效率
  • 6
    智能编码在前端研发的创新应用
  • 7
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 8
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 9
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
  • 1
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    29
  • 2
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    51
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 4
    巧用通义灵码,提升前端研发效率
    93
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    141
  • 6
    详解智能编码在前端研发的创新应用
    96
  • 7
    智能编码在前端研发的创新应用
    83
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    121
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    75