小宝夜推 | 技术干货：用框架进行前端开发

Posted 2021-07-18 NJU南小宝

每周六的小宝夜推，小宝和你分享“技术干货”。如果你对「技术干货」栏目有任何建议或自己的想法，欢迎联系南小宝客服QQ2156079433。

第1期“技术干货”，开发小宝为大家带来了南小宝app开发的技术干货——前端框架。

什么是前端

目前，南小宝app的开发工作主要分为前端开发（用户端用户界面以及数据交互等），后端开发（服务器框架搭建，数据存储与处理等）和移动端开发（安卓/ios应用程序开发）三部分。其中，南小宝UI界面的设计与实现，页面的动态效果，用户点击投稿、发送消息时应用程序的功能逻辑实现等等工作，都是属于前端开发的范畴。

什么是前端框架

前端开发以前端三大件: html, CSS, javascript 作为基石，并衍生出了各种相关的技术与解决方案。这其中，前端框架便随着前端技术的发展而产生，并为复杂web以及移动端应用的开发提供了极大的便利。目前，主流的前端框架有Angular, Vue, React等等，其中，南小宝的前端开发就采用了Vue.js作为框架。而由于微信小程序等移动端Web应用的兴起，为其量身定制的WeUI等框架也在逐渐发展。下面，小宝就为大家简要介绍一下在前端开发当中使用前端框架的好处。

用框架开发前端

使用前端框架有什么好处呢？

页面组件化  Vue，React等框架均提供了组件系统。组件通过对HTML, CSS, JS的封装，成为了可复用、可拓展的页面基本元素，大大提高了前端的开发效率。有了组件系统，几乎任意应用界面都可以抽象为一课组件树，在前后端进行数据交互的过程中，开发小宝能够仅仅通过调用组件的方式，完成对页面的渲染与展示。

功能强大  使用前端框架，开发小宝可以轻松的地实现分支、循环式的页面结构，进行表达式运算，事件绑定等等复杂操作，在复杂页面逻辑实现当中无疑具有巨大作用。

渲染高效  不同于JQuery等传统前端库，前端框架提供了建立虚拟DOM树的解决方案，通过高效算法，能够将更改前后两颗虚拟DOM树的差异应用到真正的DOM树上，而不是直接修改DOM树，可以大大提高复杂页面的渲染效率。

作者 / 南小宝团队开发与维护中心

责编 / 蔡思捷

扫码下载南小宝APP