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

VueJSでは、v-ifを使用してDOM要素を追加または削除できます。 <button v-if="isRequired">Important Button</button> しかし、dom要素の属性を追加/削除する方法はあります。たとえば、次の場合、必要な属性を条件付きで設定します。 Username: <input type="text" name="username" required> 次のようなもので： Username: <input type="text" name="username" v-if="name.required" required> 何か案は？

119 javascript  vue.js  vuejs2 

に出くわしたとき、私はフックのドキュメントを調べていましたuseRef。 彼らの例を見て… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> ); } …にuseRef置き換えることができるようcreateRefです。 function TextInputWithFocusButton() { const inputRef = createRef(); // what's …

119 javascript  reactjs  react-hooks 

私は、唯一の乗算演算子でJavaScript式をサポートしているソフトウェア（オラクルのSiebel）と協力除算、減算、追加、およびXOR（AM *、/、-、+、^）。!またはのような他の演算子はありませ? :ん。 上記の演算子を使用して、数値がゼロ以外の場合は1に変換し、すでにゼロの場合は0のままにすることはできますか？数値は、正、ゼロ、または負です。 例： var c = 55; var d; // d needs to set as 1 私が試しましたがc / c、は0のNaNときに評価されます。cが0のときは0である d必要cがあります。 cは通貨値であり、最大2つの後続桁と12の先行桁があります。 if数値をブール値0または1に変換し、式の他の部分を乗算して、条件をエミュレートしようとしています。

118 javascript  siebel 

チェックボックスを動的に作成しました。私が使用しているaddEventListenerGoogleのChromeとFirefoxで動作しますが、チェックボックスのクリックで機能を呼び出すためにInternet Explorer 8で動作しません。これは私のコードです： var _checkbox = document.createElement("input"); _checkbox.addEventListener("click", setCheckedValues, false); setCheckedValues 私のイベントハンドラです。

118 javascript  internet-explorer-8  addeventlistener 

モバイルバージョンでPhoneGap：Buildを使用するWebアプリケーションを開発していて、「デスクトップ」バージョンとモバイルバージョンで1つのコードベースを使用したいと考えています。PhoneGap呼び出しが機能するかどうか（つまり、PhoneGapをサポートするモバイルデバイスのユーザーかどうか）を検出できるようにしたい。 私は検索しましたが、これを行う簡単な方法はありません。多くの人々が提案を提供しています。 http://www.sencha.com/forum/showthread.php?144127-Checking-if-running-in-PhoneGap-or-Mobile-Web-Browser http://groups.google.com/group/phonegap/browse_thread/thread/322e80bd41bb1a54/a421300eb2a2029f?lnk=gst&q=detect+desktop#a421300eb2a2029f http://groups.google.com/group/phonegap/browse_thread/thread/8a95dfeb0f313792/3ff10d8f35211739?lnk=gst&q=detect+desktop+browser#3ff10d8f35211739 デスクトップバージョンのアプリからPhoneGap JavaScriptファイルを削除しない限り、どれも機能しません。これは、コードベースを1つにするという私の目標に反します。 これまでのところ、私が思いついた唯一の解決策はブラウザ/ユーザーエージェントのスニッフィングですが、これは控えめに言っても堅牢ではありません。より良いソリューションを歓迎します！ 編集：少し良い解決策は、小さなタイムアウトの後にPhoneGap関数を呼び出すことです。それが機能しない場合は、ユーザーがデスクトップWebブラウザーを使用していると想定します。

118 javascript  cordova 

独自のコントローラーを持つディレクティブがあります。以下のコードを参照してください： var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; } } var linkFn = function (scope, lElement, …

118 javascript  jquery  angularjs  angularjs-directive 

2つの角のアプリ/モジュールを1つのページに追加しようとしています。以下のフィドルでは、htmlコードで参照されている最初のモジュールのみが常に正しく機能するのに対し、2番目のモジュールは角度で認識されないことがわかります。 このフィドルではdoSearch2メソッドのみを実行できますが、このフィドルではdoSearchメソッドのみが正しく機能します。 2つの角度モジュールを1つのページに正しく配置する方法を探しています。

118 javascript  angularjs 

Object.WatchとのObject.Observe両方が現在非推奨になっていることに注意してください（2018年6月現在）。 オブジェクトまたは変数の変更を監視する簡単な方法を探していたところObject.watch()、MozillaブラウザーではサポートされているがIEではサポートされていないことがわかりました。だから私は誰かが何らかの同等のものを書いたかどうかを探して周りを探し始めました。 私が見つけた唯一のことはjQueryプラグインですが、それが最善の方法かどうかはわかりません。私は確かにほとんどのプロジェクトでjQueryを使用しているので、jQueryの側面については心配していません... とにかく、質問：そのjQueryプラグインの実際の例を誰かに見せてもらえますか？うまく動かないのですが… または、クロスブラウザで動作するより良い代替案を誰かが知っていますか？ 回答後に更新： 回答ありがとうございます！ここに投稿されたコードを試してみました：http : //webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html しかし、IEで動作させることができなかったようです。以下のコードはFirefoxでは正常に動作しますが、IEでは何も実行しません。Firefoxでは、watcher.status変更されるたびにdocument.write()in watcher.watch()が呼び出され、ページに出力が表示されます。IEではそれは起こりませんがwatcher.status、最後のdocument.write()呼び出しで正しい値が表示されるため（IEとFFの両方で）、値が更新されていることがわかります。しかし、コールバック関数が呼び出されない場合、それは一種の無意味です... :) 何か不足していますか？ var options = {'status': 'no status'}, watcher = createWatcher(options); watcher.watch("status", function(prop, oldValue, newValue) { document.write("old: " + oldValue + ", new: " + newValue + "<br>"); return newValue; }); watcher.status = 'asdf'; watcher.status = '1234'; document.write(watcher.status + …

118 javascript  jquery  dom-events 

（MDNリファレンス）のa**b代替としてECMAScript 7機能を発見しました。その投稿で、動作が明らかに異なるという議論に遭遇しました。Chrome 55でテストしましたが、結果が異なることが確認できました。Math.pow(a,b) Math.pow(99,99) 戻り値 3.697296376497263e+197 一方 99**99 戻り値 3.697296376497268e+197 したがって、差分Math.pow(99,99) - 99**99をログに記録すると、になり-5.311379928167671e+182ます。 これまでのところ、それは単なる別の実装であると言えるかもしれませんが、それを関数でラップすることは再び異なる動作をします： function diff(x) { return Math.pow(x,x) - x**x; } 呼び出しをdiff(99)返します0。 なぜそれが起こっているのですか？ 以下のようxszabojは指摘し、これはこの問題に絞り込むことができます。 var x = 99; x**x - 99**99; // Returns -5.311379928167671e+182

118 javascript  google-chrome  v8  ecmascript-7 

私はjQueryの専門家ではありませんが、アプリケーション用の小さなスクリプトを作成しようとしました。すべてのチェックボックスをオンにしたいのですが、正しく機能しません。 最初に使用attrしてみましたが、その後試しましたpropが、何か間違っています。 私はこれを最初に試しました： $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); しかし、これはうまくいきませんでした。 次：これは上記のコードよりもうまくいきました $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); どちらの例も機能しません。 JSFiddle：http ://jsfiddle.net/hhZfu/4/

