優(yōu)秀的javaScript

問題先行悴晰，如何使用 CSS 實現(xiàn)下述滾動條效果？ 就是頂部黃色的滾動進(jìn)度條，隨著頁面的滾動進(jìn)度而變化長短。 在繼續(xù)閱讀下文之前，你可以先緩一緩红淡。嘗試思考一下上面的效果或者動手...

優(yōu)秀的javaScript

現(xiàn)如今谅畅，web開發(fā)者（我們更喜歡被叫做前端工程師）用一門腳本語言就能做任何事情登渣，從提供瀏覽器中的交互，到開發(fā)電腦游戲毡泻、桌面工具胜茧、跨平臺移動應(yīng)用，甚至可以在服務(wù)端部署（如最流行...

優(yōu)秀的javaScript

直接入題 1. 每個單詞的首字母大寫 其實我第一次看到這個功能的時候就是使用 JS 去實現(xiàn)這個功能呻顽，想都沒想 CSS 可以完成這個功能。馬上就屁顛屁顛的寫了一個方法： 寫完這...

優(yōu)秀的javaScript

這是一道非常經(jīng)典的題目廊遍，相信你被面試或者面試別人有非常大的概率接觸過，也可能只是其中某一部分進(jìn)行提問贩挣。這道題涵蓋的知識點非常多昧碉，考察得比較全面，網(wǎng)上一搜也有成百上千篇文章揽惹，不...

優(yōu)秀的javaScript

在過去的幾年里被饿，開源靜態(tài)網(wǎng)站生成器的數(shù)量增長迅速，StaticGen 上幾乎找得到每一種語言實現(xiàn)的版本搪搏。靜態(tài)網(wǎng)站相比動態(tài)網(wǎng)站具備無需依賴應(yīng)用服務(wù)器狭握，性能優(yōu)越，部署簡單等特點疯溺。...

優(yōu)秀的javaScript

概述jsonp是一種跨域通信的手段论颅，它的原理其實很簡單： 首先是利用script標(biāo)簽的src屬性來實現(xiàn)跨域哎垦。 通過將前端方法作為參數(shù)傳遞到服務(wù)器端，然后由服務(wù)器端注入?yún)?shù)之后...

優(yōu)秀的javaScript

三. tree-shaking實踐 [圖片上傳中...(image-c050ec-1566907647861-15)] webpack2 發(fā)布恃疯，宣布支持tree-shakin...

優(yōu)秀的javaScript

一. 什么是Tree-shaking [圖片上傳中...(image-1e0c64-1566907465560-23)] 先來看一下Tree-shaking原始的本意 [圖片...

優(yōu)秀的javaScript

前言 緩存今妄，這是一個老生常談的話題郑口，也常被作為前端面試的一個知識點。 本文盾鳞，重點在與探討在實際項目中犬性，如何進(jìn)行緩存的設(shè)置，并給出一個較為合理的方案腾仅。 強(qiáng)緩存和協(xié)商緩存 在介紹...

優(yōu)秀的javaScript

前言 Event Loop即事件循環(huán)乒裆，是指瀏覽器或Node的一種解決javaScript單線程運行時不會阻塞的一種機(jī)制，也就是我們經(jīng)常使用異步的原理推励。 為啥要弄懂Event ...

優(yōu)秀的javaScript

前言 在實際的開發(fā)過程中，從零開始建立項目的結(jié)構(gòu)是一件讓人頭疼的事情格侯，所以各種各樣的腳手架工具應(yīng)運而生鼻听。筆者使用較多的yoeman，express-generator和vue...