タグ付けされた質問 「javascript-framework」

JavaScriptフレームワークは、JavaScriptベースのアプリケーション、特にAJAXやその他のWeb中心のテクノロジーの開発を容易にする、事前に作成されたJavaScriptのライブラリです。

7
AngularJSが$ http.getリクエストにデータを渡す
http POSTリクエストを実行する関数があります。コードを以下に示します。これは正常に動作します。 $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); http GETの別の関数があり、その要求にデータを送信したい。しかし、getにはそのオプションはありません。 $http({ url: user.details_path, method: "GET", data: {user_id: user.id} }); の構文http.getは get（url、config）
4
ディレクティブを定義するときの「コントローラー」、「リンク」、および「コンパイル」関数の違い
ディレクティブロジックにコントローラー関数を使用している場所と、リンクを使用している場所があります。アンギュラーホームページのタブの例では、1つのコントローラーを使用し、別のディレクティブのリンクを使用しています。2つの違いは何ですか？
21
Angular JSブレークForEach
角度のあるforeachループがあり、値が一致した場合にループから抜け出したいと思います。次のコードは機能しません。 angular.forEach([0,1,2], function(count){ if(count == 1){ break; } }); どうすれば入手できますか？
18
jQuery：特定のクラス名のdivが存在するかどうかを確認する
jQueryを使用して、プログラムで次divのような一連のを生成しています。 <div class="mydivclass" id="myid1">Some Text1</div> <div class="mydivclass" id="myid2">Some Text2</div> 私のコードのどこかに、これらのDIVが存在するかどうかを検出する必要があります。divのクラス名は同じですが、IDは各divで異なります。jQueryを使用してそれらを検出する方法はありますか？
3
AngularJs ReferenceError：$ httpが定義されていません
次のAngular関数があります。 $scope.updateStatus = function(user) { $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); }; しかし、この関数が呼び出されるときはいつでも、私はReferenceError: $http is not defined自分のコンソールに入っています。誰かが私がここで間違っていることを理解するのを手伝ってくれる？
20
メソッドでjQueryプラグインを作成するにはどうすればよいですか？
それを呼び出すオブジェクトに追加の関数/メソッドを提供するjQueryプラグインを作成しようとしています。私がオンラインで読んだ（過去2時間閲覧している）すべてのチュートリアルには、多くてもオプションの追加方法が含まれていますが、追加の機能は含まれていません。 これが私がやろうとしていることです： // divのプラグインを呼び出して、divをメッセージコンテナにフォーマットします $("#mydiv").messagePlugin(); $("#mydiv").messagePlugin().saySomething("hello"); またはそれらの線に沿って何か。要約すると次のとおりです。私はプラグインを呼び出し、次にそのプラグインに関連付けられた関数を呼び出します。私はこれを行う方法を見つけることができないようで、多くのプラグインがこれを行うのを見てきました。 ここに私がプラグインのためにこれまで持っているものがあります： jQuery.fn.messagePlugin = function() { return this.each(function(){ alert(this); }); //i tried to do this, but it does not seem to work jQuery.fn.messagePlugin.saySomething = function(message){ $(this).html(message); } }; どうすればそのようなことを達成できますか？ ありがとうございました！ 2013年11月18日更新：Hariの以下のコメントと賛成投票の正解を変更しました。
5
backbone.jsに基づく多くのフレームワークの実際の長所と短所は何ですか？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 3年前休業。 この質問を改善する 誰かが最新のbackbone.js亜種のいくつかで経験を共有できることを願っています。いくつかのプロジェクトでbackbone / underscore / requireの使用経験があり、複雑なアプリケーション構造のより高度なソリューションに向けて次のステップに進みたいと思います。 次のフレームワークが利用可能であることを知っています。 マリオネット ジェペット（マリオネットベース） チャップリン、チャップリン-チャップリンボイラープレート 椎骨 LayoutManager 胸郭 オーラ ルカ シングル バックスタック バックボーンUI ハルク BTW-大規模プロジェクトの優れた出発点 そしておそらく私はいくつかを逃した。 ここに違いについての短い紹介があります： スピーカーデッキトークリンク しかし、それは非常に一般的です。誰かがこれらのフレームワークを使用して実際のアプリケーションと経験を共有できるかどうか疑問に思っていました。 どちらかを選択する利点は何ですか？マリオネットがチャップリンよりも優れたソリューションになるのはいつですか？ もちろん、明確な答えは「ニーズに最適なものを使用する」ですが、私はこれらのフレームワークで、その強さ/目的/利点または好ましいシナリオを知るための経験が不足しています。 ありがとう！ 編集1： この投稿を見つけました： Backbone.Marionette vs Backbone-Boilerplate 編集2： Mathias schafer（Chaplin）によるメールでの回答： 要するに、現在の構造はすでに本番環境で使用されているため、バージョン1.0に近いものです。1.0までは、大きな新機能を追加したり、APIの変更を壊したりする予定はありません。 マリオネットは確かに世の中で最も包括的で安定したライブラリです。バックボーンを使用したJSアプリ開発のいくつかの側面に対処します。たとえば、バックボーン自体が完全に空白のままにする強力なビューレイヤーがあります。もちろん、いくつかの側面があなたの要求を満たさないことに気付くでしょう、そしてあなたはマリオネットの周りに構造をセットアップする必要性を感じるかもしれません。 対照的に、チャップリンは、バックボーンアプリのかなり小さいが非常に重要な側面、つまりアプリの全体的な構造とモジュールのライフサイクルに焦点を当てています。これに関して、チャップリンは非常に好意的であり、ライブラリよりもフレームワークに似ています（「コードがライブラリを呼び出す、フレームワークがコードを呼び出す」など）。Chaplinは、個々のアプリケーションモジュールの上に位置し、アプリ全体の状態を制御するいくつかの中央クラスを提供します。これにより、たとえばRuby on Railsが行うような従来の構造がアプリに与えられます。 チャップリンでは、コントローラーにマップするいくつかのルートを宣言し、ルートが一致するとチャップリンはコントローラーを起動します。また、古いコントローラーの破棄、およびコントローラーが作成することになっているメインビューの表示と非表示も処理します。これは基本的な考え方ですが、チャップリンは醜い細部を処理して、スムーズに実行できるようにします。 この構造には2つのプリンシパルがあります。-モジュール化、デカップリング、サンドボックス-パブリッシュ/サブスクライブとメディエーターを使用したモジュール間の通信 もちろん、これらのパターンはソフトウェア開発の世界では新しいものではなく、ChaplinはそれらをBackbone.jsアプリに適用する唯一のライブラリではありません。 Chaplinはまた、非常に洗練されたCollectionViewなどのビューレイヤーの拡張機能も提供しますが、リージョンとレイアウトを備えたマリオネットほどではありません。しかし、チャップリンビューが提供する手段を使用して、このようなメタクラスを記述することは比較的簡単です。
13
エラー：10回の$ digest（）反復に達しました。中止します！動的sortby述語を使用
ユーザーの名前とスコアを繰り返し表示する次のコードがあります。 <div ng-controller="AngularCtrl" ng-app> <div ng-repeat="user in users | orderBy:predicate:reverse | limitTo:10"> <div ng-init="user.score=user.id+1"> {{user.name}} and {{user.score}} </div> </div> </div> そして、対応する角度コントローラ。 function AngularCtrl($scope) { $scope.predicate = 'score'; $scope.reverse = true; $scope.users = [{id: 1, name: 'John'}, {id: 2, name: 'Ken'}, {id: 3, name: 'smith'}, {id: 4, name: 'kevin'}, {id: 5, …
8
jQueryやAngularJSなどのJavaScriptライブラリでUIを実現できる場合のJSFの必要性
私は、JSFがUIフレームワークであり、いくつかのUIコンポーネントを提供していることについて読んでいました。しかし、jQueryUI、AngularJS、ExtJS、さらにはプレーンなHTML、CSS、JavaScriptから利用できるコンポーネントの数とはどのように優れているか、どのように異なるのでしょうか。 なぜ誰かがJSFを学ぶ必要があるのですか？
3
JQueryでクリックされた要素を除くすべてのクラスを選択する方法
Drupalで開発したWebサイトがあります。collapsiblock（基本的にはJQueryプラグイン）と呼ばれるモジュールを使用して、アコーディオンのような効果を実現しています。私は問題なく動作しています（ただし、ベータ版です）。しかし、ユーザーがアコーディオンの1つのアイテムをクリックしたときに、他のアイテムが折りたたまれるように変更したいと思います。 現在の統計では、ユーザーが1つのアイテムをクリックしたときに、アイテムが既に折りたたまれているか展開されているかをチェックし、アイテムを反対にしています。つまり、ユーザーがあるアイテムをクリックすると展開され、別のアイテムをクリックすると展開されますが、前にクリックしたアイテムは折りたたまれません。 以下のコードを見ることができます。折りたたむコードをどこに追加すればよいか、折りたたんだり展開したりする方法を知っています。私の質問は、ユーザーがクリックしたものを除いて、クラス「.collapsiblock」を持つすべてのアイテムをどのように選択するのですか？ 注：クラス '.collapsiblockCollapsed'を持つアイテムは折りたたまれ、このクラスがアイテムから削除されると展開されます。 // $Id: collapsiblock.js,v 1.6 2010/08/18 19:17:37 gagarine Exp $ Drupal.Collapsiblock = Drupal.Collapsiblock || {}; Drupal.behaviors.collapsiblock = function (context) { var cookieData = Drupal.Collapsiblock.getCookieData(); var slidetype = Drupal.settings.collapsiblock.slide_type; var defaultState = Drupal.settings.collapsiblock.default_state; var slidespeed = parseInt(Drupal.settings.collapsiblock.slide_speed); $('div.block:not(.collapsiblock-processed)', context).addClass('collapsiblock-processed').each(function () { var id = this.id; var titleElt …
1
Backbone.jsモデルデータを保存する方法は？
私はフロントエンドの開発に興味があり、最近、Backbone.jsをアプリに取り入れ始めました。モデルデータをサーバーに永続化したい。 モデルデータを保存するさまざまな方法（json形式を使用）について説明してください。サーバー側でJavaを使用しています。また、主にデータの保存にRESTが使用されているのを見てきました。私はフロントエンド開発に興味があるので、RESTや他の同様のものに気づいていません。 誰かが簡単な例でプロセスを説明してくれたら素晴らしいと思います。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.