資訊專欄INFORMATION COLUMN
摘要：是強大的，你可以做很多事情沒有。如果你想要你的項目需要更少的依賴，并且你清楚的知道你的目標瀏覽器，那么你可能不需要。我們并不需要為了操作等再學(xué)習(xí)一下的。但是，他們往往需要更多的資源，功能不強，難以通過腳本自動化。
1 You-Dont-Need-JavaScript
CSS是強大的，你可以做很多事情沒有JS。 本文教你使用原生CSS做下面的事情。
內(nèi)容目錄
手風(fēng)琴/切換
圓盤傳送帶
檢查復(fù)選框的計數(shù)器
翻轉(zhuǎn)點擊
Textfield上的浮動標簽
字體（拉丁）
游戲
懸停/彈出信息
圖片廊
菜單
移動菜單關(guān)閉畫布
漢堡菜單
花式菜單
莫代爾/彈出
鼠標跟蹤
視差滾動
標簽
待辦事項列表
提示
樹視圖
Twitter心動畫
動態(tài)圖像著色
連鎖反應(yīng)
響應(yīng)式計數(shù)器顯示不適合屏幕的項目數(shù)量
可以看一下純CSS的例子
2 You-Dont-Need-Lodash-UnderscoreLodash和Underscore是偉大的現(xiàn)代JavaScript實用程序庫，它們被前端開發(fā)人員廣泛使用。但是，如果您將目標鎖定為現(xiàn)代瀏覽器，則可能會發(fā)現(xiàn)，許多方法已經(jīng)得到ES5和ES6的原生支持。如果你想要你的項目需要更少的依賴，并且你清楚的知道你的目標瀏覽器，那么你可能不需要Lodash / Underscore。
來自開發(fā)者的聲音
在代碼變臃腫之前，請使用原生JS對象和數(shù)組工具函數(shù). —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
我承認，我曾經(jīng)過度使用lodash. —@therebelrobot, Maker of web things, Facilitator for Node.js/io.js
內(nèi)容目錄
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的例子, 實現(xiàn)做jQuery與查詢，樣式，dom，ajax，事件等
前端發(fā)展很快，現(xiàn)代瀏覽器原生 API 已經(jīng)足夠好用。我們并不需要為了操作 DOM、Event 等再學(xué)習(xí)一下 jQuery 的 API。同時由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用場景大大減少。本項目總結(jié)了大部分 jQuery API 替代的方法，暫時只支持 IE10 以上瀏覽器。
內(nèi)容目錄
Translations
Query Selector
CSS & Style
DOM Manipulation
Ajax
Events
Utilities
Promises
Animation
Alternatives
Browser Support
You-Dont-Need-GUI圖形用戶界面對計算機用戶非常友好。它們被引入以響應(yīng)命令行界面（CLI）感知的陡峭學(xué)習(xí)曲線。
但是，他們往往需要更多的資源，功能不強，難以通過腳本自動化。
作為計算機專家，我們希望更高效，更好地完成工作。我們知道命令字可能不容易被發(fā)現(xiàn)或助記符，所以我們嘗試列出一些您可能試圖在GUI中執(zhí)行的常見任務(wù)。
內(nèi)容目錄
復(fù)制一個文件
復(fù)制一個文件
復(fù)制一個文件夾
復(fù)制一個文件夾
移動一個文件
重命名一個文件
移動一個文件夾
重命名文件夾
合并文件夾
創(chuàng)建一個新的文件
新建一個文件夾
顯示文件/文件夾大小
用默認程序打開一個文件
壓縮一個文件夾
解壓縮文件夾
刪除一個文件
刪除一個文件夾
列出文件夾內(nèi)容
樹查看文件夾及其子文件夾
找到一個陳舊的文件
顯示一個日歷
找到未來的日期
使用計算器
強制退出程序
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112932.html
摘要：是強大的，你可以做很多事情沒有。如果你想要你的項目需要更少的依賴，并且你清楚的知道你的目標瀏覽器，那么你可能不需要。我們并不需要為了操作等再學(xué)習(xí)一下的。但是，他們往往需要更多的資源，功能不強，難以通過腳本自動化。 1 You-Dont-Need-JavaScript CSS是強大的，你可以做很多事情沒有JS。 本文教你使用原生CSS做下面的事情。 內(nèi)容目錄 手風(fēng)琴/切換 圓盤傳送帶...
摘要：現(xiàn)在流行的前端框架都支持自定義組件，組件化開發(fā)已經(jīng)成為提高前端開發(fā)效率的銀彈。二對自定義組件的支持要想正確的渲染組件，第一步就是要告訴某個標簽是自定義組件。下面的例子里，就是一個自定義組件。解決了識別自定義標簽的問題，下一步就是定義標簽了。 歡迎關(guān)注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、...
摘要：如果列表是空的，則存入組件后將異步刷新任務(wù)加入到事件循環(huán)當(dāng)中。四總結(jié)本文基于上一個版本的代碼，加入了事件處理功能，同時通過異步刷新的方法提高了渲染效率。 歡迎關(guān)注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的兩大前端框架，React和Vue，都不約而同的借助Virtual DO...
摘要：不同的框架對這三個屬性的命名會有點差別，但表達的意思是一致的。它們分別是標簽名屬性和子元素對象。我們先來看下頁面的更新一般會經(jīng)過幾個階段。元素有可能是數(shù)組的形式，需要將數(shù)組解構(gòu)一層。 歡迎關(guān)注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的兩大前端框架，React和Vue，都不約...
摘要：經(jīng)過這次優(yōu)化，計算的時間快了那么幾毫秒。基于當(dāng)前這個版本的代碼還能做怎樣的優(yōu)化呢，請看下一篇的內(nèi)容你不知道的四的作用。 歡迎關(guān)注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的兩大前端框架，React和Vue，都不約而同的借助Virtual DOM技術(shù)提高頁面的渲染效率。那么，什...
閱讀 1007·2023-04-25 14:45
閱讀 2784·2021-09-30 09:59
閱讀 3129·2021-09-22 15:48
閱讀 2430·2019-08-30 15:55
閱讀 3481·2019-08-30 15:44
閱讀 550·2019-08-29 14:07
閱讀 3417·2019-08-26 13:45
閱讀 543·2019-08-26 11:31
