JavaScriptのindexOf(その１)
まずは手始めにJavaScriptのネタ。 IE8では、配列の要素を検索する関数、indexOf()が実装されていません。 Chromeなんかでは実装されてるのにね。 以下のようなコードを書いてみました。 JSファイルの先頭にでもぶち込んでおきましょう。 indexOf()の実装 if (!Array.indexOf) { Array.prototype.indexOf = function(o) { for (var i in this) { if (this[i] == o) { return i; } } return -1; } } まず1行目でArrayクラスにindexOfが存在するかを確認します。 存在しなかったら、2行目でArrayクラスのprototypeにindexOfの実装を追加します。 これで以降、全ての配列でindexOf()を使えるようになります。 indexO
IE には Array.indexOf がないので追加する - xykの日記
IE で Array.indexOf を使おうと思ったら実装されていないことを知った。 以下のように追加する。 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } 例： var array =
$(window).width()で表示幅、$(document).width()でドキュメント幅（ページ全体の幅） - こんにちはこんにちはmonmonです！
jQuery使って$(document).width()でページ全体の幅が取得できるのは知ってたのだけど、 表示されてる幅の表示方法がわからなくて試行錯誤してた。 仕方ないからその部分だけ自分でクロスブラウザ用のコード書いてたり。 で、もう一回ググってみたらあった。 jQuery のお勉強 (practice input output) ｊQueryでユーザーのブラウザ表示幅を取得するには、width() $(window).width()を使う。 例） var width = $(window).width(); alert(width); でブラウザ表示幅を取得する $(document).width()でドキュメントの幅 $("p").width(); 特定のエレメントの幅を取得することができる。 これで表示部分の右端に表示とかできそうだ。 良かった。 追記 表示幅ではなかったのね。
jQuery window の幅と高さを正確に出す方法
jQuery では、$(window).width(); でウィンドウ幅、$(window).height();でウィンドウ高さが値として取得できますが、一部のブラウザで値が正確に取れないことがあるようです。 何とかなったので、解決方法をφ(..) jQueryで、ウィンドウ幅と高さを取得するには、 var w = $(window).width(); var h = $(window).height(); こんなかんじですが、一部のブラウザではスクロールバーの有り無しを間違えて、その分を加味した結果を返してくるようです。もしかしたら、もっととんでもないロジックなのかもしれませんが… そこで、元々のjavascriptが持っているコマンド、innerWidthとinnerHeightを使って値を取得することにすします。 var w = window.innerWidth ? window.
オリジン間リソース共有 (CORS) - HTTP | MDN
HTTPガイドHTTP の概要HTTP の進化典型的な HTTP セッションHTTP メッセージメディア種別一般的な種別HTTP の圧縮HTTP キャッシュHTTP 認証HTTP Cookie の使用HTTP のリダイレクト条件付きリクエストRange requestsクライアントヒント圧縮辞書転送 Experimental ネットワークエラーログ記録 Experimental コンテンツネゴシエーション既定の Accept 値UA 文字列によるブラウザーの判定HTTP/1.x のコネクション管理プロトコルのアップグレードの仕組みプロキシーサーバーとトンネリングプロキシー自動構成ファイル (PAC)HTTP セキュリティHTTP Observatory実践的なセキュリティ実装ガイド権限ポリシー Experimental Cross-Origin Resource Policy (CORP)
IE8で「オブジェクトでサポートされていないプロパティまたはメソッドです」と表示される
ひねりも何もない代入だけの行でエラーが発生している。 調べてみるとタグのIDと変数名がぶつかっていると発生するエラーということが判明。 なので変数名を変更して解決。 必要ないところでグローバル領域を使用しているのもどうかと思うがIEがID名で変数を作ってしまうのはとても厄介。 はまらないように気を付けよう。 ※ネットで突込みを見つけたので追記 2012/06/06 http://b.hatena.ne.jp/entry/www.crossl.net/blogwww.crossl.net/blog/ie8_err_nothing_prop_method/ referer見てたら見馴れないリンク元があったので見てみたら記事に対する突込みがあった。 ※引用 違うと思う。var で変数宣言しろってのが本筋だと思う。まあID属性値がそのままグローバルオブジェクトのプロパティになるのもどうかと思うけど
威斯尼斯人wns2299登录(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 由于网络或安全的原因，您暂时无法访问本站点，请稍后重试。
Error - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback Error オブジェクトは、実行時エラーが発生した時に発生します。 Error オブジェクトは、ユーザー定義の例外の基底オブジェクトとして使用することもできます。標準の組み込みエラー型については下記を参照してください。
[JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET
こんにちは、最近JavaScriptで大規模開発中の@yoheiMuneです。 JSの大規模開発では、複数人で開発して、クラス数やJSファイル数もたくさんになりやすいです。 そんな時にエラーが発生するとデバッグも大変。 今日は、JavaScriptでJavaのようなスタックトレースを出してデバッグが楽にならないものかと思い調べて、実装してみた結果をブログに書きたいと思います。 スタックトレースとは サーバーサイドの開発では、例外発生時などによく見るスタックトレースですが、JavaScriptでは一部のブラウザ（Chrome）の開発コンソールくらいでしか見ることが出来ません。 スタックトレースとは、スタック（関数の呼び出しをするたびにたまるもの）の一覧を出力する機能です。 関数A→関数B→関数Cとコールしていて関数Cでエラーが発生した場合、そのエラー箇所にたどり着く迄に、 どんなコードを通っ
![[JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d80a966e60c3c5c2e1f78ded850d951c28244b3/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F170.jpg)
String.prototype.replace() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback replace() は String 値のメソッドで、pattern に一致する文字列の一部またはすべてを replacement で置き換えた新しい文字列を返します。pattern には文字列または正規表現 (RegExp) を指定することができ、 replacement には文字列または一致するごとに呼び出される関数を指定することができます。pattern が文字列の場合、最初に一致した箇所のみを置き換えます。元の文字列
String.prototype.search() - JavaScript | MDN
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨; String.prototype.at()String.prototype.big() 非推奨; String.prototype.blink() 非推奨; String.prototype.bold() 非推奨; String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prot
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita
はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.org/ 和訳: https://github.com/enja-oss/Underscore lodash GitHub: https://github.com/lodash/lo
Underscore.jsの使い方 ｜ Tips Note by TAM
今回は、javascriptのライブラリ「Underscore.js」の使い方をご紹介します。 ■ 公式 Underscore.js(http://underscorejs.org/) ■ 日本語訳 enja-oss/Underscore ・ GitHub Underscore.jsとは Underscore.jsは、主にjavascriptの関数や配列、オブジェクトを扱う際に頻繁に発生する処理が、 100種類程度のメソッドとしてまとめられている軽量なライブラリです。 （投稿時の最新バージョンは1.5.2。圧縮版のサイズは4.9kb） リリースからは既に数年が経過しており、 JavaScriptのフレームワークであるBackborn.jsで依存ファイルとして使用されていたり、 Backborn.jsとともにVersion 3.5以上のWordPressに同梱されていたりするようですので、
TInder like user interface
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Tinder-esque location pulse animation effect
As shameful as it is to say I wanted to see what all the fuss about was with Tinder, but after downloading it I found I was more interested with its animation effects and started wondering how they did them! I decided I wanted to see if I could replicate some of them using jQuery so they can be used on web apps and sites and such, but it's always nice to have these snippets lying around if I ever
メンテナブルなJsってなんだろう
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
Escape Codec Libraryの詳細情報 : Vector ソフトを探す！
ソフト詳細説明 ◆文字列をすべてのコンピュータで読めるような形式に変換したり、変換されたものを元の文字列にデコードすることができる関数のライブラリです。 ◆ビルトイン関数の escape() , unescape() とは異なり、どの種類のブラウザでも同じ変換結果が得られます。 ◆JISコード変換テーブルを搭載しているので、従来JavaScriptでは実現が困難であった、Shift_JISコードやEUC-JPコードなどの文字コードとしてのエンコード・デコードも可能となっています。 なお、この変換テーブルは、直接漢字は記述せず、Unicode 番号を圧縮したデータをASCIIコードの文字のみで記述しているので、任意の文字コードで使用可能です。 ◆動作確認用のフォーム TransEscape.html を付属しているので、すぐに使用することもできます。
Escape Codec Library: ecl.js
このページはhttp://nurucom-archives.hp.infoseek.co.jp/digital/にあったものをiswebのサービス終了に伴い伊藤がコピーしたものです。 Shift_JISエンコードやEUC-JPエンコードなども可能な escape エンコード・デコード関数のライブラリ 文字列をすべてのコンピュータで読めるような形式に変換したり、変換されたものを元の文字列にデコードすることができる関数のライブラリです。 ビルトイン関数 escape() , unescape() とは異なり、どの種類のブラウザでも同じ変換結果が得られます。 JISコード変換テーブルを搭載し、従来JavaScriptでは実現が困難であった、Shift_JISコードやEUC-JPコードなどの文字コードとしてのエンコード・デコードも可能となっています。なお、この変換テーブルには、直接漢字は記述せず、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メモ: Underscore vs Lo-Dash - Qiita
