目次
回复内容:

目前流行的前端框架有哪些?

Jun 07, 2016 am 08:41 AM
angularjs backbone reactjs

最近接触了requirejs、backbone等移动开发框架,模块规范化的开发提高了效率,个人开发经验稍浅,请问一下国内前端移动端开发大家都在使用什么框架呢,那么PC端的对于中小型的项目大家会倾向于选择jq+bootstraps吗,还是用reactjs、angularjs……?

回复内容:

借鉴前端工程——基础篇文章里的内容,觉着科普的蛮好的,对我这样的初级蛮受用。刚好所用的图片里都差不多覆盖了一些常用的东西,直接拿来贴了。
1.库/框架选型: 目前流行的前端框架有哪些?
图中的也有一些没用过,中小型pc端项目的话在做技术选型时会多去尝试未用过的,这样可以快速去实践新东西。

pc端会使用jquery做一些效果处理,移动端一般用zepto,更轻便一些,更多的一些js的处理会用underscore,常用的图标会使用Font Awesome。



react最近蛮火的,像 @onionBob 所说只是view这一层,所以facebook也提出了 flux来作为一套完整的解决方案。


vue.js 也有在用,能从@勾三股四 的微博看出来他们都在推这些,我们团队也已经在用。 目前流行的前端框架有哪些?
个人现在的态度便是在自己的项目中尝试很多新东西,嗯,初生牛犊不怕虎。

2.前端工程构建工具的话:gulp 和grunt ,个人比较喜欢 gulp,简单粗暴。
目前流行的前端框架有哪些?
3.JS/CSS模块化开发

目前流行的前端框架有哪些?

模块化Amd和Cmd其实用哪个都无所谓,自己熟练哪个就好,大家也都还在继续使用,但是~前端的发展真的蛮快的,玉伯也在自己微博上贴出了否定的态度: 目前流行的前端框架有哪些?

有评论给出的解释是:
@春江一条小鱼:库和框架是对标准的一种扩展与补充。ECMAScript 6 + 出来后,很多功能在标准下能实现了,于是…

其他的有用过webpack,比较推荐,嗯,理由也是简单粗暴,好使。

其实,很多东西也还是一知半解,慢慢来吧~

另外,刚好正在学react,页面还打开着,安利一些地址。
官网地址:A JavaScript library for building user interfaces
阮一峰:React 入门实例教程
视频教程:[React.js中文教程]1.初识ReactJS(讲的太烂,直接跳过吧.)_土豆
另外 @陈五百 给推荐的 react native资源也一并推荐:ele828/react-native-guide · GitHub 感觉主要还是看是什么项目吧。

如果是纯移动端的话,zepto加frozenui加seajs挺好的。感觉bootstrap的响应式不适合纯移动端开发,因为太重了,对移动端载入速度影响很大,纯移动端还是小快灵比较好。

如果是做H5那种活动页,推荐用motion.js,挺好用的,效果赞赞的。

PC端的话,jq+bootstrap是个挺好的组合,或者用backbone也是挺普遍的,但是如果是开发企业管理系统那种的web页面可以考虑extjs,现在改名叫sencha了,组件多。相反,个人感觉react就不是很适合用来开发企业管理系统。

react现在很火,发展也很快,可以先学习学习,不过react只是View这一层,是个库,并不是一个完整的框架。而Angular可以说是个大而全的框架,但是载入速度相对比较慢,还有就是Angular 2.0和1.0有很大不同,几乎是个推翻重做的感觉,所以现在如果用1.x的话,感觉会比较尴尬。

另外,模块化的话,用seajs的也挺多。

还有就是可以多关注一下打包工具,grunt,gulp和百度开发的FIS。 学好vue就可以了 我只想问一句 你考不考虑后端 然而 jQuery、Bootstrap、React、Angular 刚好都不是一个层面的,都是可以同时使用的。(React 和 Angular 配合稍微麻烦一点,但是也是可以的。)

并不存在几选一的问题。

Front-end Choice Paralysis 原答案, 苦大仇深, 怨念极重, 负能量满满, 已删除...
--------------------
说下基础架构 / 打包工具~
不care架构的用 webpack, 大点项目, 希望长期维护的用 browserify.
gulp/grunt 就是个 task runner, 还是别拿他简单的 concat 下做打包吧...

框架
1. 实习用的是 ractive, 写公司项目很好用, 后面用 vue 写的东西切过来不好使. 不过也还好.
2. vue 正式工作使过, 比较 1w star 摆在那.
3. angular 目前在使, 给我的感觉使下次不要再用这个了...
4. react 单独拿出来说吧~

React
实习的时候学过, 玩过 jsx. 不喜欢. 但我觉得它是未来.
1. 生态: GitHub trending 10/25, 你说呢
2. 亲爹: Facebook 老爹, react人家在用, react-native 人家在用, 在推. 相比 angular 只是 G 爹的 side project 吧
3. 挺复杂的...但前端就是挺复杂的啊, 人家给出了解决方案啊~

btw. 现在在写 node 了, 偶尔写下前端(Angular). 所以不对请指正... jQuery
FB系列:React/Flux/Redux
TW系列:Bootstrap/Flight
Google系列:Angular
其他的好像都说到了。。
工具:
webpack/gulp/grunt/bower/bable/... Bootstrap+angularJS 不好意思 点进来以为是前端镜架……………………
想换眼镜了。 大家觉得mui怎么样
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

入門から習得まで、2022 年の最新 5 つの angularjs チュートリアル 入門から習得まで、2022 年の最新 5 つの angularjs チュートリアル Jun 15, 2017 pm 05:50 PM

