欧美精产国品一二三区,国产成人一区二区三区A片免费,特级毛片www免费版,成人做爰A片免费看黄冈宾馆,日韩精品人妻中文字幕有码

刷新
如何判斷一個元素是否在可視區域中？

博主頭像 一、用(yong)途 可(ke)視區域即我(wo)(wo)們瀏覽網頁的(de)(de)設備肉眼可(ke)見(jian)的(de)(de)區域，如下(xia)圖(tu) 在日(ri)常開發中，我(wo)(wo)們經常需要判(pan)斷(duan)目標(biao)元素(su)是否在視窗(chuang)(chuang)之內或者和(he)視窗(chuang)(chuang)的(de)(de)距離小于一個值(zhi)（例如 100 px），從(cong)而實現(xian)一些常用(yong)的(de)(de)功(gong)能，例如： 圖(tu)片的(de)(de)懶加(jia)載 列表的(de)(de)無限滾動 計算廣告(gao)元素(su)的(de)(de)曝光(guang)情況 可(ke)點擊鏈接(jie)的(de)(de)預加(jia)載 二(er)、實現(xian)方式 判(pan)斷(duan)一個元素(su)是否 ...

【JS】await異常捕獲，這樣做才完美

博主頭像 文章關注JavaScript中async/await的(de)(de)異(yi)常處(chu)理(li)，指出未捕獲異(yi)常的(de)(de)潛在(zai)風險。1）使用(yong)try-catch，雖全面但冗(rong)余；2）借助Promise的(de)(de)catch，減(jian)少(shao)冗(rong)余; 3) 利用(yong)await-to-js庫簡(jian)化異(yi)常處(chu)理(li) ...

Chart.js (v2.9.4) 2-主要的函數和對象介紹

Color() ：主要負責渲(xuan)染圖表時(shi)候，針對(dui)(dui)顏色處理相關函數 helpers_core：工具(ju)對(dui)(dui)象，提供(gong)了基礎的(de)(de)工具(ju)函數功能(neng)，遍歷數組(zu)，擴展對(dui)(dui)象，合并對(dui)(dui)象，克(ke)隆(long)對(dui)(dui)象等(deng)等(deng)。 core_defaults：負責存儲系統默認的(de)(de)全局屬性(xing)(xing)或(huo)是插件，用戶通(tong)(tong)過這個全局對(dui)(dui)象配置(zhi)一些(xie)通(tong)(tong)用的(de)(de)屬性(xing)(xing)或(huo)是插件，輕松(song)讓所有(you)實例化出 ...

HTML+CSS實現全景輪播的示例代碼

創建(jian)一個(ge)全景輪(lun)(lun)播效果可(ke)以通(tong)過HTML和(he)CSS來實現(xian)，這里(li)提供(gong)一個(ge)簡單的(de)示(shi)例代碼。這個(ge)示(shi)例中，我們(men)將使用HTML來構(gou)建(jian)基本的(de)輪(lun)(lun)播結構(gou)，CSS來添(tian)加樣式和(he)實現(xian)輪(lun)(lun)播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...

Vue3源碼解析--收集的依賴是什么？怎么收集的？什么時候收集的？

博主頭像 從Vue開(kai)(kai)(kai)始較大范圍在前端(duan)應用開(kai)(kai)(kai)始，關于Vue一些基(ji)礎知識的(de)討論和(he)面(mian)試問題就(jiu)在開(kai)(kai)(kai)發圈子里基(ji)本(ben)(ben)上(shang)就(jiu)跟前幾(ji)年(nian)的(de)股(gu)票和(he)基(ji)金一樣(yang)，樓下擺攤賣醬香餅的(de)阿姨(yi)都(dou)能說上(shang)幾(ji)句那種。找(zhao)過前端(duan)開(kai)(kai)(kai)發工作(zuo)(zuo)或者(zhe)正在找(zhao)開(kai)(kai)(kai)發工作(zuo)(zuo)的(de)前端(duan)都(dou)知道(dao)，面(mian)試官基(ji)本(ben)(ben)上(shang)都(dou)有那么幾(ji)個常問的(de)問題，而網(wang)上(shang)呢(ni)也有那么一套可以(yi)用來背誦(song)的(de)“八股(gu)文”，自(zi)己懂(dong)多 ...

