原生js/js类库/js框架/前端框架的区别是什么?

内容纲要

原生JS、JS类库、JS框架、前端框架的区别

  1. 原生js就是javascript ,也是网站前端核心内容,主要操作流程是,先获得DOM或切换DOM,然后修改DOM对象的属性或调用DOM对象的方法,存在的主要问题是低版本IE兼容性问题及复杂的DOM操作

  2. 2.js类库–jquery zeptojs。js类库(librarys),解决了原生js中,获取DOM或更高DOM对象,操作DOM复杂的问题,把DOM操作变得简单,而且解决了浏览器的兼容性问题。但是本质上和原生js设计思想没有差别,还是获取DOM操作DOM,所以可以把js类库想象成为一个工具库。

  3. 3.js框架–angularjs reactjs。js框架开发方式完全不同于原生js和js类库,比如angularjs实现数据双向绑定,操纵数据DOM就会自动刷新,使得开发者主要精力集中到数据处理上,很少处理DOM操纵,效率很高很流行。

  4. 4.前端框架 bootstrap jquery mobile。一般前端框架由js库 css库 各种插件库组成,是写好的各种可重用的组件,主要用于网站快速开发

网站前端根本还是js,不管技术如何变化,还是js的不同应用。

框架通常都是作为一整套解决方案而存在,涉及到前端工程的方方面面,ui框架,比较局限,但同时也比较灵活,可以快速集成至任何框架中,要类比的话,angular就是一个框架,但react就不能说是框架,jquery也一样,相反,我们更愿意叫react/jquery为类库,vue也一样,所以,框架一般都是用来固化我们的研发模式的解决方案,而不是一种开发方案

前端框架(frameworks)、UI框架的区别:

做个不一定恰当的比喻, 前端框架像PowerPoint(ppt), 提供你做ppt用到的操作、功能等等, 你可以在他设定好的规范下自由完成作品。而UI框架则相当于你找到现成ppt模板, 样式、操作流程等等已经基本固定。你可以在模板基础上替换内容, 当然也可以根据需要来自己修改。如楼上说的, UI框架是基于前端框架做的框架(也有一部分是原生开发的UI框架, 如bootstrap), 简化我们开发的。UI框架是一种展示和交互模式, 可以适配到任意的前端框架, 比如一些流行的UI框架就适配了三大前端框架。

UI 框架是基于前端框架做的框架,也就是说 UI框架是前端框架的超集。

比如前端框架 React,UI 框架 Antd Design ,Antd Design 是为React 定制的一套 React 框架,同时 Antd 也是基于 React 写的一个框架。