Collection & Copy - [JavaScript]キャッシュ、メモ化
キャッシュ、メモ化 JavaScript IT戦記 - 要素をキャッシュして $ 関数をちょっと高速化 JavaScript++かも日記: 【チューニング】キャッシュ付ちょい$関数 上記を読み、以下のメモ化を利用できないか試してみた。 d.y.d. - memoization: ちょい補足 function memoize(f) { var memo = {}; var join = Array.prototype.join; return function() { var key = join.call(arguments); return memo[key] || (memo[key] = f.apply(this,arguments)); } } $ = memoize($); // Firebugの時間計測を利用 console.time("$"); for(var i = 0 ;
要素をキャッシュして $ 関数をちょっと高速化 - IT戦記
prototype.js の $ 関数で あっちこっちで、$、$、ってやるとその都度ノード探索発生してうざいので ↓prototype.js 1.5 の $ 関数 function $() { var results = [], element; for (var i = 0; i < arguments.length; i++) { element = arguments[i]; if (typeof element == 'string') element = document.getElementById(element); results.push(Element.extend(element)); } return results.length < 2 ? results[0] : results; } キャッシュしてみますた。 でも、IDがダイナミックに変更される場合(あんまな
JavaScript でブロックスコープを実現する: Days on the Moon
JavaScript には基本的にブロックスコープというものが存在しない。どうしてもブロックスコープを扱いたいときは function 式を使ったりする。 var a = 10; { var a = 20; print(a); // 20 } print(a); // 20 var a = 10; (function () { var a = 20; print(a); // 20 })(); print(a); // 10 だがやはりブロックスコープがあったほうが便利ということで JavaScript 1.7 では let 式、let 文、let 宣言が導入される。 var a = 10; let (a = 20) { print(a); // 20 } print(a); // 10 しかしこれでは対応するブラウザが Firefox 2 以降などに限られる。ところが、with 文とオブ
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
マウスオーバーのタイムアウトを使ったJavaScript - GIGAZINE
通常のマウスオーバーを使うメニューだと、展開まで早すぎる、あるいは遅すぎる場合が多々あるわけですが、このスクリプトだとちょうどいい速度で展開してくれるらしい。 スクリプトの詳細は以下の通り。 Timeout your Mouseovers 上記ページの「Roll over me」の上にマウスを乗せれば展開されます。確かに今までのものよりもスピードやタイミングがちょうどいい感じな気もする。ちょっと一呼吸置いてから展開される感じですね。
ジャバスクリプト 初心者お助けサイト
ジャバスクリプト 初心者お助けサイト スポンサード リンク 基 本 最初はココからスタート↓ 変 数 変な数字がいっぱい!? 演算子 計算の世界へようこそ ①ジャバスクリプトって何ですか？ ②用意するもの ③ジャバを動かす宣言 ④コメントアウトを忘れずに ⑤扱える値 ⑥ジャバを書いてみよう！ ①変数って何ですか？ ②変数名のきまり ③変数を宣言する ④変数を使ってみる ⑤グローバルとローカル ⑥配列を使う ①演算子って何ですか？ ②算術演算子 ③代入演算子 ④論理演算子 ⑤比較演算子 ⑥文字列演算子 条件分岐 もし雨が降ったら○○する 繰り返し ループと同じ 関数 コードの再利用（リサイクル） ①条件分岐って何ですか？ ②if文 ③if ～ else文 ④if ～ else if文 ⑤ちょっと省略 ⑥switch文 ①繰り返しって何ですか？ ②for文
javascriptを多用したページを早く表示するには « ku
diggにのってた Vitamin Features » Serving JavaScript Fast っていう、Flickrの Cal Henderson というひとが書いてた記事に、最近なんとかなんないのかと思ってたことが書かれていて、すんげー！というわけですぐ試してみたら確かにその通りになって最高でした。 Serving JavaScript Fast ってなんのこと？というかんじだけど、要するにいまどきなWEBページはCSSとかjavascriptとかたくさん使っていて、ページのロードが完了するまで時間がかかるからなんとかしたいよね、という話。 CSSもjavascriptも一度読み込めばキャッシュされるからいいんじゃないの？ たしかに。しかしブラウザは毎回更新されたかどうかを確認しに行って、更新されてない、という答えをもらってから自分が持っているキャッシュを使っているのです
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
Googleがonclickにはhref="javascript:void(0)"も付ける理由？
Googleはonclickなアイテムにはhref="javascript:void(0)"も付けてくれることが多いあるのだが、このお陰で（少なくともFxなら）フォーカスを合わせることが出来る（フォーカス状態でEnterを押せばクリックと同じ動作になる）。対してLDRなどはonclick属性しか使用していないらしく、Tabキーでブラウジングしてる場合などに、フィードの一覧にどうやってもフォーカスが移らないため、とても残念な気持になる。 例えばspan要素などにonclick属性を付けてイベントを発生させている場合はこの方法は使えない（そもそもhref属性がない）ため、表面上のユーザビリティ的には、クリックイベントを取得する場合はa要素を使い、onclick属性と一緒にhrefも付けておくのがよいと言うことになる。 フォロー記事 フォーカスとjavascript:void(0)の話・2
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
woremacx.com - https://woremacx.com/
Windows 10 の入ったディスクのバックアップが clonezilla で外形的にできることがわかった Posted on Jun 27, 2020 Windows10 が載ってるディスクに破壊的な変更加える前にバックアップしたくて、SystemRescueCd で clonezilla 使ってディスクまるごとイメージ化した(内部的には partimage が使われてる?)。 でこれ、レストアしたら起動する状態まで持っていけるんかな? すんごく不安だ。。。 — woremacx (@woremacx) June 15, 2020 systemrescuecd に同梱されている clonezilla を使ってまるまる取った Windows 10 のバックアップが戻せるか不安で仕方なかったので、VirtualBox に戻せるか試した。 そもそもなぜ clonezilla を試したかったの
d.aql - scriptタグの中にJavaScriptを書く正しい方法
XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。（試してないけど。）じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。（別にstrictを選ばなくても良いんだけどとりあえず。） http://www.w
我的春秋: 振る舞い分離 JavaScript ライブラリ一覧（途中）
とりあえず、昨日（「続 JavaScript ソースが HTML から消える日」）の続きです。 あとで、対応ブラウザと対応セレクタ、ライセンスの一覧をアップしますが、とりあえずは現時点で把握している選択肢だけでも挙げておきます。 と昨日いいましたけど、ちょっと検証までやってる時間がないので、現時点で把握している範囲内の情報だけでもアップしておきます。（参考リンクもあらためて探し直してきたらボロボロ出てきたので整理しないと..。）また追々情報を追加していくつもりですけど、情報リーク大歓迎です。 対照表へ こういう情報って配信形態として Blog よりも Wiki の方が向いてるよなぁ..とかいうジレンマも自覚しつつ..。(- -;) それと、一応、この振る舞いの完全分離 —特に getElementsById の枠を超える部分のマイナスの面にも言及しておくべきでしょうね。 Shibuya.j
IEにもFirefoxにもJavaScript処理の脆弱性--次期リリースで修復へ
MicrosoftとMozillaが、両社のウェブブラウザに存在するセキュリティホールが侵入者によって悪用され、ファイルを盗まれるおそれがあることを認めた。だが、こうした悪用は条件的に難しく、リスクはそれほど大きくないとも話している。 セキュリティ専門家は今週に入って、「Internet Explorer（IE）」および「Firefox」、そしてMozillaのその他のブラウザでJavaScriptを処理する方法に脆弱性があると警告していた。攻撃者がこうした問題を悪用して、ファイルを不正にアップロードする可能性があり、マシンユーザーの個人情報が危険にさらされるというのである。 しかし、ユーザー側が多くの操作を行わなければ同脆弱性の悪用は難しいことから、MicrosoftおよびMozillaは差し迫った危険はなく、修正パッチをすぐにリリースする必要もないと考えている。関係者によれば、両社はブ
Collection & Copy - 月の日数を求める
JavaScriptきしださん(id:nowokay)コメント、ストライクです。これだ、これだよー。0で前月の最終日だよ。 new Date(year, month+1, 0).getDate(); (found at Determining the Number of Days in a Month with Javascript) function daysInMonth(month, year){ return 32 - new Date(year, month, 32).getDate(); } これおしゃれやわぁ。日付をロールオーバーさせて基礎値から引くかんじ。日数の最大値より多ければ、32でも40でもいいんだな。 私が考えたのは、月初の前日の日を調べるやつで、Dateオブジェクトが無駄でした。 function getLastDateOfMonth(year, month
Collection & Copy - WSH、外部スクリプトをロードする
JavaScriptWSHで、Rhinoのloadに類似するような外部スクリプトをロードする方法を探したが、見つからなかったので書いた。より簡便な方法があるような気もする。 load("http://www.mochikit.com/MochiKit/Base.js"); load("lib/MochiKit/Iter.js"); function load(src){ eval(getText(src)) } function getText(url){ url = url.indexOf(":") != -1 ? url : "file:///" + WScript.CreateObject("Scripting.FileSystemObject").GetAbsolutePathName(url).replace(/\\/g,"/"); var xhr = new ActiveX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記 - 1997年からの
ココログ助け合い掲示板トップ
IT戦記 - Shibuya.js Technical Talk #1 を終えて。
3つの数の最大値を返す - FAX