• 不可思議的純 CSS 滾動(dòng)進(jìn)度條效果

    問題先行能犯,如何使用 CSS 實(shí)現(xiàn)下述滾動(dòng)條效果? 就是頂部黃色的滾動(dòng)進(jìn)度條,隨著頁面的滾動(dòng)進(jìn)度而變化長(zhǎng)短。 在繼續(xù)閱讀下文之前,你可以先緩一緩。...

  • Resize,w 360,h 240
    沖冠一怒為代碼:論程序員與負(fù)能量

    沖冠一怒為代碼:論程序員與負(fù)能量 (本文已被譯為俄文和西班牙文,十分感謝譯者們状知。) 此刻我正凝視著一段代碼。這段代碼孽查,可以說是我見過的最爛的代碼...

  • 「譯」理解Javascript函數(shù)執(zhí)行—調(diào)用棧饥悴、事件循環(huán)、任務(wù)等

    現(xiàn)如今盲再,web開發(fā)者(我們更喜歡被叫做前端工程師)用一門腳本語言就能做任何事情西设,從提供瀏覽器中的交互,到開發(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 上幾乎找得到每一種語言實(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...

亚洲A日韩AV无卡,小受高潮白浆痉挛av免费观看,成人AV无码久久久久不卡网站,国产AV日韩精品