背景 實(shí)現(xiàn)主題切換有幾種不同的方案,比如使用CSS變量,使用JavaScript動(dòng)態(tài)加載對(duì)應(yīng)的主題樣式文件等。本文主要講的是如何使用Sass實(shí)現(xiàn)主題切換。 前置知識(shí) 了解Sa...
使用JavaScript循序漸進(jìn)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Promise,支持異步和then鏈?zhǔn)秸{(diào)用。翻譯并整理自Medium: Implementing a simple Promis...
前言 在開發(fā)后臺(tái)管理系統(tǒng)中,表格是經(jīng)常用到的數(shù)據(jù)展示方式。然而,有時(shí)候表格展示的列過(guò)多,會(huì)出現(xiàn)一屏展示不下,需要手動(dòng)滾動(dòng)滾動(dòng)條查看的情況。 其實(shí),在系統(tǒng)實(shí)際使用的過(guò)程中,不同...
Alfred文件搜索 Alfred最基礎(chǔ)的功能、也是最常用的功能之一就是文件搜索。Alfred提供了與Spotlight相媲美的文件搜索功能,并且在此基礎(chǔ)之上,開發(fā)了一系列關(guān)...
在使用elemenUI的table的時(shí)候,為了項(xiàng)目的樣式統(tǒng)一我對(duì)tabel進(jìn)行了簡(jiǎn)單的封裝, 主要通過(guò)傳入data以及columns來(lái)渲染table. 通過(guò)if判斷el-ta...
Lodash是一個(gè)輕量級(jí)的JavaScript工具函數(shù)庫(kù),它方便了日常開發(fā)中對(duì)數(shù)據(jù)的操作,提高了開發(fā)效率。 ? 日常開發(fā)中,通常會(huì)對(duì)數(shù)據(jù),特別是數(shù)組和對(duì)象進(jìn)行各種讀寫等操...
開發(fā)背景: 項(xiàng)目需求是獲取最近30天的顧客數(shù)據(jù),而百度智客對(duì)應(yīng)的接口一次只能獲取某一天的顧客數(shù)據(jù)。也就是說(shuō),需要發(fā)送30個(gè)請(qǐng)求。 實(shí)現(xiàn)思路: 因?yàn)轫?xiàng)目是用axios發(fā)送htt...
Moment.js常見用法總結(jié) Moment.js是一個(gè)輕量級(jí)的JavaScript時(shí)間庫(kù),它方便了日常開發(fā)中對(duì)時(shí)間的操作,提高了開發(fā)效率。 ? 日常開發(fā)中,通常會(huì)對(duì)時(shí)間...
前言 公司的項(xiàng)目中需要對(duì)數(shù)據(jù)做可視化處理,高級(jí)點(diǎn)的D3.js目前還沒(méi)接觸到,因此選用了大眾化的Echarts, 在vue的生態(tài)系統(tǒng)中已經(jīng)有實(shí)現(xiàn)好的vue-echarts,但是...
用法簡(jiǎn)介: find()方法會(huì)返回滿足條件的第一個(gè)元素,如果沒(méi)有,則返回undefined 開發(fā)背景: 實(shí)際開發(fā)中,經(jīng)常會(huì)要求實(shí)現(xiàn)搜索功能。比如,根據(jù)姓名/用戶id等可以標(biāo)明...
前幾天,在重構(gòu)了項(xiàng)目中的一段代碼之后,公司章哥給我示范如何把我的代碼放到nginx上測(cè)試。他問(wèn)我會(huì)不會(huì)使用tar命令,我說(shuō)聽說(shuō)過(guò),不過(guò)沒(méi)用過(guò)。后來(lái)周末我就google了幾篇文...
1.前言 最近有很多朋友問(wèn)我有沒(méi)有相關(guān)的書籍推薦,希望能夠自學(xué)一下前端。 正好最近在查閱文章的時(shí)候,發(fā)現(xiàn)有朋友已經(jīng)進(jìn)行過(guò)總結(jié)。 經(jīng)過(guò)溝通和“行賄”??,終于取得轉(zhuǎn)載權(quán)利,在此感...
題目1:如何判斷一個(gè)元素是否出現(xiàn)在窗口可視范圍(瀏覽器的上邊緣和下邊緣之間,肉眼可視)。寫一個(gè)函數(shù) isVisible實(shí)現(xiàn) 題目2:當(dāng)窗口滾動(dòng)時(shí),判斷一個(gè)元素是不是出現(xiàn)在窗口...
題目1:輪播的實(shí)現(xiàn)原理是怎樣的?如果讓你來(lái)實(shí)現(xiàn),你會(huì)抽象出哪些函數(shù)(or接口)供使用?(比如 play()) 基本原理(左右滑動(dòng)): 1.首先,要?jiǎng)?chuàng)建一個(gè)容器用來(lái)展示輪播圖片...
題目1:實(shí)現(xiàn)一個(gè)瀑布流布局效果 jsbin-實(shí)現(xiàn)瀑布流布局 題目2:根據(jù)課程視頻實(shí)現(xiàn)一個(gè)瀑布流新聞網(wǎng)站,查看效果 jsonp 接口參數(shù): http://platform.si...