第二周第五天

今(jin)天是跟(gen)隨(sui)視頻學(xue)習(xi)vue2的一(yi)些(xie)相(xiang)關知識，并跟(gen)隨(sui)視頻學(xue)習(xi)和(he)寫(xie)程序(xu)。主要(yao)是了(le)(le)解一(yi)些(xie)有(you)關渲染子類的知識，同時也(ye)練習(xi)了(le)(le)一(yi)些(xie)靜態頁面。總體(ti)感受前面的比較簡(jian)單，后(hou)面的越來越復雜，有(you)點看不(bu)懂(dong)了(le)(le)，還(huan)記不(bu)住。加油！我相(xiang)信多(duo)練習(xi)一(yi)點也(ye)就(jiu)會了(le)(le)。以(yi)下今(jin)天寫(xie)的一(yi)些(xie)程序(xu)。 視頻實在看不(bu)懂(dong)也(ye)沒關系，多(duo)練習(xi)實際操作。同時也(ye)不(bu)能局(ju) ...

Symbol 引用 iconfont icon圖標庫

博主頭像 Symbol 引(yin)用(yong) iconfont icon圖(tu)標(biao)庫 Symbol 引(yin)用(yong) 這(zhe)是(shi)一種全新(xin)的(de)(de)使用(yong)方式，應該說這(zhe)才是(shi)未來(lai)的(de)(de)主流，也是(shi)平臺目前推薦的(de)(de)用(yong)法(fa)。相(xiang)關介紹可(ke)以參考這(zhe)篇文章 這(zhe)種用(yong)法(fa)其實是(shi)做(zuo)了一個 SVG 的(de)(de)集合(he)，與另外(wai)兩種相(xiang)比具有如下(xia)特點： 支持多色圖(tu)標(biao)了，不再受單色限制。 通過一些技巧，支持像字(zi)體 ...

第二周第四天

今天(tian)完成(cheng)了(le)(le)所有的(de)(de)(de)html，css，以及js的(de)(de)(de)菜(cai)鳥相關課程(cheng)，總(zong)的(de)(de)(de)來說(shuo)了(le)(le)解了(le)(le)很多的(de)(de)(de)程(cheng)序語言，但(dan)(dan)也有很多復雜的(de)(de)(de)不懂(dong)。希望和我(wo)一樣學習(xi)前(qian)端(duan)的(de)(de)(de)朋友一樣，不要(yao)著(zhu)急(ji)。雖(sui)然是基(ji)礎知(zhi)識但(dan)(dan)是也很難全(quan)部(bu)記住理解30%，對(dui)剩下的(de)(de)(de)有個印象即(ji)可，但(dan)(dan)是最為重要(yao)的(de)(de)(de)是實際操作，慢慢練習(xi)有些基(ji)礎知(zhi)識慢慢就會了(le)(le)。 幾天(tian)說(shuo)一下我(wo)學習(xi)中遇(yu)到 ...

XML Schema 字符串數據類型及約束詳解

博主頭像 XML中(zhong)的字符(fu)串(chuan)數據類型(xing)表(biao)示字符(fu)序列(lie)，包括(kuo)換行(xing)、回(hui)車和(he)制表(biao)符(fu)。處理器(qi)不(bu)修改值。`normalizedString`去(qu)除這些(xie)特(te)殊字符(fu)，`token`則進一步移除前導和(he)尾隨(sui)空格及多余空格。字符(fu)串(chuan)類型(xing)可使用(yong)枚舉(ju)、長度等限(xian)制。`date`和(he)`dateTime`數據類型(xing)表(biao)示日期(qi)和(he)時間(jian)，`duration`表(biao)示... ...

說說webpack的熱更新是如何做到的？原理是什么？

