単純なマッチで複数回replaceするのと、文字クラスを使って一回replaceするのでは、どちらが速いか - anti scroll
qiitaでこんな記事がありました。 innerText(textContent)/innerHTMLを使わずJavaScriptでHTMLエスケープ - Qiita で、思い出したのですが「文字クラスでreplaceを一度で済ますより、単純なマッチを直列で繰り返したほうが速い」って話しをどこかで聞いた覚えがあるので、どのぐらい差があるのか、ちょっと試してみました。 念のため、元記事の関数でテーブル参照をしないバージョン（escapeCharClassEx）も用意。 3パターンのescape関数 // 元記事の関数 var escapeCharClass = function(content) { var TABLE_FOR_ESCAPE_HTML = { "&": "&", "\"": """, "<": "<", ">": ">" }; return co
JavaScript for OSX Automation AppleScriptの代替をJavaScriptでやるサンプルのカレンダー | Advent Calendar 2014 - Qiita
OSX Yosemite で AppleScript がJavaScriptで書けるようになったので アドベントカレンダーで、たくさんサンプルを書いていきたいと思います。 JavaScriptですべてを加工して書こう。 windowsがCOM / ActiveX で成し得なかった、夢ですね。 Windows/ OSX / ブラウザ ・・・すべてをJSで記述するという夢でした。 JSこそ、人類の夢なのだ。
The magic __proto__ property
Introduction Non-standard __proto__ Feature detection Use cases Inheritance pattern Subclassing the built-ins Drawbacks Proto-less objects - why we need them? ECMAScript 6 Conclusion Materials Introduction Javascript is prototype based language, which means every object can be a prototype for another object. This process is called forming of prototype chain. The prototype chain is a finite linke
じゃあ this の抜き打ちテストやるぞー - Qiita
JavaScriptのthisの覚え方 や JavaScriptの「this」は「４つ」だけ！の授業でやったから、this はみんなばっちりだよな。じゃあ今から抜き打ちテストするぞー。まだ読んでないひとは先に上の記事を読んどくといいと思うけど、腕に自信のある人はすぐに回答を始めても構わないぞ。赤点とった奴は、今日の放課後補習だからなー。 【注意】 問題 18 ～20 について、カンマ演算子 を知らないから解けなかった、という人が結構いるみたいです。本問はカンマ演算子の知識を問うものではなく、あくまで this の振る舞いについての理解を試すものなので、本来の題意を損なわないように当該の問題は改題しました。改題後も正答とその根拠は変わりません。 得点 評価
ecmascript generators from a performance perspective — wingolog
It's been really gratifying to see the recent interest in ES6 generators in V8. I'm still a Schemer at heart, but one thing all language communities should learn from JS is its enthusiasm and sense of joyful play. One can't spend much time around folks like James Long or Domenic Denicola without feeling the urge to go out and build something fun. perfie perf perf perf But this is a blog about narg
JavaScript と関数とクロージャ - ひだまりソケットは壊れない
JavaScript でどれがクロージャなのか、という話が興味深かったです! 問題：どれが「クロージャ」でしょうか？ - hogehoge @teramako 回答：どれが「クロージャ」でしょうか？ - hogehoge @teramako ほむほむ。 クロージャなのかどうか考える以前に、どういう挙動を示すのかを考えるのが難しいですよね＞＜ eval の挙動の違いなんかは狂気を感じざるを得ません! そうそう、"use strict" の有無 (strict コードかどうか) でも eval コードの変数環境の初期化処理が変化します。 難しいですね!! var e1 = (function () { var msg = "関数の中です"; return eval("var msg; (function() { return msg; })"); }).call(this); console.
配列を高速に探索するTips - Qiita
[追記]気づいたらいつの間にか50ストックを超えていました。みなさんありがとうございます。[/追記] どうも、Opera Nextに（色んな意味で）驚きを隠せないあらっきぃです。 大抵の場合はArray#indexOfで事足りるんだけど、時々高速に配列に要素が存在するか調べたくなることがあります。 例えばこんな風に、要素数100000の配列があったとします。 var arr = (function(len) { var i, arr = []; for(i = 0; i < len; i++) arr.push(~~(Math.random() * len)); return arr; })(1000000);
[JavaScript]for 内でイベントリスナとか登録するときにやっちゃいがちな間違い. とその対処法を３つほど. | TM Life
つい先日, というか今日, @webryone さんからのコードレビュー依頼を受け @awebprogrammer さんとレビューしてたときに見つかったバグが あまりにもあるあるw だったのでエントリーとして書かせて頂きました.(許可済) そのバグというのは, for 内でイベントリスナを登録する際に 関数と関連づけられていない変数を使ってしまい最後の変数を参照してしまうというものです. JavaScript を勉強されている方であれば誰もが通る道…のはず. いまいち文章ではわかりにくいと思うので サンプルを作ってみました. Table of contents バグの Sample 対応その１: クロージャを使う 対応その２: event.targetを使う 対応その３: forEach を使う 対応その４ : this を使う @webryone さんのライブラリ webryone.js
jQuery 2.0.0 · jsPerf
Revisions You can edit these tests or add even more tests to this page by appending /edit to the URL. Revision 1: published Andreas Goebel on 2011-2-26 Revision 2: published RoVeRT on 2011-2-26 Revision 3: published Mathias Bynens on 2011-3-27 Revision 4: published on 2011-3-27 Revision 6: published on 2011-4-1 Revision 7: published on 2011-4-1 Revision 8: published jess jacobs on 2011-6-1 Revisio
Design Pepper - Advice you can bank on
https://designpepper.com/wp-content/uploads/2020/04/sourcing-for-your-products-1050x600.jpeg
Javascriptでヒアドキュメント - Qiita
そろそろ「テンプレート文字列」を使用しても問題なくなってきたので、こちらを使用しまよう。 テンプレート文字列 - JavaScript | MDN Multi-line strings in JavaScript and Node.js 面白い記述のしかたを発見。 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <style> .title{ width:100%; height:240px; line-height:240px; text-al
JSDoc Toolkit→JSDoc 3移行ガイド | BLOG - DeNA Engineering
こんにちわ、DeNA San Francisco の渋川と申します。エンジニアブログには初登場です。 JavaScriptのソースコードからAPIドキュメントを生成するツールには何種類かありますが、日本語の書籍やウェブサイトでも情報が得やすいこともあって、JSDocの系統が幅広く使われています。Google Closure Compilerも、JSDocを拡張したドックコメントをアノテーションとして読み込んで最適化します。 JSDocは長い期間メンテナンスされているオープンソースプロダクトです。初代はPerlで書かれたJSDoc 1です。これはすでにリポジトリも削除されています。現在最も使われているのが JSDoc Toolkit (JSDoc 2) です。弊社の ngCoreのドキュメント でも使用しています。 ただ、これも現在は機能追加を停止していて、後継プロダクトの JSDoc 3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
StringRepeat · jsPerf
株式会社アークウェイ – Archway-Consulting Service-
881981 - Immediately invoked Arrow Functions incorrectly throw SyntaxError
Heroku | Login
SSSSLIDE
How do I get Month and Date of JavaScript in 2 digit format?
649570 - delete window.NaN doesn't throw a TypeError in strict mode code
...