問題先行,如何使用 CSS 實現(xiàn)下述滾動條效果? 就是頂部黃色的滾動進度條,隨著頁面的滾動進度而變化長短。 在繼續(xù)閱讀下文之前,你可以先緩一緩。嘗試思考一下上面的效果或者動手...
問題先行,如何使用 CSS 實現(xiàn)下述滾動條效果? 就是頂部黃色的滾動進度條,隨著頁面的滾動進度而變化長短。 在繼續(xù)閱讀下文之前,你可以先緩一緩。嘗試思考一下上面的效果或者動手...
沖冠一怒為代碼:論程序員與負能量 (本文已被譯為俄文和西班牙文,十分感謝譯者們。) 此刻我正凝視著一段代碼。這段代碼,可以說是我見過的最爛的代碼之一。為了更新數(shù)據(jù)庫中的單條記...
現(xiàn)如今,web開發(fā)者(我們更喜歡被叫做前端工程師)用一門腳本語言就能做任何事情,從提供瀏覽器中的交互,到開發(fā)電腦游戲、桌面工具、跨平臺移動應用,甚至可以在服務端部署(如最流行...
直接入題 1. 每個單詞的首字母大寫 其實我第一次看到這個功能的時候就是使用 JS 去實現(xiàn)這個功能,想都沒想 CSS 可以完成這個功能。馬上就屁顛屁顛的寫了一個方法: 寫完這...
這是一道非常經(jīng)典的題目,相信你被面試或者面試別人有非常大的概率接觸過,也可能只是其中某一部分進行提問。這道題涵蓋的知識點非常多,考察得比較全面,網(wǎng)上一搜也有成百上千篇文章,不...
在過去的幾年里,開源靜態(tài)網(wǎng)站生成器的數(shù)量增長迅速,StaticGen 上幾乎找得到每一種語言實現(xiàn)的版本。靜態(tài)網(wǎng)站相比動態(tài)網(wǎng)站具備無需依賴應用服務器,性能優(yōu)越,部署簡單等特點。...
概述jsonp是一種跨域通信的手段,它的原理其實很簡單: 首先是利用script標簽的src屬性來實現(xiàn)跨域。 通過將前端方法作為參數(shù)傳遞到服務器端,然后由服務器端注入?yún)?shù)之后...
三. tree-shaking實踐 [圖片上傳中...(image-c050ec-1566907647861-15)] webpack2 發(fā)布,宣布支持tree-shakin...
一. 什么是Tree-shaking [圖片上傳中...(image-1e0c64-1566907465560-23)] 先來看一下Tree-shaking原始的本意 [圖片...
前言 適合有一定 React 項目經(jīng)驗閱讀,默認對 React 的常用 api 較為熟悉 研究 React 源碼是結合網(wǎng)上的一些分析文章+自己看代碼理解 最開始看是因為項目中...
前言 適合有一定 React 項目經(jīng)驗閱讀,默認對 React 的常用 api 較為熟悉 研究 React 源碼是結合網(wǎng)上的一些分析文章+自己看代碼理解 最開始看是因為項目中...
前言 緩存,這是一個老生常談的話題,也常被作為前端面試的一個知識點。 本文,重點在與探討在實際項目中,如何進行緩存的設置,并給出一個較為合理的方案。 強緩存和協(xié)商緩存 在介紹...
前言 Event Loop即事件循環(huán),是指瀏覽器或Node的一種解決javaScript單線程運行時不會阻塞的一種機制,也就是我們經(jīng)常使用異步的原理。 為啥要弄懂Event ...
之前面試今日頭條的時候,今日頭條面試官問我,js執(zhí)行會阻塞DOM樹的解析和渲染,那么css加載會阻塞DOM樹的解析和渲染嗎?所以,接下來我就來對css加載對DOM樹的解析和渲...
前言 在實際的開發(fā)過程中,從零開始建立項目的結構是一件讓人頭疼的事情,所以各種各樣的腳手架工具應運而生。筆者使用較多的yoeman,express-generator和vue...
編程風格要統(tǒng)一 編程風格這個東西,說實在的對于剛加入團隊的新成員來說還是很難讓人完全適應的。因為每人的編程風格都不同,完全是各有千秋的既視感啊 到了新公司后團隊中的每個人也都...