博客 / 詳情

返回

You-Dont-Need : 你不需要系列

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中執行的常見任務。

內容目錄

  • 複製一個文件
  • 複製一個文件
  • 複製一個文件夾
  • 複製一個文件夾
  • 移動一個文件
  • 重命名一個文件
  • 移動一個文件夾
  • 重命名文件夾
  • 合併文件夾
  • 創建一個新的文件
  • 新建一個文件夾
  • 顯示文件/文件夾大小
  • 用默認程序打開一個文件
  • 壓縮一個文件夾
  • 解壓縮文件夾
  • 刪除一個文件
  • 刪除一個文件夾
  • 列出文件夾內容
  • 樹查看文件夾及其子文件夾
  • 找到一個陳舊的文件
  • 顯示一個日曆
  • 找到未來的日期
  • 使用計算器
  • 強制退出程序

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.