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