1 You-Dont-Need-JavaScript
CSS是強大的,你可以做很多事情沒有JS。 本文教你使用原生CSS做下面的事情。
內容目錄
- 手風琴/切換
- 圓盤傳送帶
- 檢查複選框的計數器
- 翻轉點擊
- Textfield上的浮動標籤
- 字體(拉丁)
- 遊戲
- 懸停/彈出信息
- 圖片廊
- 菜單
- 移動菜單關閉畫布
- 漢堡菜單
- 花式菜單
- 莫代爾/彈出
- 鼠標跟蹤
- 視差滾動
- 標籤
- 待辦事項列表
- 提示
- 樹視圖
- Twitter心動畫
- 動態圖像着色
- 連鎖反應
- 響應式計數器顯示不適合屏幕的項目數量
可以看一下純CSS的例子

2 You-Dont-Need-Lodash-Underscore
Lodash和Underscore是偉大的現代JavaScript實用程序庫,它們被前端開發人員廣泛使用。但是,如果您將目標鎖定為現代瀏覽器,則可能會發現,許多方法已經得到ES5和ES6的原生支持。如果你想要你的項目需要更少的依賴,並且你清楚的知道你的目標瀏覽器,那麼你可能不需要Lodash / Underscore。
來自開發者的聲音
- 在代碼變臃腫之前,請使用原生JS對象和數組工具函數. —Cody Lindley, Author of jQuery Cookbook and JavaScript Enlightenment
- 你可能不需要lodash. 有許多好用的原生方法了. —Daniel Lamb, Computer Scientist, Technical Reviewer of Secrets of the JavaScript Ninja and Functional Programming in JavaScript
- 我想不是,但我想要它. —Tero Parviainen, Author of build-your-own-angular
- 我承認,我曾經過度使用lodash. —@therebelrobot, Maker of web things, Facilitator for Node.js/io.js
內容目錄
-
Array
- _.compact
- _.concat
- _.fill
- _.find
- _.findIndex
- _.first
- _.flatten
- _.flattenDeep
- _.head and _.tail
- _.indexOf
- _.join
- _.last
- _.lastIndexOf
- _.reverse
- _.without
- _.slice
- _.isArray
-
Collection
- _.each
- _.every
- _.filter
- _.groupBy
- _.includes
- _.map
- _.minBy and _.maxBy
- _.pluck
- _.range
- _.reduce
- _.reduceRight
- _.size
- _.some
-
Function
- _.after
-
Lang
- _.isNaN
-
Object
- _.assign
- _.keys
- _.toPairs
- _.values
-
String
- _.repeat
- _.template
- _.toLower
- _.toUpper
- _.trim
- _.replace
3 You-Dont-Need-jQuery
純JavaScript的例子, 實現做jQuery與查詢,樣式,dom,ajax,事件等
前端發展很快,現代瀏覽器原生 API 已經足夠好用。我們並不需要為了操作 DOM、Event 等再學習一下 jQuery 的 API。同時由於 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用場景大大減少。本項目總結了大部分 jQuery API 替代的方法,暫時只支持 IE10 以上瀏覽器。
內容目錄
- Translations
- Query Selector
- CSS & Style
- DOM Manipulation
- Ajax
- Events
- Utilities
- Promises
- Animation
- Alternatives
- Browser Support
You-Dont-Need-GUI
圖形用户界面對計算機用户非常友好。它們被引入以響應命令行界面(CLI)感知的陡峭學習曲線。

但是,他們往往需要更多的資源,功能不強,難以通過腳本自動化。
作為計算機專家,我們希望更高效,更好地完成工作。我們知道命令字可能不容易被發現或助記符,所以我們嘗試列出一些您可能試圖在GUI中執行的常見任務。
內容目錄
- 複製一個文件
- 複製一個文件
- 複製一個文件夾
- 複製一個文件夾
- 移動一個文件
- 重命名一個文件
- 移動一個文件夾
- 重命名文件夾
- 合併文件夾
- 創建一個新的文件
- 新建一個文件夾
- 顯示文件/文件夾大小
- 用默認程序打開一個文件
- 壓縮一個文件夾
- 解壓縮文件夾
- 刪除一個文件
- 刪除一個文件夾
- 列出文件夾內容
- 樹查看文件夾及其子文件夾
- 找到一個陳舊的文件
- 顯示一個日曆
- 找到未來的日期
- 使用計算器
- 強制退出程序