博主頭像 一、是什么(me) HMR全(quan)稱(cheng) Hot Module Replacement，可(ke)以理(li)解(jie)為模塊(kuai)熱替換，指在(zai)應(ying)用(yong)程序運行(xing)過程中，替換、添加、刪除模塊(kuai)，而無需重新(xin)刷(shua)新(xin)整(zheng)(zheng)個應(ying)用(yong) 例如，我們在(zai)應(ying)用(yong)運行(xing)過程中修(xiu)改了某個模塊(kuai)，通過自動刷(shua)新(xin)會導致整(zheng)(zheng)個應(ying)用(yong)的整(zheng)(zheng)體(ti)刷(shua)新(xin)，那頁面中的狀(zhuang)態信(xin)息(xi)都會丟失(shi) 如果使用(yong)的是 HMR，就可(ke)以實 ...

lodash已死？radash庫方法介紹及源碼解析 —— 對象方法篇

博主頭像 theme: nico 寫在前(qian)面 主頁有(you)更多其他篇章(zhang)的(de)(de)(de)方法，歡迎訪問查看。 本篇我們(men)介紹radash中對象(xiang)相(xiang)關方法的(de)(de)(de)使用(yong)和源碼解析。 assign：遞(di)歸合并(bing)兩個對象(xiang) 使用(yong)說(shuo)明 功能(neng)說(shuo)明：類似(si)于 JavaScript 的(de)(de)(de) Object.assign 方法，用(yong)于將 override 對象(xiang)的(de)(de)(de)屬性和值復制到 ... 

JS 監聽用戶頁面訪問&頁面關閉并進行數據上報操作

博主頭像 用戶(hu)在頁面(mian)訪(fang)問(wen)(wen)(wen)時(shi)發(fa)送(song)數據(ju)到后臺，頁面(mian)關(guan)閉(bi)(bi)時(shi)也發(fa)送(song)數據(ju)到后臺。 第一次進入頁面(mian)時(shi)觸發(fa)頁面(mian)訪(fang)問(wen)(wen)(wen) 刷新(xin)當前頁面(mian)時(shi)觸發(fa)頁面(mian)訪(fang)問(wen)(wen)(wen) 新(xin) tab 進入頁面(mian)時(shi)觸發(fa)頁面(mian)訪(fang)問(wen)(wen)(wen) 當前頁面(mian)點擊(ji) nav 進入其(qi)他模塊時(shi)，觸發(fa)頁面(mian)關(guan)閉(bi)(bi)&頁面(mian)訪(fang)問(wen)(wen)(wen) 關(guan)閉(bi)(bi)頁面(mian)時(shi)觸發(fa)頁面(mian)關(guan)閉(bi)(bi) ...

第二周第3天

這是(shi)昨天學習(xi)到(dao)的(de)(de)一種點(dian)擊顯(xian)示時間的(de)(de)方法，自己(ji)理解就是(shi)創建(jian)一個(ge)點(dian)擊按鈕，然(ran)后創建(jian)一個(ge)showdate函(han)數(shu)，通過(guo)(guo)運行showdate 函(han)數(shu)，輸出(chu)時間！ 接下來的(de)(de)安(an)排，這兩天一直再(zai)嘗試做(zuo)最(zui)基礎(chu)的(de)(de)頁面(mian)設(she)計，感覺還(huan)不(bu)(bu)錯(cuo)挺(ting)有意思的(de)(de)，就是(shi)不(bu)(bu)會寫(xie)，只是(shi)在人家的(de)(de)基礎(chu)上進行復制(zhi)和修改，不(bu)(bu)過(guo)(guo)也學到(dao)了頁面(mian)跳轉的(de)(de)知識(shi)，很開(kai)心 ...

ECMA 2019(ES10) 新特性

博主頭像 本章內容： 行分隔(ge)符（U + 2028）和段(duan)分隔(ge)符（U + 2029）符號現(xian)在(zai)允許在(zai)字(zi)符串文字(zi)中，與 JSON 匹配(pei) 更加友好的(de) JSON.stringify 新(xin)增(zeng)了(le) Array 的(de)flat()方(fang)法(fa)(fa)和flatMap()方(fang)法(fa)(fa) 新(xin)增(zeng)了(le) String 的(de)trimStart()方(fang)法(fa)(fa)和trimEnd()方(fang)法(fa)(fa) ...

說說Loader和Plugin的區別？編寫Loader，Plugin的思路？

