背景 為了配合項(xiàng)目的一個(gè)前端曝光埋點(diǎn)功能,涉及到列表滾動(dòng),動(dòng)態(tài)上報(bào)曝光行的數(shù)據(jù),進(jìn)行了一個(gè)技術(shù)調(diào)研。在前端開發(fā)工作中,常常需要判斷某個(gè)元素是否進(jìn)入了“視口”,一般的做法是監(jiān)聽...
背景 為了配合項(xiàng)目的一個(gè)前端曝光埋點(diǎn)功能,涉及到列表滾動(dòng),動(dòng)態(tài)上報(bào)曝光行的數(shù)據(jù),進(jìn)行了一個(gè)技術(shù)調(diào)研。在前端開發(fā)工作中,常常需要判斷某個(gè)元素是否進(jìn)入了“視口”,一般的做法是監(jiān)聽...
近期有做 eslint 統(tǒng)一代碼風(fēng)格的事情,結(jié)合自己的沉淀和網(wǎng)上的解決方案,分享一套 針對(duì) react + typescript的 eslint 配置方案,配置完成后可以檢測(cè)...
vue 簡(jiǎn)介 漸進(jìn)式框架:就是把框架分層。最核心的是視圖層渲染,然后往外是組件機(jī)制,在這個(gè)基礎(chǔ)上加入路由機(jī)制,再加入狀態(tài)管理,以及最外層的構(gòu)建工具。所謂分層:就是說(shuō)既可以用最...
一、React 的歷史和現(xiàn)狀 React 起源于 Facebook 的內(nèi)部項(xiàng)目,因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來(lái)架...
組件的概念 組件,是數(shù)據(jù)和方法的一個(gè)封裝,其定義了一個(gè)可重用的軟件元素的功能,展示和使用,通常表現(xiàn)為一個(gè)或一組可重用的元素。 組件的特性可拓展性:既然組件是針對(duì)某一特定功能或...
官方文檔 https://docs.nestjs.com 一、概述Nest是一個(gè)用于構(gòu)建高效,可擴(kuò)展的Node.js服務(wù)器端應(yīng)用程序的框架。它使用漸進(jìn)式JavaScript...
ES5中模擬參數(shù)默認(rèn)值的方式: 本例中,timeout和callback其實(shí)都是可選參數(shù)。參數(shù)未提供時(shí)會(huì)被替換成默認(rèn)值。但是這個(gè)方式有缺陷,當(dāng)timeout傳進(jìn)來(lái)是0時(shí),會(huì)被...
一、入門loader可以看作是翻譯員,配置module.rules數(shù)組里的規(guī)則,告訴webpack遇到哪些文件使用哪些loader去加載和轉(zhuǎn)換。如上的話就是告訴webpack...
本篇文章介紹了一個(gè)在開發(fā)中遇到的詭異的問(wèn)題,排查問(wèn)題過(guò)程頗為艱辛,不過(guò)最終結(jié)果還是值得的,因?yàn)殪柟塘艘恍┗A(chǔ)知識(shí)和好的調(diào)試方法,它們是:fixed定位的特點(diǎn)樣式優(yōu)先級(jí)的判定如...
一、瀏覽器緩存 瀏覽器緩存即http緩存;瀏覽器緩存根據(jù)是否需要向服務(wù)器重新發(fā)起HTTP請(qǐng)求將緩存過(guò)程分為兩個(gè)部分,分別是強(qiáng)制緩存和協(xié)商緩存。 瀏覽器第一次請(qǐng)求資源的時(shí)候服務(wù)...
樣式根據(jù)引入和聲明需要分開介紹,一般來(lái)說(shuō)分為引入樣式優(yōu)先級(jí)和聲明樣式優(yōu)先級(jí)。 一、引入樣式優(yōu)先級(jí) 引入樣式優(yōu)先級(jí)一般是在外部樣式、內(nèi)部樣式、內(nèi)聯(lián)樣式之間應(yīng)用同一個(gè)樣式的情況是...