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