[POST] A Year Without jQuery

[Rplus]

A Year Without jQuery
by Patrick Kunka, 2016-03-02
http://blog.wearecolony.com/a-year-without-jquery/

作者聊聊他們團隊從 2014 開始捨棄 #jQuery 的開發過程與作法

作者並不完全同意 ES6 will save us from jQuery
他們的作法是將 jQuery 的一些 utility 重新寫一些 helper
(雖然我看起來，他們就是在重寫一份 jQuery，不過他特別澄清這是在抽出需要的東西~ XD)

有些 helper function 看起來還蠻趣味的~
像 closestParent 看到一半就想說怎麼不用原生的 closest 去判斷就好

不過他在後面就有一起提到說這是從 2014 開始寫的，
一邊寫一邊有發現一些新的原生方式
他也表示很開心想要再調整 helper 寫法~

closest() 這玩意在 event.target 會很需要去處理判斷！

那個 :scope 取 child 的方法雖然支援度還有問題，不過還蠻好玩的哩 XDD

index() 不曉得用 array.indexOf 會不會比較快？
// 其實不怎麼喜歡 while，總覺得會喚起無窮迴圈的記憶...

他也提到 you might not need jquery 好棒棒
http://youmightnotneedjquery.com/
他的 extend() 也是從這邊搬過去的吧 XD

Slider 那邊用上 extend 的 code 沒看到完整的不是很清楚他想表達的東西 ：Q

而 jQuery event 的 namespace 好像沒實作的樣子
(( 我也覺得 custom event 好難懂呀 囧 XDDD

接著帶一下他們常用的一些 3rd party library:

• Velocity 動畫
• iScroll 水平 slider + 捲動效果
• MixItUp 3 filter 動畫效果
• Q Promise, 有在考慮切到 ES6 的
• RequireJS 相依管理
• Handlebars template
• Moment date format

後面提到他們目前還沒打算用 ES6 來開發，因為還要轉譯
(( 我覺得是懶得動結構吧，畢竟換成 non-jquery 都花一年了 XDDD

他在這段提到的 Object.seal() & Objecxt.freeze() 還真的不錯用耶~
在處理一些特殊傳值時應該蠻有機會用到的
( 不過目前想不到有什麼狀況需要把值凍結的~

最後他也說，他未來只會在需要支援 IE8 時才會用 jQuery
但是他也覺得一般的開發者並沒那麼多時間可以慢慢刻 helper function
jQuery 對他們來說，還是款可以快速完成程式的工具
他也覺得 jQuery 的 API 設計仍是軟體開發非常值得學習的對象

這是放置 play + 供起來拜 的意思嗎？ XDD

[Rplus]

onetab: http://www.one-tab.com/page/SuUymECtTmi3x84HaM7qXQ
tw: https://twitter.com/RplusTW/status/708920577029869568
fb: https://www.facebook.com/rplus.tw/posts/1075540919180357