圖片的加載是由src 引起的，當(dāng)對(duì)src 賦值時(shí)，瀏覽器就會(huì)請(qǐng)求圖片資源。根據(jù)這個(gè)原理，我們使用HTML5 的data-xxx 屬性來(lái)儲(chǔ)存圖片的路徑，在需要加載圖片的時(shí)候，d...
發(fā)簡(jiǎn)信
IP屬地：北京
-
圖片懶加載實(shí)現(xiàn)原理
-
防抖節(jié)流，React失效寫法
防抖 lodash.debounce 直到經(jīng)歷了wait時(shí)間后，才執(zhí)行函數(shù)https://lodash.com/docs/4.17.15[https://lodash.com...
-
js中樹結(jié)構(gòu)根據(jù)條件查找節(jié)點(diǎn)返回節(jié)點(diǎn)路徑
關(guān)鍵詞：樹結(jié)構(gòu); 路徑搜索; 樹結(jié)構(gòu)，根據(jù)葉子節(jié)點(diǎn)id獲取從根節(jié)點(diǎn)到葉子節(jié)點(diǎn)的完整路徑 數(shù)據(jù)示例 查找函數(shù) 函數(shù)調(diào)用 結(jié)果 參考資料https://blog.csdn.net...
-
Vuex原理解析vue是目前最流行的前端框架之一，vuex則是一個(gè)狀態(tài)管理器，負(fù)責(zé)管理vue中各個(gè)對(duì)象的狀態(tài)變化并同步渲染到頁(yè)面上。 Vuex是什么？ Vuex是專門為Vue服務(wù)，用于管理頁(yè)...
-
這個(gè)on的監(jiān)聽為什么一直在啊
手寫事件總線eventBus
在vue中，我們有時(shí)會(huì)用eventBus進(jìn)行簡(jiǎn)易組件通信，那么這個(gè)eventBus究竟是如何實(shí)現(xiàn)的呢？eventBus其實(shí)是一個(gè)典型的觀察訂閱模式，我們需要實(shí)現(xiàn)：1、訂閱事件...
-
手寫事件總線eventBus
在vue中，我們有時(shí)會(huì)用eventBus進(jìn)行簡(jiǎn)易組件通信，那么這個(gè)eventBus究竟是如何實(shí)現(xiàn)的呢？eventBus其實(shí)是一個(gè)典型的觀察訂閱模式，我們需要實(shí)現(xiàn)：1、訂閱事件...
-
Vue上傳圖片裁剪預(yù)覽插件vue-img-cutter的使用在做web前端開發(fā)的時(shí)候，你一定遇到過(guò)這樣的業(yè)務(wù)場(chǎng)景，上傳用戶頭像的時(shí)候，需要將圖片進(jìn)行裁剪等操作，這個(gè)時(shí)候，我們一般會(huì)用到第三方插件。 如果自己造輪子的話，就太慢了，耽誤時(shí)...
-
TypeScript 之 Record
正文 在 TS 中，類似數(shù)組、字符串、數(shù)組、接口這些常見的類型都非常常見，但是如果要定義一個(gè)對(duì)象的 key 和 value 類型該怎么做呢？這時(shí)候就需要用到 TS 的 Rec...
-
React中useEffect使用
之前我們已經(jīng)掌握了useState的使用，在 class 中，我們通過(guò)在構(gòu)造函數(shù)中設(shè)置 this.state 為 { count: 0 } 來(lái)初始化 count state ...
-
JS中將對(duì)象轉(zhuǎn)化為數(shù)組
如何把一個(gè)對(duì)象轉(zhuǎn)化為數(shù)組，實(shí)例： 對(duì)象的兩種取值方式JS中對(duì)象有兩種取值方式，通過(guò)在.后面直接加屬性名取值，這也是我們最常使用的一種方式，例如: 這是最普通的一種方式，還有一...
-
無(wú)著之雪
熟透的柿子在冬日里日漸干癟 糖分隱藏在風(fēng)走過(guò)的痕跡里 那個(gè)女人等了三十年 燒了一壺茶 在手里沸騰，在手里冷的刺骨 三十年的雪都下在了今天 那些期待和等待也一同落下 風(fēng)雪的蹤跡...
-
面試官：前端跨頁(yè)面通信，你知道哪些方法？
引言 在瀏覽器中，我們可以同時(shí)打開多個(gè)Tab頁(yè)，每個(gè)Tab頁(yè)可以粗略理解為一個(gè)“獨(dú)立”的運(yùn)行環(huán)境，即使是全局對(duì)象也不會(huì)在多個(gè)Tab間共享。然而有些時(shí)候，我們希望能在這些“獨(dú)立...
-
輕
玉淵潭的水沒過(guò)我的頭頂 踩在水里就像踩在過(guò)往二十多年的日子里 痛苦和渾濁不住地往身體里灌去 我好像又回到了母體，和這些一汪池水融為一體 北京的秋天很輕 二十六年的我和六百年的...
-
痛苦、焦慮、當(dāng)下
最近讀了《當(dāng)下的力量》結(jié)合之前了解的關(guān)于冥想的知識(shí)，給了我之所以是現(xiàn)在的我的答案：我是被過(guò)去和未來(lái)困住的人。 如果嘗試去觀察一下自己的大腦，會(huì)發(fā)現(xiàn)它總是一刻不停的運(yùn)轉(zhuǎn)，并不是...
-
微信小程序-css動(dòng)畫
一：css屬性介紹 1、 animation：動(dòng)畫屬性。詳細(xì)的可查看官方APIwx.createAnimation(OBJECT) 2、 animation-deley：設(shè)置...
-
是雨
在溫?zé)岬挠昀锎┬?青草攔腰斬?cái)?，泥土清?蟬因?yàn)橄矚g雨而不鳴叫 不因這雨曾是一片雪而責(zé)怪它 Keep shouting, enjoy ur peace. My weaknes...
-
理解和使用Promise.all和Promise.race
一、Pomise.all的使用 Promise.all可以將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise實(shí)例。同時(shí)，成功和失敗的返回值是不同的，成功的時(shí)候返回的是一個(gè)結(jié)...
-
(一)Vue.directive指令(自定義指令)
本節(jié)知識(shí)點(diǎn) 全局api Vue.directive指令 自定義指令的生命周期 全局api概述 全局api并不在構(gòu)造器里面，而是先聲明全局變量或者直接在vue中定義一些新功能，...
-
有人見過(guò)
4點(diǎn)的時(shí)候，有一片雪的影子，我沒有抓住 7點(diǎn)起床，健身，吃雞胸肉和白菜做的早餐 陽(yáng)光打進(jìn)來(lái) 我像是一個(gè)拾稻草的人 在自己的身體上堆起一個(gè)草垛 偶然珍藏了一顆種子 有陽(yáng)光的時(shí)候...
-
七姑娘
七姑娘裸露的身體黑暗里閃著光 七姑娘在人世間尋找，也 拋棄一些光 她遇見星辰 她不屑星辰 她已經(jīng)有足夠的星辰在身體里發(fā)光 你來(lái)人間一趟 要像她一樣是個(gè)收集家