js – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Wed, 06 Jul 2016 15:21:48 +0000 zh-TW hourly 1 js相關的排名【188/366】 https://wordpress.lokidea.com/1061/js%e7%9b%b8%e9%97%9c%e7%9a%84%e6%8e%92%e5%90%8d%e3%80%90188-366%e3%80%91/ https://wordpress.lokidea.com/1061/js%e7%9b%b8%e9%97%9c%e7%9a%84%e6%8e%92%e5%90%8d%e3%80%90188-366%e3%80%91/#respond Wed, 06 Jul 2016 15:21:48 +0000 https://wordpress.lokidea.com/?p=1061 閱讀全文 js相關的排名【188/366】]]> https://stats.js.org/
這頁面列出了一萬個js相關的專案

js.org 這也是js相關的網站
大家可以連進去看看!~!
雖然內容也是只有英文

另外，JS現在真的是開枝散葉呢!!
之後也會針對 js 相關會有更多的文章
因為自己也想要往這塊去研究

]]> https://wordpress.lokidea.com/1061/js%e7%9b%b8%e9%97%9c%e7%9a%84%e6%8e%92%e5%90%8d%e3%80%90188-366%e3%80%91/feed/ 0 當頁面載入完成… https://wordpress.lokidea.com/359/%e7%95%b6%e9%a0%81%e9%9d%a2%e8%bc%89%e5%85%a5%e5%ae%8c%e6%88%90/ https://wordpress.lokidea.com/359/%e7%95%b6%e9%a0%81%e9%9d%a2%e8%bc%89%e5%85%a5%e5%ae%8c%e6%88%90/#respond Tue, 11 Aug 2015 15:55:01 +0000 https://wordpress.lokidea.com/?p=359 閱讀全文 當頁面載入完成…]]> 前端用jQuery的話，

$(document).ready(function() {
  //do work
});

用純js的話，

document.addEventListener("DOMContentLoaded", function(event) {
  //do work
});


原始連結

]]> https://wordpress.lokidea.com/359/%e7%95%b6%e9%a0%81%e9%9d%a2%e8%bc%89%e5%85%a5%e5%ae%8c%e6%88%90/feed/ 0 有趣的網站研究 Day 2 https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/ https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/#respond Tue, 09 Jun 2015 15:55:08 +0000 https://wordpress.lokidea.com/?p=243 閱讀全文 有趣的網站研究 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研究研究

]]> https://wordpress.lokidea.com/243/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-2/feed/ 0 有趣的網站研究 Day 1 https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/ https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/#respond Mon, 08 Jun 2015 15:55:14 +0000 https://wordpress.lokidea.com/?p=241 閱讀全文 有趣的網站研究 Day 1]]> 開始寫新的主題
把別人網站拿來研究也是不錯的主題

網站連結：http://p5jsbrush.yannest.com/
gist：https://gist.github.com/Barneybook/836248c800f5dbc0cefa

PS:避免code被刪掉，備份到gist了!!
有用到一個p5.js，感覺也是繪圖用的js
這是一個把滑鼠移動的地方塗白，點選左鍵就會塗黑的範例
 

]]> https://wordpress.lokidea.com/241/%e6%9c%89%e8%b6%a3%e7%9a%84%e7%b6%b2%e7%ab%99%e7%a0%94%e7%a9%b6-day-1/feed/ 0 燈箱效果 fancyBox https://wordpress.lokidea.com/229/%e7%87%88%e7%ae%b1%e6%95%88%e6%9e%9c-fancybox/ https://wordpress.lokidea.com/229/%e7%87%88%e7%ae%b1%e6%95%88%e6%9e%9c-fancybox/#respond Fri, 05 Jun 2015 15:55:31 +0000 https://wordpress.lokidea.com/?p=229 閱讀全文 燈箱效果 fancyBox]]> 這應該也很多人會用到
點選圖片以後，圖片會獨立顯示，背景會變暗
這就是燈箱效果 lightbox

名稱：fancyBox
連結：http://fancyapps.com/fancybox/
github：https://github.com/fancyapps/fancyBox

用起來還滿容易的

]]> https://wordpress.lokidea.com/229/%e7%87%88%e7%ae%b1%e6%95%88%e6%9e%9c-fancybox/feed/ 0 圖片輪播 slidesjs https://wordpress.lokidea.com/226/%e5%9c%96%e7%89%87%e8%bc%aa%e6%92%ad-slidesjs/ https://wordpress.lokidea.com/226/%e5%9c%96%e7%89%87%e8%bc%aa%e6%92%ad-slidesjs/#respond Thu, 04 Jun 2015 15:55:56 +0000 https://wordpress.lokidea.com/?p=226 閱讀全文 圖片輪播 slidesjs]]> 這是一個簡單的輪播工具
已經把RWD跟觸控都包含進去了

名稱：SLIDESJS
連結：http://www.slidesjs.com/

使用說明

]]> https://wordpress.lokidea.com/226/%e5%9c%96%e7%89%87%e8%bc%aa%e6%92%ad-slidesjs/feed/ 0