あじちゃんのブログ。備忘録。

〜SEもOLなんですかね?

JavaScript

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

まとめ 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…