プログラミング javascript

10

HTML Canvasオブジェクトをクエリして特定の場所の色を取得することはできますか？

111 javascript html canvas

15

私は<script>ページのに動的にタグを追加しています。<head>ロードがなんらかの理由で失敗したかどうかを確認できるようにしたいのです-404 、ロードされたスクリプトのスクリプトエラーなど。 Firefoxでは、これは機能します。 var script_tag = document.createElement('script'); script_tag.setAttribute('type', 'text/javascript'); script_tag.setAttribute('src', 'http://fail.org/nonexistant.js'); script_tag.onerror = function() { alert("Loading failed!"); } document.getElementsByTagName('head')[0].appendChild(script_tag); ただし、これはIEまたはSafariでは機能しません。 Firefox以外のブラウザでこれを機能させる方法を知っている人はいますか？（.jsファイル内に特別なコードを配置する必要があるソリューションは良いものではないと思います。それは洗練されておらず、柔軟性がありません。）

111 javascript onerror script-tag

6

JavaScriptを使用してブラウザからTCPソケットに接続する

ソケットを開いてそれをリッスンするvb.netアプリケーションがあります。ブラウザで実行されているJavaScriptを使用して、このソケット経由でそのアプリケーションと通信する必要があります。つまり、このソケットでデータを送信して、このソケットをリッスンしているアプリがそのデータを取得し、いくつかのリモート呼び出しを使用して何かを行い、さらにデータを取得して、JavaScriptが必要とするソケットに戻す必要があるそれをブラウザで読んで印刷してください。私は、socket.io、websockifyを試しましたが、有用であると証明されたものはありません。したがって、質問、私が試みていることは可能ですか？ブラウザで実行されているjavascriptがtcpソケットに接続してデータを送信し、ソケットでさらにデータレスポンスをリッスンしてブラウザに出力する方法はありますか。これが可能である場合、目標を設定するのに役立つ正しい方向に私を向けることができます。

111 javascript html node.js sockets tcpclient

6

JavaScriptでの特定のエラーの処理（例外を考える）

