前端开发者使用JS框架的三个等级

2016-02-20 01:07 12 1 收藏

下面图老师小编要向大家介绍下前端开发者使用JS框架的三个等级,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

目前前端开发者使用JS框架是种很普遍的现象,因为框架可以加快开发速度,同时避免各类浏览器的兼容性问题。不过同样是用框架开发,不同开发者的境界水平还是有一定差距,本文将这些前端开发者分为三个等级。

第一种境界:了解各类框架、并熟悉甚至精通某种框架的使用,但并未看过框架代码、或者并不理解框架核心细节的实现,甚至不清楚框架的设计原理、基本思想、适用场景。这类人的编程思路始终限制在特定框架的范围内,尽管能使用框架写出满足需求的代码。

这种人停留在会用框架的阶段,他们很在乎各种框架的比较,且一定要对框架分出三六九等。这些人写代码的思路始终没有离开功能实现。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

第二种境界:精通各类框架,熟读各类框架源码,非常了解各类框架的核心功能的细节实现,熟识各类框架的优缺点和适用场景,权衡利弊后理性选择相对适用业务逻辑的框架,并能根据业务的需要有针对性的修改框架核心代码使之更加满足可维护性和性能上的需求,但依然要基于某种框架进行业务开发,框架的范围依然停留在组织代码、第一层的抽象和组件的模块化的范围内。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这种人停留在精通框架的阶段。他们的特点是有能力去对框架做有针对性的二次封装,甚至有些人有能力重写框架核心代码,但依然要基于某种框架做扩展和hack。这些人写代码的思路始终在代码管理和框架级别的抽象。

第三种境界:异常精通各类框架,同时精通业务逻辑,娴熟的对业务逻辑进行抽象,具备传统软件工程师的基本素质,有能力设计业务框架,并根据业务逻辑的需要重写合适的底层框架。这类人的编程思路已经完全脱离框架的限制,达到一种真正自由超然的境界。

这种人已经达到技术方和需求方一致认可的专家级别,技术功底扎实、同时精通业务。他们写代码的思路已经完全脱离框架,并始终围绕业务逻辑,主要工作即为业务逻辑层面的抽象和接口设计。

那么,你在哪个境界?

来源:http://www.tulaoshi.com/n/20160220/1633312.html

延伸阅读
标签: Web开发
今天 @同学提到一个新的国产的js框架como js,我就去看了一下,觉得还不错。另外我们一直在学习和使用老外写的东西,也应该放眼国内,发现并推广一些国人开发的比较优秀的项目。 是一个比较轻的js框架,但是功能还是比较强大的,实用性比较强。它有以下特性: 对原生对象如String扩展常用函数 简约而快速的CSS选择器 支持类的声明与继承 强...
标签: Web开发
基于XML的异步JavaScript,简称AJAX,是当前Web创新(称为Web2.0)中的一个王冠。感谢组成AJAX的各种技术,Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动...
网页开发者的20款FIREFOX插件   本文集合了20款为开发者而生的优质插件,在这些插件的帮助下,网页开发者可以创造出令人惊艳、极富创意的网站页面。接下来,让我们一起看看这些插件吧。 1. Firebug 作为开发领域最著名的插件,Firebug可以让你在浏览器重实时运行HTML、CSS等代码。Firebug内置有强大的Javascript调试工具...
标签: Web开发
基于XML的异步JavaScript,简称AJAX,是当前Web创新(称为Web2.0)中的一个王冠。感谢组成AJAX的各种技术,Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地...
标签: Web开发
1.禁用右键菜单 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.让字体闪烁 代码如下: jQuery.fn.flash = function( color, duration ) { var current = this.css( 'color' ); this.animate( { color: 'rgb(' + color + ')' }, duration / 2 ); this....

经验教程

633

收藏

43
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部