javascript Fram Works
導入しているjavascriptのフレームワーク。
/*! jQuery v3.3.1 & jQuery Migrate v3.0.1 | (c) JS Foundation and other contributors | jquery.org/license */
スクロールSTOPイベントを追加
Bootstrap v4.3.1 (https://getbootstrap.com/)
Popper.jsが組み込まれている bootstrap.bundle.min.js を利用。
/*! pace 1.0.0 */ ページローディング ← 外した。他のスクリプトとのバッティングが酷い。
//** ブラウザ判定とoldIE用スクリプト Modernizr 2.8.3
//** スマホの position:fix; 対策 iScroll v5.1.1
//** マウスホイール-- jquery.mousewheel.min.js
//** タッチスワイプ-- Hammer.JS
//** タッチパネルでのホバー対策 //https://gist.github.com/rokkohorosi/4282291
CSSは、a:hoverの代わりにa.hoverを使う aタグ以外の場合はclassにtapを指定
//** Lazy Load → lazysizesに変更 / 画像の遅延読み込み。Lazy Loadと同じ設定で動作するように設定済み。
エフェクトがないので課題。css解決。
//** エフェクトパターン集--easing.js
//** imagesLoaded PACKAGED v4.1.0 画像の読み込みを待ってから動作させる。
//** スクロールイベント jQuery Waypoints - v2.0.5
・ページジング(PHPで出力)を調整する：SMAT登録関数
・比率一定のボックス
・画像のfit
・記事整形の制御
・NEWマーク・実行はjqueryで
・ファイルの拡張子を表示
・ハッシュタグをスムーススクロール
・別ページのアンカータグへのスムースにスクロール
？id＝で指定。これでページ送りも対応。
？id＝が残ったまま
mustache.js シンプルテンプレートエンジン
flexibleSearch.js
Highlight plugin for jQuery 検索結果をハイライトするプラグイン
/*! PrettyPhoto */
読み込み時、リサイズ時に実行する関数をまとめて実行。
関数は、専用の名前空間に連想配列として登録。
loadとリサイズイベントを同時に設定しない。
（※スクロール時にリサイズイベントが発生してしまうiosハックが必要だから。）
読み込み時の起動は、相殺が生じるonloadイベントではなくて、readyイベントで実行する。
課題：スクロールイベント時に実行する関数をまとめて実行したい。
_$YN.readyrun.
_$YN.changesizerun
_$YN.readyrun.kawaiiPhoto = function() {}
のように登録しとけば最後にまとめて実行。