博主頭像  一、區別 前面兩節我們(men)有(you)提到Loader與Plugin對(dui)應的(de)概念，先(xian)來回(hui)顧下(xia) loader 是文(wen)件加(jia)載器，能(neng)夠加(jia)載資源(yuan)(yuan)文(wen)件，并對(dui)這些(xie)文(wen)件進行一些(xie)處理，諸如編譯、壓(ya)縮等(deng)，最終一起(qi)打(da)包(bao)到指(zhi)定的(de)文(wen)件中 plugin 賦(fu)予了 webpack 各種靈活的(de)功能(neng)，例如打(da)包(bao)優化、資源(yuan)(yuan)管理、環境變量注入等(deng)，目的(de)是解決(jue) ...

徹底搞懂JavaScript原型和原型鏈

基于(yu)原型編(bian)程(cheng)(cheng) 在(zai)面向對(dui)(dui)象(xiang)(xiang)的(de)(de)(de)編(bian)程(cheng)(cheng)語言(yan)中，類(lei)和(he)對(dui)(dui)象(xiang)(xiang)的(de)(de)(de)關系是(shi)鑄模和(he)鑄件的(de)(de)(de)關系，對(dui)(dui)象(xiang)(xiang)總是(shi)從類(lei)創(chuang)建(jian)而來，比如(ru)Java中，必須先創(chuang)建(jian)類(lei)再基于(yu)類(lei)實例化對(dui)(dui)象(xiang)(xiang)。 而在(zai)基于(yu)原型編(bian)程(cheng)(cheng)的(de)(de)(de)思(si)想中，類(lei)并不是(shi)必須的(de)(de)(de)，對(dui)(dui)象(xiang)(xiang)都是(shi)通過(guo)克隆(long)另外一個對(dui)(dui)象(xiang)(xiang)而來，這個被克隆(long)的(de)(de)(de)對(dui)(dui)象(xiang)(xiang)就是(shi)原型對(dui)(dui)象(xiang)(xiang)。 基于(yu)原型編(bian)程(cheng)(cheng)的(de)(de)(de)語言(yan)通常遵循(xun)下(xia)面的(de)(de)(de)規(gui)則： 所有的(de)(de)(de)數 ...

JS 實現鼠標框選（頁面選擇）時返回對應的代碼或文本內容

博主頭像 當用戶進(jin)行鼠(shu)標(biao)框選(xuan)(xuan)(xuan)選(xuan)(xuan)(xuan)擇了頁面上的內容時(shi)(shi)，把(ba)選(xuan)(xuan)(xuan)擇的內容進(jin)行上報。 分為(wei)以下幾點： 選(xuan)(xuan)(xuan)擇文(wen)案時(shi)(shi) 選(xuan)(xuan)(xuan)擇圖片、svg、iframe、video、audio 等(deng)標(biao)簽(qian)時(shi)(shi) 選(xuan)(xuan)(xuan)擇 input、select、textarea 等(deng)標(biao)簽(qian)時(shi)(shi) 選(xuan)(xuan)(xuan)擇input、textarea 標(biao)簽(qian)內容時(shi)(shi) 選(xuan)(xuan)(xuan)擇類似   字符時(shi)(shi) 鍵盤全(quan)選(xuan)(xuan)(xuan)時(shi)(shi) 鼠(shu)... ...

如何實現上拉加載，下拉刷新？

博主頭像 一(yi)、前言 下(xia)拉刷新(xin)和上(shang)(shang)拉加載這(zhe)兩種(zhong)交互(hu)方(fang)式(shi)通常出現(xian)在移動(dong)端中 本(ben)質上(shang)(shang)等同于PC網頁中的(de)分頁，只(zhi)是(shi)交互(hu)形(xing)式(shi)不(bu)同 開源社區也有很(hen)多優秀的(de)解決方(fang)案，如iscroll、better-scroll、pulltorefresh.js庫等等 這(zhe)些第三方(fang)庫使(shi)用起來非常便捷 我們通過原(yuan)生的(de)方(fang)式(shi)實現(xian)一(yi)次上(shang)(shang)拉加載，下(xia)拉刷 ... 

<1···4950