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

ここにいくつかの宝石があります： リテラル： var obj = {}; // Object literal, equivalent to var obj = new Object(); var arr = []; // Array literal, equivalent to var arr = new Array(); var regex = /something/; // Regular expression literal, equivalent to var regex = new RegExp('something'); デフォルト： arg = arg || …

81 javascript  language-features  syntactic-sugar 

私はこれを試しました： string newScript = textBox1.Text; HtmlElement head = browserCtrl.Document.GetElementsByTagName("head")[0]; HtmlElement scriptEl = browserCtrl.Document.CreateElement("script"); lblStatus.Text = scriptEl.GetType().ToString(); scriptEl.SetAttribute("type", "text/javascript"); head.AppendChild(scriptEl); scriptEl.InnerHtml = "function sayHello() { alert('hello') }"; scriptEl.InnerHtmlとscriptEl.InnerTextの両方でエラーが発生します。 System.NotSupportedException: Property is not supported on this type of HtmlElement. at System.Windows.Forms.HtmlElement.set_InnerHtml(String value) at SForceApp.Form1.button1_Click(Object sender, EventArgs e) in d:\jsight\installs\SForceApp\SForceApp\Form1.cs:line 31 at System.Windows.Forms.Control.OnClick(EventArgs …

81 c#  javascript  .net  winforms  webbrowser-control 

分離スコープでは、ディレクティブのテンプレートはコントローラー（ 'Ctrl'）$ rootScope変数にアクセスできないようですが、ディレクティブのコントローラーには表示されます。コントローラ（ 'Ctrl'）の$ scope変数が分離スコープに表示されない理由を理解しました。 HTML： <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> JavaScript： angular.module('app', []) .controller('Ctrl', function Ctrl1($scope, $rootScope) { $rootScope.blah = 'Hello'; $scope.yah = 'World' }) .directive('myTemplate', function() { return { restrict: 'E', templateUrl: 'my-template.html', scope: {}, controller: ["$scope", "$rootScope", function($scope, $rootScope) …

81 javascript  angularjs  angularjs-directive 

WebKitでは、JavaScriptで次のエラーが発生します。 JavaScriptスクリプトの実行を拒否しました。リクエスト内で見つかったスクリプトのソースコード。 コードはJavaScriptスピナー用です。ASCIIアートを参照してください。 コードは正常に機能していましたが、CaminoとFirefoxでも正しく機能しています。このエラーは、ページがPOSTを介して保存され、GETを介して取得された場合にのみスローされるようです。Chrome / MacとSafari / Macの両方で発生します。 これが何を意味するのか、そしてこれを修正する方法を知っている人はいますか？

81 javascript  code-injection 

私が持っているとしましょう： <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> jQueryを使用して、最初の要素の後にすべての子要素を選択するにはどうすればよいですか？だから私は次のようなことを達成することができます： <ul> <li>First item</li> <li class="something">Second item</li> <li class="something">Third item</li> </ul>

81 javascript  jquery 

クローズ。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前に閉鎖されました。 この質問を改善する 私はNodejsとそのフレームワークについて多くのことを読んでいて、最近、最初の完全なjavascriptフロントエンド（Angularjsを使用）を終了しました。 次のペットプロジェクトは、次の2つのフレームワークのいずれかを使用したNodejsアドベンチャーになると決めました。 Sails.js 流星 私は両方について読みましたが、それでもそれらの違いを完全に理解することはできず、なぜ私はどちらか一方を使用することを選択する必要があります。だから、あなたの最高のセールスマンの帽子をかぶって、フレームワークを選んで、それを私に売ってください。 ペットプロジェクトに必要な機能は次のとおりです。 ライブスコア Redditのようなスレッド、リアルタイム ウィキペディアのようなページ版 ユーザー/役割

81 javascript  node.js  model-view-controller  meteor  sails.js 

ブラウザウィンドウのサイズが変更されたときにjqGridのサイズを変更する方法はありますか？ここで説明する方法を試しましたが、その手法はIE7では機能しません。

81 javascript  jquery  jqgrid  grid  resize 

バックボーンはすべての高レベルの抽象化を処理すると言われていますが、jQueryまたは同様のライブラリはDOMと連携し、イベントを正規化します。 誰かが簡単な実用的な例でこのステートメントを理解するのを手伝ってくれませんか。 また、BackboneのようなMVCフレームワークの重要な機能の1つであるノックアウトは、モデル（データ）とビューの同期を維持することです。しかし、これはアプリケーション全体ではなく、ページレベルで固有のようです。それで、モデル/データとビューを複数のページ間で同期させることができますか..（一種のグローバル）

81 javascript  jquery  backbone.js  javascript-framework 

Angularuiルーター上に構築されたアプリケーションでルーターの単体テストに問題が発生しています。私がテストしたいのは、状態遷移がURLを適切に変更するかどうかです（後でもっと複雑なテストがありますが、ここから始めます）。 これが私のアプリケーションコードの関連部分です： angular.module('scrapbooks') .config( function($stateProvider){ $stateProvider.state('splash', { url: "/splash/", templateUrl: "/app/splash/splash.tpl.html", controller: "SplashCtrl" }) }) そしてテストコード： it("should change to the splash state", function(){ inject(function($state, $rootScope){ $rootScope.$apply(function(){ $state.go("splash"); }); expect($state.current.name).to.equal("splash"); }) }) Stackoverflow（および公式のUIルーターテストコード）に関する同様の質問は、$ state.go呼び出しを$ applyでラップするだけで十分であることを示唆しています。しかし、私はそれをしました、そして、状態はまだ更新されていません。$ state.current.nameは空のままです。

81 javascript  unit-testing  angularjs  angular-ui-router 

これに似たリストのリストを想像してみてください。 var list = [ { name: 'group1', items: [ 1, 2, 3, 4, 5 ] }, { name: 'group2', items: [ 1, 2, 3, 4, 5 ] }, etc... ] 今引数を「データ用に設計されていないテーブル」全体を忘れて、私はのための単一のテーブルを表示したいlistと別々持つ<thead>と<tbody>の各エントリのためにlist。 これは技術的に有効ですか？これはブラウザで機能しますが、私のクモの感覚はこれにうずきます。

81 javascript  html 

アプリケーションのJavaScriptでどのオブジェクト指向のデザインパターンを使用していますか。その理由は何ですか。 正式なデザインパターンが添付されていない場合でも、コードを投稿してください。 私はたくさんのJavaScriptを書いてきましたが、私がしていることに多くのオブジェクト指向パターンを適用しておらず、私は多くを見逃していると確信しています。

81 javascript  jquery  design-patterns  oop 

AngularJSに慣れ始めたばかりですが、サーバー側のデータベースで何かが変更されたときに、ユーザーがリアルタイムで（更新なしで）自動更新されるビューを持つWebアプリを構築したいと思います。 AngularJSはこれを（ほとんど）自動的に処理できますか？もしそうなら、機能している基本的なメカニズムは何ですか？ たとえば、「モデル」の変更についてDBを定期的にポーリングするようにAngularJSを設定しますか？または、Cometのようなメカニズムを使用して、モデルが変更されたことをAngularJSクライアント側コードに通知しますか？ 私のアプリケーションでは、他の（Web以外の）サーバー側ソフトウェアがデータベースを更新することがあるという課題があります。ただし、この質問は、AngularJS Webクライアントを介してデータベースを変更する複数のクライアントが存在する可能性がある純粋なWebアプリにも同様に当てはまり、そのうちの1つがDB（モデル）に変更を加えるときにそれぞれを更新する必要があります。

81 javascript  angularjs  websocket  socket.io 

AngularJSで分離スコープを単体テストするための良い方法は何ですか ユニットテストを示すJSFiddle ディレクティブスニペット scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) { greet(element, name); }); } ディレクティブが変更をリッスンしていることを確認したい-これは分離されたスコープでは機能しません： it('should watch for changes in the model', function () { var elm; //arrange spyOn(scope, '$watch'); //act elm …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive 

CSSでページを作成しました。ここで、エディターからブラウザーに変更し、ページ全体を更新して、小さな変更をすべて確認する必要があります。しかし、アニメーションがあるので、ページを更新したくありません。 では、CSSの更新後にサイトが自動的に更新されるように使用できるものはありますか？ たぶんJavaScript、jQuery、Ajaxなどで？

81 javascript  jquery  html  css  ajax 

ユーザーが（事前定義された100以上のウィジェットのセットから選択して）ウィジェットを配置（ドラッグ/ドロップ）できる複雑なレイアウトのアプリケーションがあります。すべてのウィジェットは、データのセットを表示するカスタム実装です（REST呼び出しを使用してフェッチされます）。特定の方法で。たくさんのブログ投稿、stackoverflowの質問、公式のAngularJSドキュメントを読みましたが、そこでの要件を処理するためにアプリケーションをどのように設計すればよいかわかりません。デモアプリを見ると、単一のモジュール（ng-app）があり、それを.jsファイルで構築すると、依存モジュールが依存関係として宣言されますが、ウィジェットのセットが大きいため、すべてを説明することはお勧めできません。そこ。次の質問についての提案が必要です。 アプリとウィジェットをどのように設計する必要がありますか？個別のAngularJSモジュールを用意する必要がありますか、それとも各ウィジェットをメインモジュールへのディレクティブにする必要がありますか？ ウィジェットをディレクティブとして設計する場合、ディレクティブ内で依存関係を定義する方法はありますか？つまり、私のディレクティブはその実装でng-calenderを使用していると言いますか？ 各ウィジェットを個別のモジュールとして設計する場合、ウィジェットモジュールを依存関係としてメインモジュールに動的に追加する方法はありますか？ コントローラーをどのように設計すればよいですか？ウィジェットごとに1つのコントローラーが必要ですか？ ビューに同じタイプのウィジェットが複数ある場合、状態（スコープ）をどのように分離する必要がありますか？ AngularJSで再利用可能なウィジェットを設計するためのベストプラクティスはありますか？ 編集 役立つ参考資料： ocLazyLoad-AngularJS用の優れた遅延読み込みライブラリ シードプロジェクト-モジュール+ルート変更時の遅延読み込み（ES6、systemjs、ocLazyLoad） AngularJSでの遅延読み込み AngularJSとRequireJSを使用してコントローラーとビューを動的に読み込む アプリケーションのブートストラップ後にRequireJSを使用してAngularJSコンポーネントをロードする GitHubでのAngularJSリソースの遅延読み込みに関するデモプロジェクト ロードオンデマンドプロジェクト 必要な場合にのみモジュールを動的に注入する Angular記事の別の遅延読み込み 大規模なAngularJSおよびJavaScriptアプリケーションでのコード編成

81 javascript  angularjs