最新記事

jQuery で特定の ID を持つ div が存在するかどうかを確認するにはどうすればよいでしょうか? 質問する
javascript
jquery

jQuery で特定の ID を持つ div が存在するかどうかを確認するにはどうすればよいでしょうか? 質問する

クリック時に要素にを追加する関数があります

。この関数はクリックされた要素のテキストを取得し、それを という変数に割り当てますname。この変数は
id追加された要素の として使用されます。
id要素を追加する前に、 with がすでに存在するかどうかを確認する必要がありますnameが、これを確認する方法がわかりません。 これが私のコードです: $("li.friend").live('click', function() { name = $(this).text(); // if-statement checking for existence of
should go here // If
does not exist, then append element $("div#chatbar").append("
" + name + "
"); // Else alert('this record already exists'); }); これはかなり簡単なように思えますが、「クラス名の検索中に予期しないファイルの終わりが検出されました」というエラーが表示されます。これが何を意味するのか全くわかりません。 if (document.getElementById(name)) { $("div#" + name).css({bottom: '30px'}); } else { $("div#page-content div#chatbar").append("
" + name + "
"); } さらに、この要素を閉じるとdiv id [name]ドキュメントから削除されるようにしたいのですが、.remove()そうはなりません。 そのためのコードは次のとおりです。 $(".mini-close").live('click', function(){ $(this).parent().remove(); }); 私は.mini-closeappend 関数を の子として追加したので、必要に応じて.labels追加を閉じる方法がありました。 をクリックしてから同じ名前をもう一度クリックしようとすると、がまだ検出され、ステートメントの最初の部分が返されます。
.mini-closeli.friendsdiv id [name]if

Admin

webpack-dev-server にリモート接続すると、「無効なホスト ヘッダー」というメッセージが表示されます。質問する
javascript
webpack
webpack-dev-server

webpack-dev-server にリモート接続すると、「無効なホスト ヘッダー」というメッセージが表示されます。質問する

私は環境として Cloud9.io ubuntu VM Online IDE を使用しており、このエラーのトラブルシューティングにより、Webpack 開発サーバーでアプリを実行するだけで済むようになりました。 次のように起動します: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $IP はホストアドレスを持つ変数で、$PORT はポート番号を持ちます。 Cloud 9 にアプリをデプロイするときには、デフォルトの IP とポート情報を持つこれらの変数を使用するように指示されています。 サーバーが起動し、コードをコンパイルします。問題はありませんが、インデックス ファイルは表示されません。テキストとして「無効なホスト ヘッダー」と表示された空白の画面のみが表示されます。 リクエストは次のとおりです: GET / HTTP/1.1 Host: store-client-nestroia1.c9users.io Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 DNT: 1 Accept-Encoding: gzip, deflate, sdch, br Accept-Language: en-US,en;q=0.8 これは私の package.json です: { "name": "workspace", "version": "0.0.0", "scripts": { "dev": "webpack -d --watch", "server": "webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT", "build": "webpack --config webpack.config.js" }, "author": "Artur Vieira", "license": "ISC", "dependencies": { "babel-core": "^6.18.2", "babel-loader": "^6.2.8", "babel-preset-es2015": "^6.18.0", "babel-preset-react": "^6.16.0", "babel-preset-stage-0": "^6.24.1", "file-loader": "^0.11.1", "node-fetch": "^1.6.3", "react": "^15.5.4", "react-bootstrap": "^0.30.9", "react-dom": "^15.5.4", "react-router": "^4.1.1", "react-router-dom": "^4.1.1", "url-loader": "^0.5.8", "webpack": "^2.4.1", "webpack-dev-server": "^2.4.4", "whatwg-fetch": "^2.0.3" } } これは webpack.config.js です: const path = require('path'); module.exports = { entry: ['whatwg-fetch', "./app/_app.jsx"], // string | object | array // Here the application starts executing // and webpack starts bundling output: { // options related to how webpack emits results path: path.resolve(__dirname, "./public"), // string // the target directory for all output files // must be an absolute path (use the Node.js path module) filename: "bundle.js", // string // the filename template for entry chunks publicPath: "/public/", // string // the url to the output directory resolved relative to the HTML page }, module: { // configuration regarding modules rules: [ // rules for modules (configure loaders, parser options, etc.) { test: /\.jsx?$/, include: [ path.resolve(__dirname, "./app") ], exclude: [ path.resolve(__dirname, "./node_modules") ], loader: "babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0", // the loader which should be applied, it'll be resolved relative to the context // -loader suffix is no longer optional in webpack2 for clarity reasons // see webpack 1 upgrade guide }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] }, { test: /\.(png|jpg|jpeg|gif|svg|eot|ttf|woff|woff2)$/, loader: 'url-loader', options: { limit: 10000 } } ] }, devServer: { compress: true } } Webpack開発サーバーは、ホストの設定によりこれを返します。webpack-dev-server/lib/Server.jsの60行目。開発サーバー 私の質問は、このチェックを正しく通過するにはどう設定すればよいかということです。ご協力いただければ幸いです。

Admin

Fetch API と XMLHttpRequest の比較 質問する
javascript
ajax
xmlhttprequest
fetch-api

Fetch API と XMLHttpRequest の比較 質問する

Fetch API は を使用しPromise、どちらもサーバーに AJAX リクエストを実行できることは知っています。 XMLHttpRequestFetch API には、 (および をベースとしているため Fetch API ポリフィル)では利用できない追加機能がいくつかあると読みましたXHR。 Fetch API にはどのような追加機能がありますか?

Admin

ループは逆方向に移動すると本当に速くなりますか? 質問する
javascript
performance
loops
for-loop
while-loop

ループは逆方向に移動すると本当に速くなりますか? 質問する

何度も聞いたことがあります。JavaScript のループは、逆方向にカウントすると本当に速くなるのでしょうか? もしそうなら、その理由は? 逆方向のループの方が速いことを示すテスト スイートの例をいくつか見たことがありますが、その理由についての説明が見つかりません。 これは、ループが終了したかどうかを確認するたびにプロパティを評価する必要がなくなり、最終的な数値に対してのみチェックするようになったためだと推測します。 つまり for (var i = count - 1; i >= 0; i--) { // count is only evaluated once and then the comparison is always on 0. }

Admin

Object.hasOwnProperty() で ESLint の「no-prototype-builtins」エラーが発生します。どうすれば修正できますか? 質問する
javascript
ecmascript-6
eslint

Object.hasOwnProperty() で ESLint の「no-prototype-builtins」エラーが発生します。どうすれば修正できますか? 質問する

指定されたキーの i18n 文字列を取得するために、次のロジックを使用しています。 export function i18n(key) { if (entries.hasOwnProperty(key)) { return entries[key]; } else if (typeof (Canadarm) !== 'undefined') { try { throw Error(); } catch (e) { Canadarm.error(entries['dataBuildI18nString'] + key, e); } } return entries[key]; } プロジェクトで ESLint を使用しています。次のエラーが発生します: ターゲット オブジェクトから Object.prototype メソッド 'hasOwnProperty' にアクセスしないでください。これは ' no-prototype-builtins ' エラーです。 このエラーを解決するには、コードをどのように変更すればよいですか? このルールを無効にしたくありません。

Admin

TypescriptのES6マップ 質問する
javascript
typescript
typescript1.5

TypescriptのES6マップ 質問する

次のような ES6 (ECMAscript 2016) マップのプロパティを持つクラスを TypeScript で作成しています。 class Item { configs: ????; constructor () { this.configs = new Map(); } } TypeScript で ES6 Map 型を宣言するにはどうすればよいですか?

Admin

JavaScript のすべての関数の後にセミコロンを使用する必要があるのはなぜですか? 質問する
javascript
syntax

JavaScript のすべての関数の後にセミコロンを使用する必要があるのはなぜですか? 質問する

さまざまな開発者が JavaScript の関数の後にセミコロンを組み込んでいるのを見たことがありますが、組み込んでいない開発者もいます。どちらがベストプラクティスでしょうか? function weLikeSemiColons(arg) { // bunch of code }; または function unnecessary(arg) { // bunch of code }

Admin

JavaScript から GET パラメータを取得する方法 [重複] 質問する
javascript
get

JavaScript から GET パラメータを取得する方法 [重複] 質問する

この質問に対する回答は既にここにあります : JavaScript でクエリ文字列の値を取得するにはどうすればよいですか? (73件の回答) 7年前に 閉鎖されました 。 考慮する: http://example.com/page.html?returnurl=%2Fadmin js内ではpage.html、どのようにしてGETパラメータを取得できますか? 上記の簡単な例では、func('returnurl')とする必要があります/admin。 しかし、複雑なクエリ文字列でも機能するはずです...

Admin

JavaScript で外部のローカル JSON ファイルを読み取るにはどうすればよいでしょうか? 質問する
javascript
json

JavaScript で外部のローカル JSON ファイルを読み取るにはどうすればよいでしょうか? 質問する

ローカル システムに JSON ファイルを保存し、JSON ファイルを読み取ってデータを出力するための JavaScript ファイルを作成しました。JSON ファイルは次のとおりです。 {"resource":"A","literals":["B","C","D"]} これが JSON ファイルのパスだとします: /Users/Documents/workspace/test.json。 JSON ファイルを読み取って JavaScript でデータを印刷する簡単なコードを書くのを手伝ってくれる人はいませんか?

Admin

Node.js - SyntaxError: 予期しないトークンのインポート 質問する
javascript
node.js
npm
ecmascript-6

Node.js - SyntaxError: 予期しないトークンのインポート 質問する

何が問題なのか分かりません。Node v5.6.0 NPM v3.10.6 コード: function (exports, require, module, __filename, __dirname) { import express from 'express' }; エラー: SyntaxError: Unexpected token import at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:387:25) at Object.Module._extensions..js (module.js:422:10) at Module.load (module.js:357:32) at Function.Module._load (module.js:314:12) at Function.Module.runMain (module.js:447:10) at startup (node.js:140:18) at node.js:1001:3

Admin