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

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

22
JavaScriptまたはjQueryを使用して配列内にあるオブジェクトの値を変更するにはどうすればよいですか？
以下のコードは、jQuery UIオートコンプリートからのものです。 var projects = [ { value: "jquery", label: "jQuery", desc: "the write less, do more, JavaScript library", icon: "jquery_32x32.png" }, { value: "jquery-ui", label: "jQuery UI", desc: "the official user interface library for jQuery", icon: "jqueryui_32x32.png" }, { value: "sizzlejs", label: "Sizzle JS", desc: "a pure-JavaScript CSS selector …
9
JavaScript連想配列で動的にキーを作成する
JavaScriptの連想配列で動的にキーを作成するにはどうすればよいですか？ これまでに見つけたすべてのドキュメントは、すでに作成されているキーを更新することです。 arr['key'] = val; 私はこのようなひもを持っています " name = oscar " そして、私はこのようなもので終わりたいと思います： { name: 'whatever' } つまり、文字列を分割して最初の要素を取得し、それを辞書に入れたいのです。 コード var text = ' name = oscar ' var dict = new Array(); var keyValuePair = text.split(' = '); dict[ keyValuePair[0] ] = 'whatever'; alert( dict ); // prints nothing.
8
AngularJSを使用してURLパラメーターを取得する方法
HTMLソースコード <div ng-app=""> <div ng-controller="test"> <div ng-address-bar browser="html5"></div> <br><br> $location.url() = {{$location.url()}}<br> $location.search() = {{$location.search('keyword')}}<br> $location.hash() = {{$location.hash()}}<br> keyword valus is={{loc}} and ={{loc1}} </div> </div> AngularJSソースコード <script> function test($scope, $location) { $scope.$location = $location; $scope.ur = $scope.$location.url('www.html.com/x.html?keyword=test#/x/u'); $scope.loc1 = $scope.$location.search().keyword ; if($location.url().indexOf('keyword') > -1){ $scope.loc= $location.url().split('=')[1]; $scope.loc = $scope.loc.split("#")[0] } …
20
ReactJSでフォームデータを取得する
私のrender関数には、次のような単純なフォームがあります。 render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } handleLogin: function() { ... }アクセスEmailとPasswordフィールドには何を書けばよいですか？
3
Angular JS：スコープを持つディレクティブのコントローラーがすでにある場合、ディレクティブのリンク関数の必要性は何ですか？
スコープとテンプレートに対していくつかの操作を実行する必要があります。私はそれをlink関数または関数のいずれかで行うことができるようですcontroller（両方がスコープにアクセスできるため）。 linkコントローラではなく関数を使用する必要があるのはいつですか？ angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: true, scope: true, link: function(scope, elem, attr) { /* link function */ }, controller: function($scope, $element) { /* controller function */ } }; } また、それlinkは非角の世界であると理解しています。したがって、私は$watch、$digestおよびを使用できます$apply。 linkすでにコントローラーを持っている場合、機能の重要性は何ですか？
5
moment.jsがWebpackでロケールをロードしないようにするにはどうすればよいですか？
moment.jsWebpackを使用しているときに、すべてのロケール（英語のみが必要です）のロードを停止できる方法はありますか？私はソースを探していますが、それhasModuleが定義されている場合、それはwebpackの場合、常にrequire()すべてのロケールを試行します。私はこれを修正するためにプルリクエストが必要だと確信しています。しかし、webpack設定でこれを修正できる方法はありますか？ 以下は、momentjsをロードするための私のwebpack設定です。 resolve: { alias: { moment: path.join(__dirname, "src/lib/bower/moment/moment.js") }, }, それなら、どこでも必要なときに、ただやるだけですrequire('moment')。これは機能しますが、バンドルに約250 kBの不要な言語ファイルが追加されます。また、私はmomentjsとgulpのバウアーバージョンを使用しています。 また、これがwebpack設定で修正できない場合は、ロケールをロードする関数へのリンクがあります。ステートメントに追加&& module.exports.loadLocalesしてみましたが、ifwebpackは実際には機能しません。それはrequire何があっても問題ありません。今は正規表現を使用していると思いますので、どうすれば修正できるかわかりません。
13
不可解な「スクリプトエラー」。ChromeおよびFirefoxのJavaScriptで報告
私のウェブサイトでJavaScriptエラーを検出し、レポート用にバックエンドに送信するスクリプトがあります。最初に発生したエラー、想定される行番号、および時刻を報告します。 doctypeを含めるように編集します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"> ... <script type="text/javascript"> //<![CDATA[ // for debugging javascript! (function(window){ window.onerror = function(msg, url, ln) { //transform errors if (typeof(msg) === 'object' && msg.srcElement && msg.target) { if(msg.srcElement == '[object HTMLScriptElement]' && msg.target == '[object HTMLScriptElement]'){ …
17
リソースはドキュメントとして解釈されますが、MIMEタイプapplication / zipで転送されます
Chrome 12.0.742.112では、次のヘッダーでリダイレクトすると、 HTTP/1.1 302 Found Location: http://0.0.0.0:3000/files/download.zip Content-Type: text/html; charset=utf-8 Cache-Control: no-cache X-Ua-Compatible: IE=Edge X-Runtime: 0.157964 Content-Length: 0 Server: WEBrick/1.3.1 (Ruby/1.9.2/2011-02-18) Date: Tue, 05 Jul 2011 18:42:25 GMT Connection: Keep-Alive 従った場合、次のヘッダーが返されます。 HTTP/1.1 200 OK Last-Modified: Tue, 05 Jul 2011 18:18:30 GMT Content-Type: application/zip Content-Length: 150014 Server: WEBrick/1.3.1 (Ruby/1.9.2/2011-02-18) Date: Tue, …
7
Backbone.jsでサブビューの初期化とレンダリングを処理する方法は？
ビューとそのサブビューを初期化してレンダリングする方法は3つあり、それぞれに異なる問題があります。すべての問題を解決するより良い方法があるかどうか知りたいです。 シナリオ1： 親の初期化関数で子を初期化します。この方法では、すべてがレンダリングでスタックするわけではないため、レンダリングのブロッキングが少なくなります。 initialize : function () { //parent init stuff this.child = new Child(); }, render : function () { this.$el.html(this.template()); this.child.render().appendTo(this.$('.container-placeholder'); } 問題点： 最大の問題は、もう一度親でrenderを呼び出すと、すべての子イベントバインディングが削除されることです。（これはjQueryがどのように機能するかが原因です$.html()。）これはthis.child.delegateEvents().render().appendTo(this.$el);代わりにを呼び出すことで軽減できますが、最初の最も頻繁なケースでは、不必要により多くの作業を行っています。 子を追加することにより、レンダリング機能に親のDOM構造の知識を持たせ、必要な順序を取得できます。つまり、テンプレートを変更するには、ビューのレンダリング関数を更新する必要がある場合があります。 シナリオ2： 親のinitialize()静止画で子を初期化しますが、追加するのではなく、を使用setElement().delegateEvents()して子を親テンプレートの要素に設定します。 initialize : function () { //parent init stuff this.child = new Child(); }, render : function () { this.$el.html(this.template()); this.child.setElement(this.$('.placeholder-element')).delegateEvents().render(); } …
1
AngularJSコントローラーのライフサイクルは何ですか？
誰かがAngularJSコントローラーのライフサイクルを明確にできますか？ コントローラはシングルトンですか、それともオンデマンドで作成/破棄されますか？ 後者の場合、コントローラーの作成/破棄のトリガーは何ですか？ 以下の例を考えてみましょう： var demoApp = angular.module('demo') .config(function($routeProvider, $locationProvider) { $routeProvider .when('/home', {templateUrl: '/home.html', controller: 'HomeCtrl'}) .when('/users',{templateUrl: '/users.html', controller: 'UsersCtrl'}) .when('/users/:userId', {templateUrl: '/userEditor.html', controller: 'UserEditorCtrl'}); }); demoApp.controller('UserEditorCtrl', function($scope, $routeParams, UserResource) { $scope.user = UserResource.get({id: $routeParams.userId}); }); 例えば： 上記の例では、に移動すると/users/1、user 1がロードされ、に設定されます$scope。 次に、に移動すると/users/2、ユーザー2が読み込まれます。同じインスタンスがUserEditorCtrl再利用されていますか、それとも新しいインスタンスが作成されていますか？ それが新しいインスタンスである場合、最初のインスタンスの破棄をトリガーするものは何ですか？ 再利用する場合、これはどのように機能しますか？（つまり、データをロードするメソッドは、コントローラーの作成時に実行されているように見えます）
10
`new Object（）`とオブジェクトリテラル表記の違いは何ですか？
オブジェクトを作成するためのこのコンストラクタベースの構文の違いは何ですか？ person = new Object() ...そしてこのリテラル構文： person = { property1 : "Hello" }; JSLintではオブジェクトリテラル表記の使用を推奨していますが、どちらも同じことを行うようです。 どっちがいいの？なぜ？
9
JavaScriptでCSS値を取得する
次のようなJavaScriptを介してCSS値を設定できることを知っています。 document.getElementById('image_1').style.top = '100px'; しかし、現在の特定のスタイル値を取得できますか？要素のスタイル全体を取得できる場所を読みましたが、必要がない場合は文字列全体を解析する必要はありません。
199 javascript  css 
10
Vue.Jsの計算されたプロパティにパラメーターを渡すことはできますか
これは、Vue.Jsの計算されたプロパティでパラメーターを渡すことが可能ですか？ゲッター/セッターが計算されたものを使用すると、パラメーターを取得して変数に割り当てることができます。ドキュメントからここのように： // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } } } // ... これも可能ですか？ // ... computed: { …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.