js中可以給window去綁定縮放事件，從而去監(jiān)聽(tīng)窗口大小的變化: 但是有時(shí)候窗口的大小并不會(huì)變化，變的是元素的大小，好像是沒(méi)有方法是可以直接監(jiān)聽(tīng)元素的大小變化的，那如果有這...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
vue中監(jiān)聽(tīng)元素的寬高變化(強(qiáng)大的自定義指令) -
Vue性能優(yōu)化方法
Vue前端開(kāi)發(fā)到第一階段，就要開(kāi)始考慮性能優(yōu)化相關(guān)的要點(diǎn)了。這也是用來(lái)判斷一名前端的水平是否優(yōu)秀的一個(gè)標(biāo)準(zhǔn)。接下來(lái)這篇文章，將介紹幾種在實(shí)踐過(guò)程中可以用到的性能優(yōu)化技巧（文中...
-
最簡(jiǎn)實(shí)現(xiàn)Promise，支持異步鏈?zhǔn)秸{(diào)用
前言 在面試的時(shí)候，經(jīng)常會(huì)有面試官讓你實(shí)現(xiàn)一個(gè) Promise，如果參照 A+規(guī)范來(lái)實(shí)現(xiàn)的話，可能面到天黑都結(jié)束不了。說(shuō)到 Promise，我們首先想到的最核心的功能就是異步...
-
Vue 大文件上傳和斷點(diǎn)續(xù)傳
文件上傳的 2 套方案 基于文件流（form-data） element-ui 框架的上傳組件，就是默認(rèn)基于文件流的。 數(shù)據(jù)格式：form-data； 傳遞的數(shù)據(jù)： file...
-
微信頁(yè)面入口文件被緩存解決方案
緩存對(duì)于前端頁(yè)面來(lái)說(shuō)，是加速頁(yè)面加載的利器之一，但也同時(shí)帶來(lái)了很多問(wèn)題，比如新版本發(fā)布之后，怎么替換客戶端上的緩存文件呢？大家一般的的解決方案主要有以下幾種形式， 一般情況1...
-
10個(gè)JS優(yōu)化小技巧
1. if多條件判斷 2. if...else... 3. Null, Undefined, 空值檢查 4. foreach循環(huán) 5. 函數(shù)條件調(diào)用 6. switch條件 ...
-
如何優(yōu)雅處理前端異常？
前端一直是距離用戶最近的一層，隨著產(chǎn)品的日益完善，我們會(huì)更加注重用戶體驗(yàn)，而前端異常卻如鯁在喉，甚是煩人。 一、為什么要處理異常？異常是不可控的，會(huì)影響最終的呈現(xiàn)結(jié)果，但是我...
-
封裝 axios 攔截器實(shí)現(xiàn)用戶無(wú)感刷新 access_token
前言 最近做項(xiàng)目的時(shí)候，涉及到一個(gè)單點(diǎn)登錄，即是項(xiàng)目的登錄頁(yè)面，用的是公司共用的一個(gè)登錄頁(yè)面，在該頁(yè)面統(tǒng)一處理邏輯。最終實(shí)現(xiàn)用戶只需登錄一次，就可以以登錄狀態(tài)訪問(wèn)公司旗下的所...
-
Nginx與前端開(kāi)發(fā)
Nginx與Node.js “Nginx是一款輕量級(jí)的HTTP服務(wù)器，采用事件驅(qū)動(dòng)的異步非阻塞處理方式框架，這讓其具有極好的IO性能，時(shí)常用于服務(wù)端的反向代理和負(fù)載均衡。” ...
-
CSS之小常識(shí)
BFC 塊狀格式化上下文（block formatting context）簡(jiǎn)稱 BFC：是頁(yè)面上的一個(gè)隔離的獨(dú)立容器,容器里面的子元素不會(huì)影響到外面的元素。 如何觸發(fā)BFC...
-
初體驗(yàn)Vue2和Vue3開(kāi)發(fā)組件有什么區(qū)別
我們一直都有關(guān)注和閱讀很多關(guān)于Vue3的新特性和功能即將到來(lái)。但是我們沒(méi)有一個(gè)具體的概念在開(kāi)發(fā)中會(huì)有如何的改變和不一樣的體驗(yàn)。還有一些童鞋已經(jīng)開(kāi)始又慌又抓狂了 -- “又要開(kāi)...
-
工作中Taro開(kāi)發(fā)遇坑總結(jié)
這里記錄工作中遇到的一些坑，以此共勉和提高。希望能夠促進(jìn)自己的成長(zhǎng)。 1、單行文本過(guò)長(zhǎng)省略號(hào)，頂部被遮蓋 原因是全局添加了line-height為1，這里只需要重置為norm...
-
前端面試常見(jiàn)的手寫功能
防抖 節(jié)流 new bind call apply deepCopy 事件總線 | 發(fā)布訂閱模式 柯里化：只傳遞給函數(shù)一部分參數(shù)來(lái)調(diào)用它，讓它返回一個(gè)函數(shù)去處理剩下的參數(shù) e...
-
前端利用gulp快速部署web 項(xiàng)目
一、背景 最近在多個(gè)項(xiàng)目上線部署過(guò)程中，發(fā)現(xiàn)每一次打包到測(cè)試環(huán)境或者開(kāi)發(fā)環(huán)境中，都需要手動(dòng)打包后再把代碼拷貝到遠(yuǎn)程服務(wù)文件中，偶爾出現(xiàn)放錯(cuò)地方，被測(cè)試叼死了。最近在摸魚(yú)過(guò)程中...
-
flutter安裝教程首先按照官網(wǎng)地址安裝flutter（flutter中文官網(wǎng)）遇到問(wèn)題查看下面步驟 步驟一：設(shè)置國(guó)內(nèi)鏡像環(huán)境變量及添加變量方法 按照上圖添加國(guó)內(nèi)鏡像環(huán)境變量： PUB_HOST...
-
90%的前端都會(huì)踩的坑
寫在前面 移動(dòng)開(kāi)發(fā)時(shí)代，前端同學(xué)剛剛送別了讓人頭禿的IE瀏覽器，卻發(fā)現(xiàn)憧憬已久的移動(dòng)互聯(lián)網(wǎng)時(shí)代并不是想象中那般美好。各種棘手的系統(tǒng)兼容問(wèn)題和瀏覽器兼容問(wèn)題怎么也讓人高興不起來(lái)...
-
@聽(tīng)風(fēng)吹_1971 可以搞一下動(dòng)態(tài)路由配置
vue-cli3項(xiàng)目搭建配置以及性能優(yōu)化
vue-cli3項(xiàng)目搭建配置以及性能優(yōu)化 在之前的開(kāi)發(fā)中主要用的是vue-cli2，最近空閑時(shí)間比較多，接下來(lái)有新項(xiàng)目，本著偷懶的本能，自己打算搭建一個(gè)基礎(chǔ)包以備后期開(kāi)發(fā)應(yīng)用...
-
mongodb修改器使用
對(duì)于文檔的更新除替換外，針對(duì)某個(gè)或多個(gè)文檔只需要部分更新可使用原子的更新修改器，能夠高效的進(jìn)行文檔更新。更新修改器是中特殊的鍵，用來(lái)指定復(fù)雜的操作，比如增加、刪除或者調(diào)整鍵，...