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

bawn 發布于2019-08-21 18:29 / 535人閱讀

摘要：是強大的，你可以做很多事情沒有。如果你想要你的項目需要更少的依賴，并且你清楚的知道你的目標瀏覽器，那么你可能不需要。我們并不需要為了操作等再學習一下的。但是，他們往往需要更多的資源，功能不強，難以通過腳本自動化。

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

內容目錄

復制一個文件

復制一個文件夾

移動一個文件

重命名一個文件

移動一個文件夾

重命名文件夾

合并文件夾

創建一個新的文件

新建一個文件夾

顯示文件/文件夾大小

用默認程序打開一個文件

壓縮一個文件夾

解壓縮文件夾

刪除一個文件

刪除一個文件夾

列出文件夾內容

樹查看文件夾及其子文件夾

找到一個陳舊的文件

顯示一個日歷

找到未來的日期

使用計算器

強制退出程序

云服務器 GPU云服務器你不知道你不知道的你不知道的javascript 你不知道的javascript上卷

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90519.html

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

摘要：是強大的，你可以做很多事情沒有。如果你想要你的項目需要更少的依賴，并且你清楚的知道你的目標瀏覽器，那么你可能不需要。我們并不需要為了操作等再學習一下的。但是，他們往往需要更多的資源，功能不強，難以通過腳本自動化。 1 You-Dont-Need-JavaScript CSS是強大的，你可以做很多事情沒有JS。本文教你使用原生CSS做下面的事情。內容目錄手風琴/切換圓盤傳送帶...

anonymoussf 2019-08-29 14:07 評論0 收藏0
你不知道的Virtual DOM（五）：自定義組件

摘要：現在流行的前端框架都支持自定義組件，組件化開發已經成為提高前端開發效率的銀彈。二對自定義組件的支持要想正確的渲染組件，第一步就是要告訴某個標簽是自定義組件。下面的例子里，就是一個自定義組件。解決了識別自定義標簽的問題，下一步就是定義標簽了。歡迎關注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、...

lk20150415 2019-08-23 11:41 評論0 收藏0
你不知道的Virtual DOM（六）：事件處理&異步更新

摘要：如果列表是空的，則存入組件后將異步刷新任務加入到事件循環當中。四總結本文基于上一個版本的代碼，加入了事件處理功能，同時通過異步刷新的方法提高了渲染效率。歡迎關注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言目前最流行的兩大前端框架，React和Vue，都不約而同的借助Virtual DO...

caozhijian 2019-08-23 11:51 評論0 收藏0
你不知道的Virtual DOM（一）：Virtual Dom介紹

摘要：不同的框架對這三個屬性的命名會有點差別，但表達的意思是一致的。它們分別是標簽名屬性和子元素對象。我們先來看下頁面的更新一般會經過幾個階段。元素有可能是數組的形式，需要將數組解構一層。歡迎關注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言目前最流行的兩大前端框架，React和Vue，都不約...

lavor 2019-08-23 11:27 評論0 收藏0
你不知道的Virtual DOM（三）：Virtual Dom更新優化

摘要：經過這次優化，計算的時間快了那么幾毫秒。基于當前這個版本的代碼還能做怎樣的優化呢，請看下一篇的內容你不知道的四的作用。歡迎關注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言目前最流行的兩大前端框架，React和Vue，都不約而同的借助Virtual DOM技術提高頁面的渲染效率。那么，什...

xiongzenghui 2019-08-23 11:34 評論0 收藏0