https://stats.js.org/
這頁面列出了一萬個js相關的專案
閱讀全文 js相關的排名【188/366】
標籤: js
當頁面載入完成…
前端用jQuery的話,
$(document).ready(function() { //do work });
用純js的話,
document.addEventListener("DOMContentLoaded", function(event) { //do work });
有趣的網站研究 Day 2
點到這網站的時候
只是想說這兩個卡通角色竟然有特展
於是就進來看了
但是切換頁面的時候發現
竟然可以用loading的變更
切換頁面不用全部讀取
而且可以平順的切換網址
跟FB很類似的效果
網站:http://mmts40.tw/ticket/
看了一下code
網站是wordpress架設的
用到wp的一個theme的修改
叫做 Bridge,是在 themeforest 上面販賣的
仔細找一下
平順轉頁的功能是這個theme的公司自己寫的功能
gist:https://gist.github.com/Barneybook/3ad781b965264b34ee7a
theme引用的其中一個js檔,應該就是ajax換頁的功能
我貼到gist上面,其實寫的挺好的
看來需要另外找時間去把code研究研究
有趣的網站研究 Day 1
開始寫新的主題
把別人網站拿來研究也是不錯的主題
網站連結:http://p5jsbrush.yannest.com/
gist:https://gist.github.com/Barneybook/836248c800f5dbc0cefa
PS:避免code被刪掉,備份到gist了!!
有用到一個p5.js,感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白,點選左鍵就會塗黑的範例
燈箱效果 fancyBox
這應該也很多人會用到
點選圖片以後,圖片會獨立顯示,背景會變暗
這就是燈箱效果 lightbox
名稱:fancyBox
連結:http://fancyapps.com/fancybox/
github:https://github.com/fancyapps/fancyBox
用起來還滿容易的