118 javascript  jquery  checkbox 

HTMLのチャンクをdivに挿入しようとしています。単純なJavaScriptの方法がjQueryを使用するよりも速いかどうかを確認したいと思います。残念ながら、私はそれを「古い」方法で行う方法を忘れていました。：P var test2 = function(){ var cb = function(html){ var t1 = document.getElementById("test2"); var d = document.createElement("div"); d.id ="oiio"; d.innerHtml = html; t1.appendChild(d); console.timeEnd("load data with javascript"); }; console.time("load data with javascript"); $.get("test1.html", cb); } 私はここで何を間違っているのですか？ 編集： 誰かがjqueryまたはプレーンjsのどちらが速いかを尋ねたので、テストを書きました：http : //jsperf.com/html-insertion-js-vs-jquery プレーンjsは10％高速です

118 javascript 

私は非常に多くのリンクをググっていて、古典的な継承とプロトタイプの継承の違いについて良い考えを得ることができませんか？ 私はこれらからいくつかのことを学びましたが、私はまだ概念について混乱しています。 原型継承が古典よりも優れている点は？ http://aaditmshah.github.io/why-prototypal-inheritance-matters/ 古典的遺産 // Shape - superclass function Shape() { this.x = 0; this.y = 0; } //superclass method Shape.prototype.move = function(x, y) { this.x += x; this.y += y; console.info("Shape moved."); }; // Rectangle - subclass function Rectangle() { Shape.call(this); //call super constructor. } //subclass extends superclass …

118 javascript  inheritance 

このテーマに関するいくつかの資料を読んだ後でも、コンパイルされた言語とインタープリター言語の違いが何であるかはまだわかりません。これはJavaとJavaScriptの違いの1つだと言われました。誰かがそれを理解するのを手伝ってくれませんか？

118 java  javascript  programming-languages 

AngularJSアプリが認証を処理するためのHTTPインターセプターを作成しようとしています。 このコードは機能しますが、Angularがこれを自動的に処理することになっていると思ったので、サービスを手動で注入することについて心配しています。 app.config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push(function ($location, $injector) { return { 'request': function (config) { //injected manually to get around circular dependency problem. var AuthService = $injector.get('AuthService'); console.log(AuthService); console.log('in request interceptor'); if (!AuthService.isAuthenticated() && $location.path != '/login') { console.log('user is not logged in.'); $location.path('/login'); } return config; } }; …

118 javascript  angularjs 

それらの違いは何だろうといつも思っていました。彼らはすべて同じことをしているようです...

118 javascript  foreach  map-function