Javascript は、コードの構成、コードのプログラミング パラダイム、およびオブジェクト指向理論の点で非常にユニークな言語です。しかし、JavaScript が 20 年間主流であったとはいえ、jQuery、Angularjs、さらには React などの人気のあるフレームワークを理解したい場合は、「Black Horse Cloud Classroom JavaScript Advanced Framework」を見てください。デザインビデオチュートリアル」。

PHP と AngularJS を使用して応答性の高い Web サイトを構築し、高品質のユーザー エクスペリエンスを提供します PHP と AngularJS を使用して応答性の高い Web サイトを構築し、高品質のユーザー エクスペリエンスを提供します Jun 27, 2023 pm 07:37 PM

今日の情報化時代において、ウェブサイトは人々が情報を入手し、コミュニケーションを図るための重要なツールとなっています。レスポンシブな Web サイトはさまざまなデバイスに適応し、ユーザーに高品質のエクスペリエンスを提供できます。これは、現代の Web サイト開発のホットスポットとなっています。この記事では、PHP と AngularJS を使用して応答性の高い Web サイトを構築し、高品質のユーザー エクスペリエンスを提供する方法を紹介します。 PHP の概要 PHP は、Web 開発に最適なオープンソースのサーバー側プログラミング言語です。 PHP には、学びやすさ、クロスプラットフォーム、豊富なツール ライブラリ、開発効率など、多くの利点があります。

React をすぐに使い始めてフロントエンド開発スキルを向上させる方法 React をすぐに使い始めてフロントエンド開発スキルを向上させる方法 Sep 26, 2023 am 10:25 AM

React をすぐに使い始めて、フロントエンド開発スキルを向上させる方法。フロントエンド開発は、今日のインターネット時代には不可欠なスキルです。ユーザーにリッチで動的なユーザー インターフェイスを提供し、優れたエクスペリエンスを提供できます。フロントエンド開発では、React は非常に人気のある強力な JavaScript ライブラリであり、開発者は React を使用することで、複雑なインタラクティブな UI インターフェイスを迅速に構築できます。では、React をすぐに使い始めて、フロントエンド開発スキルを向上させるにはどうすればよいでしょうか?以下に、Rea の学習について共有します。

PHP と AngularJS を使用して Web アプリケーションを構築する PHP と AngularJS を使用して Web アプリケーションを構築する May 27, 2023 pm 08:10 PM

インターネットの継続的な発展に伴い、Web アプリケーションは企業情報構築の重要な部分となり、最新化作業に必要な手段となりました。 Web アプリケーションの開発、保守、拡張を容易にするために、開発者は開発ニーズに合った技術フレームワークとプログラミング言語を選択する必要があります。 PHP と AngularJS は非常に人気のある 2 つの Web 開発テクノロジであり、それぞれサーバー側とクライアント側のソリューションであり、これらを組み合わせて使用​​すると、Web アプリケーションの開発効率とユーザー エクスペリエンスを大幅に向上させることができます。 PHPPHPの利点

Flask と AngularJS を使用してシングルページ Web アプリケーションを構築する Flask と AngularJS を使用してシングルページ Web アプリケーションを構築する Jun 17, 2023 am 08:49 AM

Web テクノロジーの急速な発展に伴い、シングル ページ Web アプリケーション (SinglePage Application、SPA) は、Web アプリケーション モデルとしてますます人気が高まっています。従来の複数ページの Web アプリケーションと比較して、SPA の最大の利点は、ユーザー エクスペリエンスがよりスムーズであり、サーバーのコンピューティング負荷も大幅に軽減されることです。この記事では、FlaskとAngularJSを使って簡単なSPAを構築する方法を紹介します。 Flask は軽量の Py です

PHP プログラミングで AngularJS を使用するにはどうすればよいですか? PHP プログラミングで AngularJS を使用するにはどうすればよいですか? Jun 12, 2023 am 09:40 AM

Web アプリケーションの人気に伴い、フロントエンド フレームワーク AngularJS の人気も高まっています。 AngularJS は、Google が開発した JavaScript フレームワークで、動的な Web アプリケーション機能を備えた Web アプリケーションの構築に役立ちます。一方、バックエンド プログラミングの場合、PHP は非常に人気のあるプログラミング言語です。サーバーサイド プログラミングに PHP を使用している場合、PHP と AngularJS を使用すると、Web サイトにさらに動的な効果がもたらされます。

PHP と AngularJS を使用してオンライン ファイル管理プラットフォームを開発し、ファイル管理を容易にする PHP と AngularJS を使用してオンライン ファイル管理プラットフォームを開発し、ファイル管理を容易にする Jun 27, 2023 pm 01:34 PM

インターネットの普及に伴い、ネットワークを使用してファイルを転送したり共有したりする人が増えています。ただし、さまざまな理由により、FTP などの従来の方法をファイル管理に使用しても、現代のユーザーのニーズを満たすことができません。したがって、使いやすく、効率的で安全なオンライン ファイル管理プラットフォームを確立することがトレンドになっています。この記事で紹介するオンライン ファイル管理プラットフォームは、PHP と AngularJS をベースにしており、ファイルのアップロード、ダウンロード、編集、削除などの操作を簡単に実行でき、ファイル共有、検索、検索などの一連の強力な機能を提供します。

AngularJS の基本の紹介 AngularJS の基本の紹介 Apr 21, 2018 am 10:37 AM

この記事の内容は AngularJS の基本的な入門に関するもので、必要な友人に共有します。

See all articles