あじちゃんの備忘録。

〜ここはメモ帳です

JavaScript

クーポン取れるように直したよ

↓この記事対応した話 blog.azimicat.com hontoクーポンページ新しくなったやつに対応したスクリプトに変更しました。 UIはガラッと変わった雰囲気だったのに押すべきところとかはほぼ変わりがなくてロジックの変更もいらなかった! ライトな変更でした。 // …

【JavaScript】配列の比較について

まとめ JavaScriptで、配列の比較の際に==又は===演算子を用いると、その配列が参照しているメモリ上のアドレスが同じかどうかでtrue/falseを返す。 Object.is() も同様。 例 var list_1 = ["mike","saba","tora"]; var list_2 = ["mike","saba","tora"]; co…

【jQuery】n秒間hoverすると発火する処理

$("#target").mouseenter(function(){ //1秒間hoverしたら表示 timmer = setTimeout(function(){ console.log("SUCCESS!"); },1000); } }).mouseleave(function(){ clearTimeout(timmer); }); ポイント setTimeoutを使う. カーソルが外れた時にclearTimeout…

TypeScriptを使う(本当に使ってみるだけの場合。)

TypeScriptとはなんぞや 大規模開発言語に近い仕様でソースコードを書くことができる コンパイルするとJavaScriptになる コンパイラをインストールする $ npm install -g typescript /Users/ホスト名/.nvm/versions/node/v8.11.1/bin/tsserver -> /Users/ホ…

JavaScriptで文字数をカウントする。

構文[string.length]を用いる 文字列内のコード単位の数を返す 空の文字列の場合、length は 0 ※一般的に使用されない文字は2バイトで数える場合があるので注意 // バッククォートで囲むと改行をそのまま受け入れてくれる // タブやスペースも認識してしまう…

前の記事で怒られていた、Reactのエラー解消したのでメモ

前の記事 azix.hatenablog.com 怒られていたやつ Target container is not a DOM element. 原因 ビルドした react.js は、 DOM要素 の後ろで読み込む必要があった! 対応 いままで、 <head> で読み込んでいた js を、 <body> の最後で読み込むようにした 誤り <html> <head> <meta charset="UTF-8"> <link href="main.css" rel="stylesheet" /> </link></meta></head></html></body></head>

React.js を 使うまで

コマンドラインツールをインストール MacBook-Pro:~ user$ npm install -g react-tools npm WARN deprecated react-tools@0.13.3: react-tools is deprecated. For more information, visit https://fb.me/react-tools-deprecated /usr/local/bin/jsx -> /us…