さまざまな種類のエラーをどのように実装すれば、特定のエラーをキャッチして他のエラーを浮上させることができますか？これを実現する1つの方法は、Errorオブジェクトのプロトタイプを変更することです。 Error.prototype.sender = ""; function throwSpecificError() { var e = new Error(); e.sender = "specific"; throw e; } 特定のエラーをキャッチ： try { throwSpecificError(); } catch (e) { if (e.sender !== "specific") throw e; // handle specific error } 代替案はありますか？

111 javascript error-handling

6

React入力テキストフィールドに入力できません

React.jsの最初のビットを試してみましたが、早い段階で困惑しています...以下のコードを使用すると、検索フォームがにレンダリングされ<div id="search"></div>ます。ただし、検索ボックスに入力しても何も起こりません。小道具と状態を上下に渡して何かが欠けていると思われますが、これは一般的な問題のようです。しかし、私は困惑しています-何が欠けているのかわかりません。 var SearchFacet = React.createClass({ handleChange: function() { this.props.onUserInput( this.refs.searchStringInput.value ) }, render: function() { return ( <div> Search for: <input type="text" value={this.props.searchString} ref="searchStringInput" onchange={this.handleChange} /> </div> ); } }); var SearchTool = React.createClass({ render: function() { return ( <form> <SearchFacet searchString={this.props.searchString} onUserInput={this.props.onUserInput} /> <button>Search</button> </form> ); } …

111 javascript reactjs

4

JavaScript文字列で改行しないスペースはどのように表されますか？

これは明らかに機能していません： X = $td.text(); if (X == '&nbsp;') { X = ''; } 改行しないスペースやJavaScriptが気に入らないアンパサンドについて何かありますか？

111 javascript jquery

10

json要素を削除

JSON要素またはJSONから行全体を削除したい。次のJSON文字列があります。 { "result":[ { "FirstName": "Test1", "LastName": "User", }, { "FirstName": "user", "LastName": "user", }, { "FirstName": "Ropbert", "LastName": "Jones", }, { "FirstName": "hitesh", "LastName": "prajapti", } ] }

111 javascript json

4

Javascriptで正規表現の部分文字列の一致をどのように置き換えることができますか？

var str = 'asd-0.testing'; var regex = /asd-(\d)\.\w+/; str.replace(regex, 1); これにより、文字列全体がに置き換えstrられ1ます。文字列全体ではなく、一致した部分文字列を置き換える必要があります。これはJavaScriptで可能ですか？

111 javascript regex replace substring

4

Leaflet.jsでマップセンターを変更する方法

次のコードは、リーフレットマップを初期化します。初期化機能は、ユーザーの位置に基づいてマップを中央に配置します。初期化関数を呼び出した後、マップの中心を新しい位置に変更するにはどうすればよいですか？ function initialize() { map = L.map('map'); L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery Â© <a href="http://cloudmade.com">CloudMade</a>' }).addTo(map); map.locate({setView: true, maxZoom: 8}); }

111 javascript leaflet

1

JavaScriptで「：」の前の文字列の一部を削除するにはどうすればよいですか？

文字列がある場合Abc: Lorem ipsum sit amet、JavaScript / jQueryを使用して、:を含める前に文字列を削除するにはどうすればよいですか:。たとえば、上記の文字列は次のようになりますLorem ipsum sit amet。

111 javascript

1

jQuery-要素にクラスがある場合、これを行います

要素に特定のクラスがあるかどうかを確認し、位置の変更などのアクションを実行するjQueryスクリプトが必要です。これがやり方ですが、うまくいくとは思いません。 $("a.contact").toggle(function() { $("#contact").animate({ right: '0' }, 2000); if ($("#about").hasClass("opened")) { $("#about").animate({ right: -700 + "px" }, 2000); } }, function() { $("#contact").animate({ right: -700 + "px" }, 2000); });

111 javascript jquery

20

.innerHTMLで挿入された<script>要素の実行

私はいくつかのコンテンツを要素に挿入するスクリプトを持っています innerHTML。コンテンツは、たとえば次のようになります。 <script type="text/javascript">alert('test');</script> <strong>test</strong> 問題は、<script>タグ内のコードが実行されないことです。私はそれを少しググりましたが、明確な解決策はありませんでした。jQueryを使用してコンテンツを挿入した場合、DOMに挿入される前に$(element).append(content);スクリプトパーツが取得evalされます。誰かがすべての<script>要素を実行するコードのスニペットを持っていますか？jQueryコードは少し複雑だったので、どのように行われたのか本当に理解できませんでした。編集： jQueryコードをのぞいてみると、jQueryがそれをどのように行うかを理解することができました。その結果、次のコードが生成されました。 Demo: <div id="element"></div> <script type="text/javascript"> function insertAndExecute(id, text) { domelement = document.getElementById(id); domelement.innerHTML = text; var scripts = []; ret = domelement.childNodes; for ( var i = 0; ret[i]; i++ ) { if ( scripts && nodeName( ret[i], "script" ) …

111 javascript dom eval innerhtml

8

16進数の色が「黒すぎる」かどうかを確認するにはどうすればよいですか？

カラーピッカーで選択した色の濃さを評価して、「黒すぎる」かどうかを確認し、そうである場合は白に設定します。16進数値の最初の文字を使用してこれを取り除くことができると思いました。動作していますが、一部の正当な「明るい」色も切り替えています。私はこれを行うコードを持っています： if (lightcolor.substring(0,3) == "#00"|| lightcolor.substring(0,3) == "#010"){ lightcolor="#FFFFFF"; color=lightcolor; } 色が特定のレベルの暗さを超えたことを知るには、16進数演算を使用したより効率的な方法が必要ですか？lightcolor + "some hex value" <= "some hex value"のように、それを白に設定します。 tinyColorを追加しましたが、これは役に立つかもしれませんが、確かではありません。

111 javascript colors

7

JavaScriptでBlobをファイルに変換する方法

NodeJSサーバーの画像をディレクトリにアップロードする必要があります。connect-busboyそのためにnodeモジュールを使用しています。私が持っていたdataURL私は、次のコードを使用してBLOBに変換するイメージのを： dataURLToBlob: function(dataURL) { var BASE64_MARKER = ';base64,'; if (dataURL.indexOf(BASE64_MARKER) == -1) { var parts = dataURL.split(','); var contentType = parts[0].split(':')[1]; var raw = decodeURIComponent(parts[1]); return new Blob([raw], {type: contentType}); } var parts = dataURL.split(BASE64_MARKER); var contentType = parts[0].split(':')[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array …

111 javascript node.js file-upload blob

4

async / awaitは暗黙的にpromiseを返しますか？

asyncキーワードでマークされた非同期関数が暗黙的にpromiseを返すことを読みました。 async function getVal(){ return await doSomethingAync(); } var ret = getVal(); console.log(ret); しかし、それは首尾一貫していない...仮定doSomethingAsync()がpromise を返し、awaitキーワードがpromise itefではなくpromiseから値を返す場合、私のgetVal関数は暗黙のpromiseではなくその値を返す必要があります。それでは、具体的にはどうなのでしょうか。asyncキーワードでマークされた関数は暗黙的にpromiseを返しますか、それともそれらが返すものを制御しますか？おそらく、明示的に何かを返さない場合、暗黙的に約束が返されます...？より明確にするために、上記との違いがあります function doSomethingAync(charlie) { return new Promise(function (resolve) { setTimeout(function () { resolve(charlie || 'yikes'); }, 100); }) } async function getVal(){ var val = await doSomethingAync(); // val is not a …

111 javascript node.js async-await ecmascript-next

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

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