發(fā)簡(jiǎn)信
IP屬地：湖南
-
不可思議的純 CSS 滾動(dòng)進(jìn)度條效果
問題先行，如何使用 CSS 實(shí)現(xiàn)下述滾動(dòng)條效果？ 就是頂部黃色的滾動(dòng)進(jìn)度條，隨著頁(yè)面的滾動(dòng)進(jìn)度而變化長(zhǎng)短。 在繼續(xù)閱讀下文之前，你可以先緩一緩。...
-
沖冠一怒為代碼：論程序員與負(fù)能量
沖冠一怒為代碼：論程序員與負(fù)能量 （本文已被譯為俄文和西班牙文，十分感謝譯者們。） 此刻我正凝視著一段代碼。這段代碼，可以說是我見過的最爛的代碼...
-
「譯」理解Javascript函數(shù)執(zhí)行—調(diào)用棧、事件循環(huán)、任務(wù)等
現(xiàn)如今，web開發(fā)者（我們更喜歡被叫做前端工程師）用一門腳本語(yǔ)言就能做任何事情，從提供瀏覽器中的交互，到開發(fā)電腦游戲、桌面工具、跨平臺(tái)移動(dòng)應(yīng)用，...
-
「前端詞典」這些功能其實(shí)不需要 JS，CSS 就能搞定
直接入題 1. 每個(gè)單詞的首字母大寫 其實(shí)我第一次看到這個(gè)功能的時(shí)候就是使用 JS 去實(shí)現(xiàn)這個(gè)功能，想都沒想 CSS 可以完成這個(gè)功能。馬上就屁...
-
瀏覽器輸入 URL 后發(fā)生了什么？
這是一道非常經(jīng)典的題目，相信你被面試或者面試別人有非常大的概率接觸過，也可能只是其中某一部分進(jìn)行提問。這道題涵蓋的知識(shí)點(diǎn)非常多，考察得比較全面，...
-
靜態(tài)網(wǎng)站生成器是如何工作的
在過去的幾年里，開源靜態(tài)網(wǎng)站生成器的數(shù)量增長(zhǎng)迅速，StaticGen 上幾乎找得到每一種語(yǔ)言實(shí)現(xiàn)的版本。靜態(tài)網(wǎng)站相比動(dòng)態(tài)網(wǎng)站具備無需依賴應(yīng)用服務(wù)...
-
jsonp的原理與實(shí)現(xiàn)
概述jsonp是一種跨域通信的手段，它的原理其實(shí)很簡(jiǎn)單： 首先是利用script標(biāo)簽的src屬性來實(shí)現(xiàn)跨域。 通過將前端方法作為參數(shù)傳遞到服務(wù)器...
-
Tree-Shaking性能優(yōu)化實(shí)踐 - 實(shí)踐2篇
三. tree-shaking實(shí)踐 [圖片上傳中...(image-c050ec-1566907647861-15)] webpack2 發(fā)布，...
-
Tree-Shaking性能優(yōu)化實(shí)踐 - 原理篇
一. 什么是Tree-shaking [圖片上傳中...(image-1e0c64-1566907465560-23)] 先來看一下Tree-s...