DataTablesでの画像の延滞読み込み

lazy load

DataTablesに含まれる画像は表示の有無に関わらずすべて読み込まれてしまうようです。
数件や数十件の場合は問題ないのですが、数千件とかになった場合を考えると延滞読み込みをしておく必要があると思います。
画像の延滞読み込みはいくつか方法がありますが、今回の方法はライブラリなどを使用していないため非表示シンプルに実装できたのではないかと思います。
“DataTablesでの画像の延滞読み込み” の続きを読む

JavaScriptの基礎0 書く前の準備

JavaScript

久しぶりの更新ですが、JavaScriptの初心者向けの記事を書いていこうと思います。

コードはファイルが増えると面倒なのでHTMLに直接書いていくことにします。

 

下記はJavaScript以外の部分です。

「Write here!」の部分にJavaScriptを書いていきます。

js0.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
// Write here! 
</script>
<title>JavaScript 0</title>
</head>
<body>
</body>
</html>

ちなみに「//」の右に書いた文字はコメントになります。

プログラムの説明やメモを書くことろです。

 

次回に続く!

 

HTMLにHTMLをインポートする

HTML

少し前から仕事でAdminLTEを使ってみています。
フレームワークを使わずにHTMLファイルでサーバーを介さずに表示できるようにと考えているのですが、画面が増えてくるとサイドメニューの追加がとても面倒です。
一からJavaScriptで書くのも面倒なので探してみるとHTMLにHTMLをインポートする方法があるのを知りました。

HTML Imports: ウェブのための #include – HTML5 Rocks

方法はとっても簡単!

“HTMLにHTMLをインポートする” の続きを読む