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

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

6
JSオブジェクトを定義するこの方法には目的がありますか?
私はいくつかのレガシーコードを維持していますが、オブジェクトを定義するために次のパターンが使用されていることに気付きました。 var MyObject = {}; (function (root) { root.myFunction = function (foo) { //do something }; })(MyObject); これには目的がありますか?それは単に次のことをすることと同等ですか? var MyObject = { myFunction : function (foo) { //do something }; }; 私は自分の好みに合わせてコードベース全体をリファクタリングする神聖な探求に乗り出すつもりはありませんが、オブジェクトを定義するその遠回りの方法の背後にある理由を本当に理解したいと思います。 ありがとう!

8
AngularJS ui-routerステートマシンで[戻る]ボタンを使用するにはどうすればよいですか?
私はui-routerを使用してangularjsシングルページアプリケーションを実装しました。 元々は個別のURLを使用して各州を識別していましたが、これはGUIDがパックされた非友好的なURLになりました。 それで、私は自分のサイトをより単純なステートマシンとして定義しました。状態はURLでは識別されませんが、次のように、必要に応じて単に移行されます。 ネストされた状態を定義する angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' 定義済み状態への移行 #The ui-sref attrib transitions to the 'folder' state a(ui-sref="folder({locationId:'{{folder.Id}}'})") | {{ folder.Name }} このシステムは非常にうまく機能し、私はそのクリーンな構文が大好きです。ただし、URLを使用していないため、戻るボタンが機能しません。 きちんとしたui-routerステートマシンを維持しながら、戻るボタン機能を有効にするにはどうすればよいですか?

3
Angular.js:.value()はアプリ全体の定数を設定する適切な方法であり、それをコントローラーで取得する方法です
こんにちは、私はいくつかのangular.jsビデオを見ていて、value()メソッドが一種のモジュール全体の定数を設定するために使用されているのを見ました。たとえば、Angular-UIライブラリの設定を次のように設定できます:(coffeescript) angular.module('app',[]) .value "ui.config", tinymce: theme: 'simple' width: '500' height: '300' そして、私のアプリは現在次のようになっています: window.app = angular.module("app", [ 'ui']) .config(["$routeProvider", ($routeProvider) -> $routeProvider .when "/users", templateUrl: "assets/templates/users/index.html" controller: IndexUsersCtrl .otherwise redirectTo: "/users" ]) .value 'csrf', $('meta[name="csrf-token"]').attr('content') #<---- attention here IndexUsersCtrl = ($scope) -> $scope.users = gon.rabl console.log "I want to log the …

6
OVER_QUERY_LIMIT応答を受信せずに20アドレスをジオコーディングするにはどうすればよいですか?
Google Geocoder v3を使用して、20個のアドレスをジオコーディングしようとすると、1秒間隔で配置しない限り、OVER_QUERY_LIMITが発生しますが、マーカーがすべて配置されるまでに20秒かかります。 事前に座標を保存する以外に、他に方法はありますか?

5
長所と短所:JavaScriptを頭に入れ、体を閉じる直前に置く
javascriptとWeb開発の本/記事のほとんどは、CSSをheadタグに、javascriptをページの下部に配置する必要があると述べています。 しかし、この1つのstackoverflowなどの有名なWebサイトのhtmlソースを開くと、headタグにいくつかのjsファイルが含まれていることがわかります。 両方のアプローチの長所と短所は何ですか?いつどちらを使用するのですか? 同じ問題について別の質問が見つかりました: ページで使用されているJavaScriptファイルをどこで宣言する必要がありますか?<head> </ head>または</ body>の近くですか?
87 javascript 

4
最高の動的JavaScript / JQueryグリッド[クローズ]
現在のところ、この質問は私たちのQ&A形式には適していません。回答は事実、参考資料、または専門知識によって裏付けられることを期待していますが、この質問は、討論、議論、世論調査、または広範な議論を求める可能性があります。この質問を改善して再開できると思われる場合は、ヘルプセンターにアクセスしてガイダンスを入手してください。 7年前に閉鎖されました。 JavaScript、JQuery、HTMLを使用しています。私のプロジェクトのUIは完全に動的です。以下の機能をサポートする動的なJavaScript / JQueryグリッドを探しています。 次の機能をサポートする見栄えの良いオープンソースグリッドはありますか? 実行時にグリッドのインスタンスを作成し、DOMに追加できるはずです。 列テンプレート(テキストボックス、選択、チェックボックス、または任意の入力または単純なテキスト)をサポートします 新しい列テンプレートの設定または既存の列テンプレートのリアルタイムでの置換をサポートします。 列の下にあるいくつかの入力コントロール(テキストボックス、チェックボックスなど)が有効になっている場合と、無効になっている場合があります。 リアルタイムでsetData()をサポートします。 ユーザーが入力データを変更した場合のイベントをサポートします。 行の選択をサポートする必要があります グリッド全体をレンダリングせずに、行を追加または行のサポートをリアルタイムで削除します。 ページングをサポートします。 リアルタイムで任意の列による並べ替えをサポートします。 データがユーザーによってリアルタイムで並べ替えられた場合にイベントを発生させます。 グリッドUIは実現可能な列をサポートする必要があります 自動サイズ変更可能(グリッドが親要素のサイズに応じて自動サイズ変更可能であると便利です) 確かに良いドキュメントがあります。

19
Twitter Bootstrap折りたたみ式(アコーディオン)に開いた/閉じたアイコンを追加する
Bootstrapアコーディオンのこの単純なバージョンを設定しました: 単純なアコーディオン: http ://jsfiddle.net/darrenc/cngPS/ 現在、アイコンは下を向いているだけですが、アイコンのクラスを次のように変更するために、どのJSを実装する必要があるかを誰もが知っています。 <i class="icon-chevron-up"></i> ...ので、それが指していることをアップしたときに拡大し、トグルにバックダウンので、第四崩壊したときに、再び、と?

5
JavaScript:引数がオブジェクトではなく配列であるかどうかを検出します(Node.JS)
がtypeof []返され'object'、配列とオブジェクトを区別したいので、引数が配列であるかどうかをどのように検出する必要がありますか。 オブジェクトが次のように見える可能性はあります{"0":"string","1":"string","length":"2"}が、実際には配列のように見えるオブジェクトである場合は、配列として表示されたくありません。 JSON.parseそしてJSON.stringify、この区別をすることができます。どうすればいいですか? Chromeと同じV8ベースのNode.JSを使用しています。

7
onclick開いているウィンドウと特定のサイズ
私はこのようなリンクを持っています: <a href="/index2.php?option=com_jumi&fileid=3&Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,') 新しいオープニングウィンドウを特定のサイズで開きたい。高さと幅を指定するにはどうすればよいですか?
87 javascript  html 

4
JavaScriptオブジェクトのsrcとidを使用して、JQueryで新しいimgタグを作成するにはどうすればよいですか?
私は基本的な意味でJQueryを理解していますが、JQueryはまったく新しいものであり、これは非常に簡単だと思います。 JSON応答(オブジェクトに変換された)に画像のsrcとidが含まれているため、responseObject.imgurlとresponseObject.imgidに正しい値が含まれているので、それを使用して画像を作成し、に追加します。 div(それを呼びましょう<div id="imagediv">。私は動的に構築することに少し立ち往生しています<img src="dynamic" id="dynamic">-私が見た例のほとんどは、既存の画像のsrcを置き換えることを含みますが、既存の画像がありません。

4
ラベルをクリックしてHTMLラジオボタンを切り替えます
小さなPHPプロジェクトに大きなJavascriptフレームワークを導入せずに、ラジオボタンを切り替える簡単な方法(近くのテキストがクリックされたとき)はありますか? Webフォームは次のようになります。 <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br /> <input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br /> <input type="radio" name="mode" value="delete">delete records (must specify id)<br /> <input type="radio" name="mode" value="drop"><i>drop table</i><br /> </p> …

18
ページのリロード後にTwitterブートストラップで現在のタブをアクティブに保つにはどうすればよいですか?
現在TwitterBootstrapでタブを使用しており、ユーザーがデータを投稿してページがリロードされた後、同じタブを選択したいと考えています。 これはどのように行われますか? タブを開始するための現在の呼び出しは次のようになります。 <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> 私のタブ: <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" data-toggle="tab">My Match</a></li> </ul>

2
knockout.jsの$ parentのアクセスインデックス
knockout.js 2.1.0では、foreachバインディングを使用するテンプレートで、$ index()関数を介して現在のアイテムのインデックスにアクセスできます。ネストされたforeachバインディングで、テンプレートから$ parentのインデックスにアクセスする方法はありますか? 次のようなデータ構造があるとします。 var application = { topModel: [ { {subModel: [{'foo':'foo'}, { 'bar':'bar'}]}, // this has top:0 and sub:0 {subModel: [{'foo2':'foo2'}, { 'bar2':'bar2'}]} // this has top:0 and sub:1 }, { {subModel: [{'foo':'foo'}, { 'bar':'bar'}]} // this is top:1 sub:0 }, { {subModel: [{'foo':'foo'}, { 'bar':'bar'}]} // …

6
ES6モジュールの実装、jsonファイルをロードする方法
https://github.com/moroshko/react-autosuggestから例を実装してい ます 重要なコードは次のとおりです。 import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of strings, e.g.: // ['Mentone', 'Mill Park', …

10
文字列のスプライス方法はありますか?
Javascriptspliceは配列でのみ機能します。文字列に同様の方法はありますか?または、独自のカスタム関数を作成する必要がありますか? substr()、およびsubstring()方法はのみ抽出された文字列を返すと、元の文字列を変更しません。私がやりたいのは、文字列から一部を削除し、元の文字列に変更を適用することです。さらに、このメソッドでreplace()実行できるのとまったく同じように、インデックスから始まり、他のインデックスで終わる部分を削除したいので、このメソッドは機能しませんsplice()。文字列を配列に変換しようとしましたが、これは適切な方法ではありません。
87 javascript 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.