JSX で Array#forEach が５倍以上速くなった話 - kazuhoのメモ置き場
JSX の進化速度が半端ない - ぐるぐる～ で紹介していただいているとおり、最新の JSX では function expression の型宣言を省略できるようになっています。これを利用して、たとえば配列の合計を求める場合、 var sum = 0; [ 1, 2, 3, 4, 5, 6, 7, 8 ].forEach(function (n) { sum += n; }); のように、JavaScript と 100% 同様に書くことができるようになりました。省略形を利用して [ ... ].forEach((n) -> { sum + n; }); でもいいです。 ところでこのコード、見た目は同じなんですが、実は JSX だと JavaScript よりも５倍以上速く動くんです。まだ最適化があまいところがあるのに。 なぜか。JavaScript の Array#forEach は配
凯时ag网|真人平台·AG(中国)官方网站
Copyright 2012 - 2019 凯时ag网 All Rights Reserved 电话 :189 7654 3210 邮箱: peiW19@hotmail.com
Google Chrome Developer Tools - Google Code
Getting started Read the overview Watch our videos Read our blog posts Featured Video What is Chrome Developer Tools? The Google Chrome Developer Tools provide an integrated environment for debugging, optimizing, and understanding a web application, or website, running in Google Chrome. The developer tools are developed partly through the WebKit open source project, where the tools are called Web
/packer/で難読化された又は一行Javascriptのソースを見る方法 - toriimiyukkiの日記
「javascript packer」で検索して一番最初に出てくるサイトが /packer/で難読化されたJavaScriptコードをきれいに元に戻す術 - code:x http://code.xenophy.com/?p=868 これ。というのもどうなんでしょう。みんなソース見たいんですかね。 今日はpackerで難読化されたコードや一行Javascriptのソースを見るサービスを紹介したいと思います。 Online javascript beautifier http://jsbeautifier.org/ 次に一行ソースコードを見やすくインデントを自動でしてくれるのがこのサイト。 しかも、packer易読化も同時に出来ちゃう！ これもドデカなテキストボックスにソースコードを貼りつけて[beautify]ボタンを押せば、さっとインデントを行ってくれます。 また、オプションもちょっと豊
Event compatibility tables
Last updated on 6 September 2011. An older version of this page has been translated into Romanian. On this page I give a quick overview of events browser compatibility. This research is exclusively about when the events fire, and on which elements you can add event listeners. The spec is relatively clear about the latter, but frequently vague about the former. Thus it seems you’re currently readin
javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ （本家に直接リンクできるURLが無かったため、参照ページへリンクしています） haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 （５
JavaScript初心者におくる24のグレイトなtips - 三等兵
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
io.js - JavaScript I/O
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts. Download Node.js (LTS)Download Node.js (LTS)Downloads Node.js v20.15.11 with long-term support. Node.js can also be installed via package managers.Want new features sooner? Get Node.js v22.5.11 instead. // server.mjs
外部JavaScriptの動的ロード - os0x.blog
JavaScriptからJavaScriptを読み込むのは、(IEに対応する場合は特に)結構面倒です。 ちょうど昨日公開されたid:amachangのはてブにアクセスチャートを出す Greasemonkeyでは、こんな実装になっていました。 // for IE if (!document.evaluate) { var script = document.createElement('script'); script.src = 'http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/release/javascript-xpath-0.1.11.js'; document.body.appendChild(script); var callee = arguments.callee; var inter
Closure Tools - Google Code
Web applications have evolved from simple HTML pages into rich, interactive applications that provide a great user experience. Today's web apps pose a challenge for developers, however: how do you create and maintain efficient JavaScript code that downloads quickly and works across different browsers? The Closure tools help developers to build rich web applications with JavaScript that is both pow
Firefox拡張簡単キット"マッチFOX" - Gemmaの日記
Firefox拡張を作りたいけど、ややこしくて手がつけられない、そんなあなたに・・・！ 簡単キット"マッチFOX"。Ruby on Rails みたいに、scaffold(骨組み)を作ってくれます。 この骨組みには、はてなブックマーク拡張から取り出したエッセンスが入っていて、 その道のプロフェッショナルと同じスタートラインから開発できます。 - 人柱版(RC2) http://cloud.github.com/downloads/gemmat/Matchfox/matchfox-rc2.xpi 正式版 https://addons.mozilla.org/ja/firefox/addon/47147/ Firefox3が必要です。 XP, Vista, Linuxで動作確認。 使い方 インストールしたら、Matchfoxサイドバー(Ctrl+!)を開きます。 骨組みの、"インストール先のデ
wxJavaScriptを使ったデスクトップアプリケーションの作成
JavaScriptを用いて、ローカルで使うちょっとしたツールが書けたら便利だろうなあと思ったことはありませんか？ 本稿ではJavaScript向けのwxWidget実装である「wxJavaScript」というライブラリおよびJavaScript実行環境を用いて、JavaScriptで作るちょっとしたデスクトップアプリの実装法について可能な限り多くの実装例を交えながら解説したいと思います。 はじめに JavaScriptを用いて、ローカルで使うちょっとしたツールが書けたら便利だろうなぁと思ったことはありませんか？ JavaScriptはオブジェクト指向、正規表現、匿名関数などをサポートする強力なスクリプト言語です。 しかし、その利用範囲はほぼウェブ開発に限定されています。 最近でこそ兄弟言語とも言えるActionScriptがAIRテクノロジの登場によってデスクトップ分野に進出しましたが、
javascript libraryを作るときに便利な3つのfunction : tech.kayac.com - KAYAC engineers' blog
社内で唯一（？）の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指定によりライブラリ内の動作が変わる場合、script tagから値を指定できると設定のための記述要素を減らすことができます。 （ファイル名を静的に指定している理由に関しては「最後のscript tagの取得方法」をご覧ください） <script type="text/javascript"http://example.com/path/script_file_name.js#param1=value1¶m2=value2"></script> var param = (function (file_nam
はてな記法をアシストするGreasemonkey用スクリプト - IkeTの日記
有るようで無かった、はてな記法をアシストするGreasemonkey用のスクリプトを作ってみました。 IDEのコードアシスト依存症の方をターゲットにしています...って俺の事かい！ Webの入力画面でコードアシストってどうよ？って前々から考えていたのでJavaScriptの勉強がてらに作った次第です。 まず手始めに、日頃、お世話になっているはてな記法に適用してみました。 まあ、ブログの記法のような短いコードにアシストは不要な気がしますが、私のようなはてな記法を覚えていない新米ブロガーには良いかと。 尚、その場編集モードには未対応ですのであしからず。 今後は、他のブラウザ対応をほどこした後、テキストエリア用のコードアシストライブラリとしてgithub公開する予定です。 機能的に気になるところや、バグを発見された方は、ご指摘いただけると助かります！ 尚、現在進行形のスクリプトなので、利用される
map、filterなどを使う時の便利な関数(__noSuchMethod__) - 素人がプログラミングを勉強していたブログ
Array#mapなどを使う時、配列の要素に対して要素のメソッドを適用したいことがよくあるけど、普通はこう書かなきゃいけない。 [1, 2, 3, 4, 5].map(function (n) { return n.toString() }); こう書きたい。 [1, 2, 3, 4, 5].map(expand.toString()); // expandが1, 2, 3, 4, 5に置換されるようなイメージ 下のようにすれば、単にメソッドを適用したい時にいちいち無名関数を書かなくてよくなる。 var expand = { __noSuchMethod__: function __noSuchMethod__(prop, args) function (parent) parent[prop].apply(parent, args) }; "__defineGetter__ __defi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Command Line (HAR) · marcelduran/yslow Wiki · GitHub
GitHub - ebidel/filer.js: A wrapper library for the HTML5 Filesystem API what reuses UNIX commands (cp, mv, ls) for its API.
Software Error
GitHub - isaacs/ejsgi: Like JSGI, but using streams.