㈠ Javascript前端框架和类库不一样吗
一个注重整体，一个注重细节，框架帮助你解决“代码如何组织”颤枝的问携洞腔辩衫题，类库帮助你解决“如何把代码写得更少/巧/强壮”的问题；它们解决的是不同层面的问题。对于小型应用来说，因为业务逻辑简单，代码总量不会太大，组织不会是太大得问题，所以用类库就够了；而面对中/大型项目，特别是需要多人共同参与的项目，选择一个合适的框架有助于写出规范的，易于理解的，易于回复的，低耦合的……等等的代码，在此基础上再使用各种类库来增加具体代码的健壮性与功能性则更好。
㈡ 认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别
认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别
首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(检视)+controller(控制器)，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联络，Controller是View和Model的协调者，View和Model不直接联络，基本联络都是单向的。使用者User通过控制器Controller来操作模板Model从而达到检视View的变化。2.MVP：是从MVC模式演变而来的，都是通过Controller/Presenter负责逻辑的处理+Model提供资料+View负责显示。在MVP中，Presenter完全把View和Model进行了分离，主要的程式逻辑在Presenter里实现。并且，Presenter和View是没有直接关联的，是通过定义好的接口进行互动，从而使得在变更View的时候可以保持Presenter不变。MVP模式的框架：Riot,js。3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示。这种自动同步是因为ViewModel中的属性实现了Observer，当属性变更时都能触发对应的操作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js后两种知名度较低以及是早起的框架模式。Vue.js是什么？看到了上面的框架模式介绍，我们可以知道它是属于MVVM模式的框架。那它有哪些特性呢？其实Vue.js不是一个框架，因为它只聚焦检视层，是一个构建资料驱动的Web接口的库。Vue.js通过简单的API（应用程式程式设计接口）提供高效的资料系结和灵活的元件系统。Vue.js的特性如下：1.轻量级的框架2.双向资料系结3.指令4.外挂化Vue.js与其他框架的区别？1.与AngularJS的区别相同点：都支援指令：内建指令和自定义指令。都支援过滤器：内建过滤器和自定义过滤器。都支援双向资料系结。都不支援低端浏览器。不同点：1.AngularJS的学习成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比较简单、直观。2.在效能上，AngularJS依赖对资料做脏检查，所以Watcher越多越慢。Vue.js使用基于依赖追踪的观察并且使用异步伫列更新。所有的资料都是独立触发的。对于庞大的应用来说，这个优化差异还是比较明显的。2.与React的区别相同点：React采用特殊的JSX语法，Vue.js在元件开发中也推崇编写.vue特殊档案格式，对档案内容都有一些约定，两者都需要编译后使用。中心思想相同：一切都是元件，元件例项之间可以巢状。都提供合理的钩子函式，可以让开发者定制化地去处理需求。都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。在元件开发中都支援mixins的特性。不同点：React依赖VirtualDOM,而Vue.js使用的是DOM模板。React采用的VirtualDOM会对渲染出来的结果做脏检查。Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。如何使用Vue.js?1.安装（1）script如果专案直接通过script载入CDN档案，程式码示例如下：(2)npm如果专案给予npm管理依赖，则可以使用npm来安装Vue,执行如下命令：$npmivue--save-dev(3)bower如果专案基于bower管理依赖，则可以使用bower来安装Vue，执行如下命令：$bowerivue--save-dev
Vue.js与其他框架的区别：
1.与AngularJS的区别
相同点：
都支援指令：内建指令和自定义指令。
都支援过滤器：内建过滤器和自定义过滤器。
都支援双向资料系结。
都不支援低端浏览器。
不同点：
1.AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。
2.在效能上，AngularJS依赖对资料做脏检查，所以Watcher越多越慢。
Vue.js使用基于依赖追踪的观察并且使用异步伫列更新。所有的资料都是独立触发的。
对于庞大的应用来说，这个优化差异还是比较明显的。
2.与React的区别
相同点：
React采用特殊的JSX语法，Vue.js在元件开发中也推崇编写.vue特殊档案格式，对档案内容都有一些约定，两者都需要编译后使用。
中心思想相同：一切都是元件，元件例项之间可以巢状。
都提供合理的钩子函式，可以让开发者定制化地去处理需求。
都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。
在元件开发中都支援mixins的特性。
不同点：
React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。
我知道vue2.0和angularJS的区别，这两个框架非常的像，但是在vue2.0后可以将js+css写成一个元件，你想在什么页面用引入这个元件就可以用了。这很变态。
比如你在一个专案中自己写了个带搜寻框的input ，你把他写成了一个元件，xxx.vue
直接把xxx.vue移到另一个专案，只要在另一个专案中需要 带搜寻框的input ，直接引用就可以了。
现在大多数框架都是以一个元件的形式搭建一个专案
vue是什么 vue特点 vue和其他前端框架区别
vue是什么
Vue.js (读音 /vju?/，类似于 view) 是一套基于javascript的用于构建使用者接口的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注检视层，它不仅易于上手，还便于与第三方库或既有专案整合。另一方面，当与单档案元件和 Vue 生态系统支援的库结合使用时，Vue 也完全能够为复杂的单页应用程式提供驱动。
vue特点
简洁、轻量、元件化、快速、资料驱动、模组友好
vue和其他前端框架区别
1.与AngularJS的区别
相同点：
都支援指令：内建指令和自定义指令。
都支援过滤器：内建过滤器和自定义过滤器。
都支援双向资料系结。
都不支援低端浏览器。
不同点：
1>AngularJS的学习成本高，比如增加了Dependency Injection(依赖注入)特性，而Vue.js本身提供的API都比较简单、直观。
2>在效能上，AngularJS依赖对资料做脏检查，所以Watcher越多越慢。
Vue.js使用基于依赖追踪的观察并且使用异步伫列更新。所有的资料都是独立触发的。
对于庞大的应用来说，这个优化差异还是比较明显的。
手机渲染速度：angular1 300ms * vue 200ms * react 100ms
2.与React的区别
相同点：
React采用特殊的JSX语法，Vue.js在元件开发中也推崇编写.vue特殊档案格式，对档案内容都有一些约定，两者都需要编译后使用。
中心思想相同：一切都是元件，元件例项之间可以巢状。
都提供合理的钩子函式，可以让开发者定制化地去处理需求。
都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。
在元件开发中都支援mixins的特性。
不同点：
React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。
vue的应用场景
简单地说，就是需要对 DOM 进行很多自定义操作的专案小专案;理论上 Vue 配合类似Flux的架构也可以胜任超大规模多人协作的复杂专案。
如何用vue.js和ionic搭建前端框架
前端可以用flightplan.js 部署。 var config = require("./webpack.config.js"); var webpack = require("webpack") var webpackDevServer=require("webpack-dev-server") confi
vue.js高仿饿了么外卖app 2016最火前端框架
React
React 和 Vue 有许多相似之处，它们都有：
使用 Virtual DOM
提供了响应式（Reactive）和元件化（Composable）的检视元件。
保持注意力集中在核心库，伴随于此，有配套的路由和负责处理全域性状态管理的库。
相似的作用域，我们会用更多的时间来讲这一块的比较。不仅我们要保持技术的准确性，同时兼顾平衡。我们指出React比Vue更好的地方，例如，他们的生态系统和丰富的自定义渲染器。
React社群在这里非常积极地帮助我们实现这一平衡，特别感谢来自 React 团队的 Dan Abramov 。他非常慷慨的花费时间来贡献专业知识，来帮我们完善这个档案，直到我们都满意。
这么说，就是希望你能对这两个库的比较的公平性感到放心。
效能简介
到目前为止，在现实的测试中，Vue 是优于 React 的（通常至少快20%-50%，尽管在某些情况下还要更快）。我们可以提供一个到这个参照专案的连结，但是坦率的说，所有的参照在某些方面是有缺陷的，很少有像你所写的一个真实应用。那么，让我们详细了解下吧。
渲染效能
在渲染使用者接口的时候，DOM的操作是最昂贵，不幸的是没有库可以让这些原始操作变得更快。
我们能做的最好的就是：
尽量减少DOM操作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好。
尽量减少除DOM操作以外的其他操作。这是 Vue 和 React的一个不同的地方。
假如说，在React中，渲染一个元素的额外开销是1，而平均渲染一个元件的开销是2。在Vue中，一个元素的开销更像0/vue/dist/vue.js"></script> 然后就可编写Vue程式码并应用到生产中，而不用担心效能问题。
由于起步阶段不需学JSX，ES2015 或构建系统，所以建立应用花的时间会更少。
本地渲染
ReactNative能使你用相同的元件模型编写有本地渲染能力的APP（IOS或Android）。能同时跨多平台开发，对开发者是非常棒的。相应地，Vue和Weex会进行官方合作，Weex是阿里的跨平台使用者接口开发框架，Weex 的 JavaScript 框架执行时用的就是Vue。这以为着不仅在浏览器，在 IOS 和 Android 上面也可以用 Vue 来进行开发。
在现在，Weex 还在积极发展，成熟度也不能和 ReactNative 相抗衡。但是，Weex的发展是由世界上最大的电子商务企业的需求在驱动，Vue 团队也会和 Weex 团队积极合作确保为开发者带来良好的开发体验。
MobX
Mobx 在 React 社群很流行，实际上在Vue也采用了几乎相同的反应系统。在有限程度上，React + Mobx 也可以被认为是更繁琐的 Vue，所以如果你习惯组合使用它们，那么选择 Vue 会更合理。
Angular 1
Due的一些语法和Angular的很相似（例如 v-if vs ng-if）。因为Angular是Vue早期开发的灵感来源。然而，Augular中存在许多问题，在Vue中已经得到解决。
复杂性
在 API 与设计两方面上 Vue.js 都比 Angular 1 简单得多，因此你可以快速地掌握它的全部特性并投入开发。
灵活性和模组化
Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程式，而不是在任何时候都必须遵循 Angular 1 制定的规则，这使让Vue能适用于各种专案。我们知道把决定权交给你，是非常必要的，就是是为什么提供Webpack template，让你用几分钟，去选择是否用高阶特性，比如热模组载入、linting 、
Css extraction 等等。
资料系结
Angular 1 使用双向系结，Vue在不同元件间强制适用单向资料流。这使应用中的资料流清晰易懂。
指令与元件
在 Vue 中指令和元件分得更清晰。指令只封装 DOM 操作，而元件代表一个自给自足的独立单元 —— 有自己的检视和资料逻辑。在 Angular 中两者有不少相混的地方。
效能
Vue.js 有更好的效能，并且非常非常容易优化，因为它不使用脏检查。
在Angular 1中，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，脏检查回圈（digest cycle）可能要执行多次。 Angular 使用者常常要使用深奥的技术，以解决脏检查回圈的问题。有时没有简单的办法来优化有大量 watcher 的作用域。
Vue.js 则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步列队更新，所有的资料变化都是独立地触发，除非它们之间有明确的依赖关系。
有意思的是，Angular 2 和 Vue 用相似的设计解决了一些 Angular 1 中存在的问题。
Angular 2
Augluar 2完全是一个全新的框架。例如,它具有优秀的元件系统，并且许多实现已经完全重写，API也完全改变了。
TypeScript
Angular 1面向的较小的应用程式，Angular 2已转移焦点，面向的是大型企业应用。TypeScript被引用，这对那些喜欢用Java或者C#等型别安全的语言的人是非常有用的。
Vue也适合企业应用，也可以使用TypeScript来支援官方型别和使用者贡献的型别，尽管这是可选的。
尺寸和效能
在效能方面，这两个框架都是非常快。但是如果你检视第三方参照，就可以得出 Vue 2 比 Angular2 要快的。
在尺寸方面，虽然 Angular 2 使用 tree-shaking 技术和编译技术能使程式码尺寸减小。
即便包含编译器和全部功能 Vue2(23kb)比起 Angular 2(50kb)还是小的多。但是要注意，用 Angular 的 App 的尺寸缩减是用 tree-shaking 移除了那些框架中没有用到的功能，当随着引入功能的增多，尺寸会越来越大。
灵活性
Vue 官方提供了构建工具，但没限制你如何构建。有人喜欢用统一的方式构建，也有很多开发者喜欢这种灵活自由的方式。
学习曲线
开始使用Vue，你使用的是熟悉的HTML、符合ES5规则的JavaScript（也就是纯JavaScript）。有了这些基本的技能，你可以快速地掌握它(指南)并投入开发 。
Angular 2 的学习曲线是非常陡峭的。即使不包括TypeScript，它们开始指南中所用的就有ES2015标准的JavaScript，18个NPM依赖包，4个档案和超过3千多字介绍，这一切都是为了完成个Hello World。而Vue's Hello World就非常简单。
Ember
Ember 是一个全能框架。它提供大量的约定，一旦你熟悉了它们，开发会很高效。不过，这也意味着学习曲线较高，而且不灵活。在框架和库（加上一系列松散耦合的工具）之间权衡选择。后者更自由，但是也要求你做更多的架构决定。
也就是说，最好比较 Vue.js 核心和 Ember 的模板与资料模型层：
Vue 在普通 JavaScript 物件上建立响应，提供自动化的计算属性。在 Ember 中需要将所有东西放在 Ember 物件内，并且手工为计算属性宣告依赖。
Vue 的模板语法可以用全功能的 JavaScript 表示式，而 Handlebars 的语法和帮助函式语法相比之下非常受限。
在效能上，Vue 甩开 Ember 几条街，即使是 Ember2.0 的最新Glimmer引擎。Vue自动批量更新，Ember 当效能关键处需要手动管理。
Knockout
Knockout 是MVVM领域内的先驱，并且追踪依赖。它的响应系统和Vue相似。它对浏览器支援以及所有的表现也是让人印象深刻的。它能最低支援到IE6，而Vue最低只能支援到IE9。
随着时间的推移，Knockout的发展已有所放缓，并且略显有点老旧了。比如，它的元件系统缺少完备的生命周期事件方法，尽管这些在现在是非常常见。以及相比Vue呼叫子元件的接口显得有点笨重。
如果你有兴趣研究，会发现它们在接口设计的构思理念上是不同的。这些通过各自建立的 simple Todo List 可以体现出来。或许有点主观，但是很多人认为Vue的API接口更简单结构更优雅。
Polymer
Polymer 是另一个由谷歌赞助的专案，事实上也是Vue的一个灵感来源。Vue的元件可以粗略的类比于Polymer的自定义元素，并且两者具有相似的开发风格。最大的不同之处在于，Polymer是构建于最新版的Web Components标准之上的，并且需要非凡的polyfills来工作（效能下降），浏览器本身不支援这些功能。相比而言，Vue不需要依赖polyfills来工作，最低到IE9。
在 Polymer 1.0版本中，为了弥补效能，团队非常有限的使用资料系结系统。例如，在Ploymer中支援的唯一表达式只有布林值否定和单一的方法的呼叫，它的puted方法的实现也不是很灵活。
Polymer 自定义的元素是用HTML档案来建立的，这回限制你的普通的JavaScript/CSS（和被现代浏览器普遍支援的语言特性）。相比之下，Vue的单档案允许你非常容易的使用ES2015和你想用的Css的预编译处理器。
当部署到生产环境的时候，Polymer建议使用HTML Imports载入所有资源。而这要求服务器和客户端都支援Http 2.0协议，且浏览器实现了标准。这是否可行就取决于你的目标使用者和部署环境了。如果状况不佳，你必须用Vulcanizer工具来来打包Polymer元素。在这方面，Vue 可以结合异步元件的特性和Webpack的程式码分割特性来实现懒载入（lazy-loaded）。这同时确保了对旧浏览器的相容且又能更快载入。
对Vue和Web Component标准之间进行深层次的整合，也是完全可行的，比如Custom Elements、Shadow DOM的样式封装。然而现在在我们做出严肃的承诺之前，我们仍在等待标准成熟，进而广泛应用于主流的浏览器中。
Riot
Riot 2.0 提供了一个类似于基于元件的开发模型（在Riot中称之为”Tag”），提供小巧精美的API。Riot 和 Vue 可能共享一些设计理念。即使相比Roit重一点，Vue还是有很多显着优势的：
根据真实条件来渲染，Roit根据是否有分支简单显示或隐藏所有内容。
功能更加强大的路由机制，Roit的路由功能的API是极少的。
更多成熟工具的支援。Vue 提供官方支援Webpack、Browserify和SystemJS，而 Roit 是依靠社群来建立整合系统。
过渡效果系统。Riot现在没有提供。
更好的效能。Roit 尽管广告称用虚拟DOM，实际上用的还是脏检查机制，因此和Angular 1患有相同的效能问题。
以上所述是我给大家介绍的Vue.js 2.0 和 React、Augular等其他前端框架大比拼，希望对大家有所帮助，如果大家有任何疑问请给我留言，我会及时回复大家的。在此也非常感谢大家对指令码之家网站的支援！
react.js vue.js 这些前端框架都必须在node.js上才能跑吗
这些js写的吧，你tomcat怎么解析js，而且tomcat也是呼叫第三方的直译器来解析程式码，你看node.js能不能整合到tomcat，有没有类似的外挂。
并不是，你本地随便建个档案就能跑。
㈢ web前端三大主流框架
随着互联网的发展，web前端框架越来越重要。目前，web前端三大主流框架分别为React、Vue和Angular。React由Facebook开发，采用JSX的语扒档法，使得开发者可以在JavaScript中编写HTML。Vue由Evan You于2014年创建，其核心库只关注视图层，非常容易上手。Angular是由Google开发的，是一个完整的框架，包含很多功能，如依赖注入、指令、服务等。
React是一个非常烂派流行的框架，已经成为许多大型公司使用的首选框架。它具有高性能和灵活性，可以构建单页面应用程序和复杂的用户界面。React还有一个庞大的生态系统，包括许多支持库和工具，使得开发者可以更加高效地构建应用程序。
Vue是一个轻量级框架，易于上手，因此成为了许多初学者的首选。Vue具有高度灵活性和可扩展性，并且支持组件化开发，可以有效地提高开发效率。Vue还拥有许多有用的功能，如指令、过滤器和混入等，使得开发者可以更加轻松地构建复杂的应用程序。
Angular是一个完整的框架，提供了许多功能，如依赖注入、模板语法、指令和服务等。它还支持TypeScript，这是一个强类型的JavaScript超集，可以在编译时检查类型错误。Angular还有一个庞大的社区和生态系统，使得开发者可以更加容易地解决问题和获得支持。
总的来说，React、Vue和Angular都是非常优秀的前端框架，每个框架都有其独特的优势和适用场景。开发饥此贺者可以根据自己的需求和技能水平选择适合自己的框架。在选择框架时，还需要考虑到其生态系统、支持库和工具等方面，以便更加高效地开发和维护应用程序。
㈣ 前端开发框架有哪些
1.Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：
脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组绝袭件，如下拉菜单（dropdowns），按钮组（buttongroups），导航面板（navigationcontrol）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progressbars），媒体对象（mediaobjects）等等。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tooltips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。
Bootstrap已经足够强大，能够实现各种形式的Web界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。
jQueryUIBootstrap——对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把Bootstrap的清爽界面组件引入到jQueryUI中。
jQueryMobileBootstrapTheme——和上面提到的jQueryUI主题类似，这是一个为jQueryMobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
FuelUX——它为Bootstrap添加了一些轻量的JavaScript控件。FuelUI安装，修改，更新以及优化都很简单方便。
info——Bootstrap提供了自己的几种界面风格，提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
BootSwatchr——利用这个工具你可掘宏卖以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
Bootswatch——提供大量免费的Bootstrap主题。
Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于BootstrapHTML/CSS/JavaScript架构的免费元素。
LayoutIt——通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
2.Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebookiframeapps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、判逗表格、栅格、导航等等，风格与Facebook类似。
3.BootMetro
BootMetro框架的灵感来自于MetroUICSS，基于Bootstrap框架构建，用于创建Windows8的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
4.Kickstrap
Kickstrap是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。
App是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js,Retina.js,FirebugLite,andUpdater，你也可以自行添加更多的app。
选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。
附加功能是一些用来扩展BootstrapUI库的附件，它们的语法基本相同或者相似。
㈤ 前端编程语言有几种
1、html:负责定义页面的内容
2、css:负责定义页面的样式
3、javascript:负责控制页面的行为
以上三种为前端学习的基本课程
1、jquery:javascript框架，javascript函数库，极大简化了javascript。
2、bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
3、AngularJS: 是一个JavaScript 框架。
4、JSON: 是存储和交换文本信息的语法.
5、Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
6、Angular 2:是一个开源的JavaScript框架
7、React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
8、LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
9、Vue.js ：是用于构建交互式的 Web 界面的库。
10、Node.js ：是运行在服务端的 JavaScript。
以上十种，是在实际工作应用中常用的，总结的这些希望对你有所帮助。
学习前端开发，推荐到北京尚学堂，雄厚的师资力量和科学的授课方式，会带给你最完美的学习体验。
㈥ 前端框架
1.前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件(按钮，表单等等)。
2.使用前段框架可以降低界面开发周期和提高界面的美观性。
3.有些框架比较轻量，比如jquery，有些框架比较重量，比如extjs。一般来说重量的框架会封装更多的功能，比如extjs，封装的grid控件有很强的数据展示和操作功能。
1.对用户的价值：
大部分产品对用户的核心价值是功能和内容提供的，而不是由表现层和交互。譬如支付、电商、新闻、交友。
后端解决有还是无的问题，开天辟地。
前端解决有了以后好用的问题，锦上添花，在竞争激烈的领域确实至关重要。
2.技术广度和难度：
广度上后端工作在服务器领域，能控制的硬件基本没有极限，CPU、存储、网络、集群等等，因此技术领域极广。一个优秀的后端需要掌握或了解大量技术如：并发、业务架构、数据库、几打流行框架、性能调优、分布式计算、集群架构、容灾、安全、运维等等，一层知销和挖透了还有下一层。几十年计算机发展历史中大量的技术沉淀在服务器端。
Web前端一直工作在一个浏览器盒子里，先天不足，能承载的可能性太小，技术广度不足。
深度上，现代计算机领域的难题如大规模负载，海量数据处理，实时计算也是后端的，前端集中在表示层，这一层虽然也很复杂，但能称之为难题的技术几乎没有，也很容易复制。
前端要说深度也不是没有，但这一步需要跨到图形领域(如网页游戏)，不是常见场景。
说到底前端代码能控制的硬件确实不如后端，因此在技术上，前端更容易。现在为什么说前端会比后端更值钱呢?那是因为前端对硬件的控制能力提升了(html5odejsmobile)，而后端分化得比较厉害，有一批后端专门只写业务逻辑，框架是别人写的，系统架构是别人搭的，服务器跑在云里，连机器物理地址都不知道。世人眼里可能觉得这种写MVC代码的人才斗裤是后端，这种被限制在一个“虚拟盒子”里的后端确实不怎么难上手。
一般而言网上说的互联网行业的技术含量排名大概是这样：
产品经理<设计师<前端<后端<其他更高级职位，比如算法工程师等等。
在广大中小公司，很多产品经理都是不会代码，不会设计。很多技校学艺术设计的毕业生，当上了美工。这些都是真，所以能力低，干的人多，自然搭盯就低。然而，你问Google设计师挣多少了嘛?
门槛低不等于技术含量低。
㈦ vue是什么 vue特点 vue和其他前端框架区别
vue是什么
Vue.js (读音 /vju?/，类似于 view) 是一套基于javascript的用于构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
vue特点
简洁、轻量、组件化、快速、数据驱动、模块友好
vue和其他前端框架区别
1.与AngularJS的区别
相同点：
都支持指令：内置指令和自定义指令。
都支持过滤器：内置过滤器和自定义过滤器。
都支持双向数据绑定。
都不支持低端浏览器。
不同点：
1>AngularJS的学习成本高，比如增加了Dependency Injection(依赖注入)特性，而Vue.js本身提供的API都比较简单、直观。
2>在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢。
Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。
对于庞大的应用来说，这个优化差异还是比较明显的。
手机渲染速度：angular1 300ms * vue 200ms * react 100ms
2.与React的区别
相同点：
React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用。
中心思想相同：一切都是组件，组件实例之间可以嵌套。
都提供合理的钩子函数，可以让开发者定制化地去处理需求。
都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载。
在组件开发中都支持mixins的特性。
不同点：
React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。
vue的应用场景
简单地说，就是需要对 DOM 进行很多自定义操作的项目小项目;理论上 Vue 配合类似Flux的架构也可以胜任超大规模多人协作的复杂项目。
㈧ 2021年的前端框架选择 Angular vs React vs Vue
每个前端开发人员都听说过三个用于构建 Web 应用程序的框架：React、Vue.js和Angular。
React 是一个 UI 库，Angular 是一个成熟的前端框架，而 Vue.js 是一个渐进式框架。
它们几乎可以互换使用来构建前端应用程序，但它们并非 100% 相同，因此比较它们并了解它们的差异是有意义的。
每个框架都是基于组件的，并允许快速创建 UI 功能。
然而，它们都有不同的结构和架构——所以首先，我们将研究它们的架构差异以了解它们背 后的哲学。
React 不强制执行特定的项目结构，正如您从下面的官方“Hello World”示例中看到的那样，您只需几行代码即可开始使用 React。
React 可以用作 UI 库来渲染元素，而无需强制执行特定的项目结构，这就是它不是严格意义上的框架的原因。
React Elements是 React 应用程序的最小构建块。它们比 DOM 元素更强大，因为 React DOM 确保在发生变化时有效地更新它们。
组件是更大的构建块，定义了在整个应用程序中使用的独立且可重用的部分。它们接受称为 props 的输入并生成元素，然后显示给用户。
React 基于 JavaScript，但它主要与JSX (JavaScript XML)结合，这是一种语法扩展，允许您创建同时包含 HTML 和 JavaScript 的元素。
您使用 JSX 创建的任何内容也可以使用 React JavaScript API 创建，但大多数开发人员更喜欢 JSX，因为它更直观。
Vue.js 核心库只关注视图层。之所以称为渐进式框架，是因为您可以使用官方和第三方包（例如Vue Router或Vuex ）扩展其功能，将其转变为实际框架。
虽然 Vue 与 MVVM（Model-View-ViewModel）模式没有严格关联，但它的设计部分受到了它的启发。使用 Vue，您将主要在 ViewModel 层上工作，以确保以允许框架呈现最新视图的方式处理应用程序数据。
Vue 的模板语法让您可以创建 View 组件，并将熟悉的 HTML 与特殊指令和功能相结合。这种模板语法是首选，即使原始 JavaScript 和 JSX 也受支持。
Vue 中的组件很小，是自包含的，并且可以在整个应用程序中重复使用。带有扩展名的单文件组件(SFC).vue包含 HTML、CSS 和 JavaScript，因此所有相关代码都位于一个文件中。
SFC 是在 Vue.js 项目中组织代码的推荐方式，尤其是大型项目。需要使用 Webpack 或 Browserify 等工具将 SFC 转换为可用的 JavaScript 代码。
在本文中，我讨论的是 Angular 2，而不是现在称为 AngularJS 的框架的第一个版本。
AngularJS，原始框架，是一个MVC（模型-视图-控制器）框架。但是在Angular 2 中，与 MV*-patterns 没有严格的关联，因为它也是基于组件的。
Angular 中的项目被组织成模块、组件和服务。每个 Angular 应用程序至少有一个根组件和一个根模块。
Angular 中的每个组件都包含一个模板、一个定义应用程序逻辑的类和元数据（装饰器）。组件的元数据告诉 Angular 在哪里可以找到创建和呈现其视图所需的构建块。
Angular 模板是用 HTML 编写的，但也可以包含带有特殊指令的Angular 模板语法，以输出反应性数据和呈现多个元素等。
组件使用 Angular 中的服务来委托业务逻辑任务，例如获取数据或验证输入。它们是 Angular 应用程序的独特部分。虽然 Angular 不强制使用它们，但强烈建议将应用程序构建为一组可以重用的不同服务。
Angular 内置于 TypeScript 中，因此建议使用它以获得最无缝的体验，但也支持纯 JavaScript。
React 是最受欢迎的 JavaScript 项目之一，在 GitHub 上拥有 16 万颗星。它由 Facebook 开发和维护，并在他们的许多项目内部使用。此外，根据BuiltWith的使用统计数据，它为超过 200 万个网站提供支持。
在三个框架中，Vue在 GitHub上的 star 数最多，有 176k。该项目由前 Google 员工 Evan You 开发和领导。据BuiltWith 称，这是开源社区中一个非常强大的独立项目，被超过 100 万个网站使用。
Angular 是由 Google 开发的，但令人惊讶的是它并没有用于他们的一些旗舰产品，例如搜索或 Youtube。它经常用于企业项目，并基于BuiltWith的数据为超过 97,000 个网站提供支持。
它是三个框架中星数最少的，在 GitHub 上有 68k 星。然而，当从 Angular 1 切换到 Angular 2 时，他们创建了一个全新的代码库，而不是继续AngularJS项目，该项目也有 59k 星。
在开发应用程序时，开源包可以为您节省宝贵的时间。不仅如此，它们通常比定制组件和封装更好，因为它们经过了实战测试。
查看可帮助您更轻松地创建新功能的现成组件、主题和其他工具的可用性非常重要。
许多前端应用程序依赖全局状态管理来存储信息，例如谁登录和其他用户设置。
最流行的 JavaScript 状态管理项目是Rex。大多数开发人员使用Rex的官方 React 绑定，这些绑定由 Rex 团队维护。
由于 React 的流行，查找输入组件和现成的元素非常容易。它们都只是在 Google 或 GitHub 上搜索即可。
React 生态系统还包括React Native，它允许您从用 React 编写的单个代码库构建原生 iOS 和 Android 应用程序。因此，React 也可以成为使用 Web 技术构建移动应用程序的绝佳选择。
React 是 MERN 堆栈的一部分，其中包含 MongoDB、ExpressJS、React 和 NodeJS。这种组合的伟大之处在于，单一语言——JavaScript——为整个应用程序提供动力。
尽管 Rex 可以在 Vue 中使用，但没有官方绑定。但这不应该让您担心，因为Vuex是专门为 Vue 应用程序制作的官方状态管理库。除了与 Vue 很好地集成之外，使用 Vue 的开发人员工具进行调试也很容易。
在 Vue 的早期，很难找到现成的组件。随着社区的发展，您可以使用各种输入组件和高级元素来加快开发速度。
对于移动应用程序开发，有一个名为Weex 的新兴项目。Weex 由阿里巴巴开发和使用，但不如 React Native 成熟和强大。更重要的是，由于该项目在中国开发和使用较多，因此很难找到英文文档和解决问题的方法。
Vue 与 Laravel 集成得很好，这就是为什么它们经常一起使用。Laravel 提供完整的JavaScript 和 CSS 脚手架，以支持在新项目中使用 Vue。
对于 Angular 中的状态管理，您可以使用NgRx项目。它的灵感来自 Rex，但它是专门为 Angular 创建的。
与 Vue 和 React 的情况一样，您可以将许多现成的组件导入到您的项目中。与 Angular 略有不同的是，Angular Material项目中有许多官方组件。这是 Google 的一个官方项目，为 Angular 应用程序提供 Material Design 组件。
您可以使用NativeScript在 Angular 中构建跨平台移动应用程序。它也支持 Vue，但 Angular 支持更成熟。
Angular 是着名的 MEAN 堆栈的一部分，它将 Angular 与 MongoDB、ExpressJS 和 NodeJS 相结合。与 MERN 堆栈类似，它的前端和后端都完全依赖 JavaScript。
Angular、React 和 Vue 都可用于开发渐进式 Web 应用程序，也称为 PWA。
PWA 不是移动应用程序，而是 Web 应用程序，智能手机用户可以将其添加为主屏幕的快捷方式，并提供类似于原生移动应用程序的外观和感觉。
您还可以为每个框架找到高级模板和预制应用程序，但 Angular 和 React 比 Vue 提供更多高级选项。
在选择框架或库时，您还需要考虑性能。
在许多情况下，您不必担心性能，尤其是在构建小型项目时。然而，项目的范围和复杂性越大，性能就会（并且将会）成为一个问题。
重要的是要注意，在 Web 性能方面，开发质量和遵循最佳实践比框架的选择更重要。
但由于存在一些性能指标和差异，我将研究它们并解释每个指标如何影响您的开发工作。
JS 框架基准测试的结果表明，它们在大多数基准测试中都表现得相当好，例如在表中创建或附加行。
正如你在上面看到的，Vue 在选择行时比 Angular 和 React 慢得多。另一方面，Angular 和 React 在交换行方面效率不高。
这些是渲染基准中唯一的实质性差异 - 在大多数情况下，不会产生明显的结果。由于选择行是比交换行更常见的功能，我想说这个基准测试将 Vue 排在第三位，仅次于 Angular 和 React 并列第一。
在内存和启动时间方面，React 和 Vue 得分很好，但 Angular 稍慢。Angular 启动一个基本脚本可能需要 150 毫秒，并且需要更多内存才能运行。
谷歌 Chrome 实验室的Perf Track显示了来自数千个网站的生产数据。这些统计数据受许多其他因素的影响，而不仅仅是选择的框架，让我们看看数字。
与 Angular 相比，Vue 和 React 网站在这个指标上的排名更高，Angular 需要更多时间来启动并向用户呈现内容。
在渲染完整页面的三个框架中，Angular 也是最慢的，只有 27% 的 Angular 网站得分在可接受的范围内。
对于所有三个框架，超过 80% 的网站都在第一次输入延迟的可接受范围内，这显示了用户可以与页面交互所需的时间。
迄今为止，最轻量级的应用程序是使用 Vue 开发的应用程序，68% 的 Vue 应用程序加载的 JavaScript 不到 1MB。另一方面，Angular 和 React 应用程序往往具有更大的代码大小。
您可以从这些数字中看到趋势，但您不应该太快得出结论。例如，对于最后一张图，可以解释为 Vue 用于开发更轻量级的应用程序，而 Angular 用于更大的项目。
统计数据可以帮助指导您做出正确的决定，但您不能使用它们来证明一个框架比另一个更快或更好。
对于更高级的应用程序，使用的前端框架应该能够执行一些提高性能并且可以更好地扩展的任务。
两项关键技术是服务器端渲染 (SSR) 和虚拟化。
React 支持使用官方ReactDOMServer包进行服务器端渲染。对于虚拟化，您可以使用名为React Virtualized的流行第三方工具。
Vue 中也支持服务器端渲染以及官方的SSR 包。此外，您还可以使用基于 Vue 构建并支持 SSR的Nuxt.js框架。
不幸的是，Vue 中的虚拟化选项并不是那么强大。在我看来，Vue Virtual Scroll List是虚拟滚动的最佳解决方案，但它有点问题，不如 React 和 Angular 的选项稳定。
Angular 拥有SSR的官方Angular Universal包，以及用于虚拟滚动和高效渲染大型列表的官方组件。
学习这些框架有多容易？
要回答这个问题，我们需要查看每个框架的复杂性及其引入的概念。
在最基本的用例中，React 是三个框架中最不复杂的。那是因为你只需要导入库，然后你就可以用几行代码开始编写你的 React 应用程序。
但是除了 Hello World 示例之外，大多数 React 应用程序都是基于组件的，而不仅仅是在页面上呈现一些元素。
一些开发人员对 React 感到奇怪或困难的一件事是，学习 JSX 是一条单行道。您也可以使用原始 JavaScript，但由于大多数 React 开发人员使用 JSX，学习它几乎是不可避免的。
这是使 React 的学习曲线变得更陡峭的主要因素，但除此之外，对于了解 JavaScript 并理解 Web 开发概念的开发人员来说，它是一个易于学习的库。
Vue 的设置比 React 稍微复杂一些。你可以将它用作一个库来定义你可以在整个 HTML 中使用的组件——但与 React 类似，这不是大多数项目的构建方式。
大多数 Vue 项目都有一个命名的根组件App.vue和一些用于显示各种内容的子组件。
说到语法，你唯一需要学习的新东西就是 Vue 的模板语法，如果你了解 HTML，这很容易掌握。基本的指令，如v-if和v-for有条件的渲染和列表的渲染，很容易理解即使是初学者。
此外，Vue 的单文件组件将所有前端代码保存在一个地方，便于组织新项目。
在我看来，Vue 是最容易学习的，因为它的简单和直观的语法。
Angular 拥有三者中最复杂的项目结构，而且由于它是一个成熟的前端框架，因此它依赖的概念更多。
除了组件，Angular 还支持模块和服务。它希望您以特定的方式编写和设计代码库，从而使您的项目在扩展时更易于维护。
至于语法，由于 Angular 最适合与 TypeScript 配合使用，因此在构建 Angular 项目时了解 TypeScript 非常重要。
与 Vue 一样，您还必须熟悉类似 HTML 的语法，以便您可以开始使用 Angular 编写新的 UI 功能。
在我看来，Angular 对于普通开发者来说是最难学的，因为它更复杂并且依赖于 TypeScript。
许多开源项目和框架逐渐被遗忘并无人维护。您是否应该担心我们在这里讨论的任何框架？
尽管我们无法完全预测会发生什么，但正在进行的开发工作是这些项目 健康 状况的良好指标。人气和增长也是预测项目寿命的重要指标，所以让我们来看看每个框架。
React v17.0已经发布，但令人惊讶的是，它没有为开发人员提供任何新功能。
主要的变化是这个新版本可以更容易地升级 React 本身。您可以将 React 的某些部分从旧版本升级到新版本，而无需升级整个项目。
如果您的应用程序依赖于随新版本更改或弃用的功能，您可以保留旧版本以保持此功能有效。此更新使 React 成为一个很好的长期选择，因为它可以更轻松地与新版本保持同步。
React 的每周 npm 下载量自去年以来增长了 44% 。从绝对数量来看，它仍然是三个项目中下载量最大的。
Vue 3 已于2020 年 9 月发布，它解决了 Vue 2 在大型项目中存在的许多严重问题。它引入了受React Hooks启发的Composition API，可以更轻松地跨组件重用逻辑。
整个项目用 TypeScript 重写，提高了新 Vue 项目对 TypeScript 的支持，同时也使项目更易于维护。
Vue 3 是一个急需的升级，使 Vue 更适合大型项目。
Vue 的每周下载量自去年以来增长了 87%，使 Vue 成为相对而言增长最快的框架。如果 Vue 能够保持这种增长速度，那么它肯定会很快超过 Angular。
Angular 最近推出了Ivy 编译器。它减少了构建时间，优化了资产，允许更快的测试，并总体上改善了开发人员的体验。
Angular 团队每年发布两次重大更新，其中可能包含新功能，或者只是让框架跟上新浏览器版本的速度。
自去年以来，Angular 的每周下载量增长了约 50% ，因此它仍然是一个受欢迎的项目。
Angular、React 和 Vue 都处于非常活跃的开发阶段。他们定期发布新版本并维护现有版本。由于在每种情况下当前的支持水平都很高，因此您可以安全地使用这些框架中的任何一个。
需要注意的是，Angular 的增长没有以前那么快，而 Vue—— 尽管它是最近开始的——似乎增长了很多。
如前所述，我们无法预测哪些框架会长期保持相关性，但每个项目背后都有一个伟大的社区，并且在不断发展。
我这篇文章的目标是解释架构差异，分解每个框架的优点和缺点，并在适用的地方进行比较。
在进入一个新框架之前，有几件事情需要考虑。
首先，在选择新技术时，您团队的经验可能是一个决定性因素。
同样，您必须考虑您所在地区可用的人才，以便您可以为您的项目聘请开发人员。
最后，当涉及到项目本身时，复杂性和范围也会影响您对框架的选择。
通过考虑所有关键差异，我希望您可以决定哪个是最适合您的目标和需求的前端框架。
(本文由闻数起舞翻译自Aris Pattakos的文章《Angular vs React vs Vue 2021》，转载请注明出处，原文链接：https://athemes.com/guides/angular-vs-react-vs-vue/)
㈨ 前端开发框架是什么_前端开发框架有哪些
常见的web前端开发框架如下：
1、Bootstrap：
主流框架之一，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。
2、html5-boilerplate：
该框架含碧可以快速构建健壮，且适应力强的webapp或网站。
3、Meteor：
Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。
4、Materialize：
基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。
5、AmazeUI：
首个开源HTML5跨屏前端框架产品系列培拍，中文排版前端的学习都是需要不断的学习，学一天停一停相当于白学，学习效果很差，如果你想有人谈中举一起学习可以来这个扣裙，首先是132中间是667最后是127都是零基础的同学，大家相互鼓励共同努力只是学着玩就不建议来了!!!支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架AmazeUITouch以及针对跨屏HTML5网页开发的AmazeUIWeb。
㈩ 前端框架React、Vue对比
公司做前后端分离，确定前端技术栈，对前端框架React、Vue，稍微做了下分析：
对比：
1、上手速度（vue：api简单，语法简单，学习成本低）
2、组件化能力（都具备）
3、渲染速度 （vue更快）
vue更快，跟踪组件状态
react自己管理状态变化
4、迁移到移动端的能力（React胜）
React 提供无缝迁移到移动端的能力，React Native（事实证明这个需要时间学习成本）。
Vue目前有weex，但是大的使用案例，都是在阿里内部,外部还没有使用案例
5、适用项目大小
vue适合小项目，React适合大项目
6、目前使用情况（React胜）
Vue最火（关注度高，使用者多，门槛低）
React使用较多
7、后期开发维护迭代（React胜，但Vue 国内用的小伙伴比较多，群多）
React公司FaceBook，团队强大
Vue开源技术团队
8、支持的ui库，论坛、技术坑
ui库目前都比较多，有element ui、view ui 、antd（现在也支持vue了）
React 有比较好的antd 、element react
总结：如果不考虑后期迁移移动端，和不担心技术支持的迭代中断（这个担心比较小），想要入门快，推荐用vue,
如果 考虑后期迁移移动端，和技术后期官方支持，推荐React,介于公司对于组件化要求高，选择了React