摘要:的結(jié)構(gòu)如下樣式我們這里讓正文占據(jù)視圖的,然后按鈕容器靠右絕對定位,然后再把向右移動,這樣就剛好銜接在后面。當(dāng)向左滑動的時候,向左移動,顯示出來。 前言 前幾天因為項目需要,用jquery寫了一個swiperOut組件,然后我就隨便把這個組件翻譯成基于Vue的了,有興趣的朋友可以看下。Github源碼(不麻煩的話幫忙start,請各位大爺賞個星星) demo展示 效果展示 老規(guī)矩,先上效...
摘要:前言在編寫代碼的時候存在一些對于數(shù)組的方法,可能涉及的頁面會很多,然后每次去寫一堆代碼。長期下去代碼會特別的繁多,是時候進(jìn)行一波封裝了話不多說開始書寫優(yōu)美的代碼代碼已上傳,需要的歡迎。 前言 在編寫JavaScript代碼的時候存在一些對于數(shù)組的方法,可能涉及的頁面會很多,然后每次去寫一堆代碼。長期下去代碼會特別的繁多,是時候進(jìn)行一波封裝了,話不多說開始書寫優(yōu)美的代碼 代碼已上傳git...
摘要:節(jié)流保證在一定時間內(nèi),只能觸發(fā)一次。我們在嘗試一下去抖消抖,消除抖動,感覺這個更好聽有沒有什么現(xiàn)成的上的一次發(fā)現(xiàn)源碼的經(jīng)歷以及對學(xué)術(shù)界拿來主義的思考函數(shù)節(jié)流和函數(shù)去抖應(yīng)用場景辨析函數(shù)去抖的實現(xiàn) 開篇先提幾個問題? 1.做搜索框的時候你使用什么事件?change?blur?keyup?你想要的效果是什么? 2.scroll事件怎么就觸發(fā)?是滾一段距離觸發(fā)一次?還是滾一圈觸發(fā)一次?還是滾...
摘要:問題了解組件的生命周期知識點(diǎn)流程狀態(tài)圖注意流程狀態(tài)圖為使用方法的生命周期使用獲取后臺數(shù)據(jù)渲染時,一般將調(diào)用方法放在中,這樣可以先渲染虛擬再展示數(shù)據(jù),當(dāng)再次調(diào)用數(shù)據(jù)改變時,內(nèi)數(shù)據(jù)會再次渲染,而不用再次加載整個。 問題 了解React組件的生命周期 知識點(diǎn) React流程狀態(tài)圖showImg(https://segmentfault.com/img/remote/1460000011694...
摘要:選擇性編譯是指根據(jù)打包是環(huán)境的不同,選擇性地讓特定的語句有效,讓特定的語句無效。選擇性編譯是筆者自己瞎想出來的名詞,不知道用的對不對。檢測時,還沒有被替換掉。 背景 程序在開發(fā)的過程中,少不了打印調(diào)試用的日志,測試流程時偽造的數(shù)據(jù)。這些代碼是不能出現(xiàn)在生產(chǎn)環(huán)境上的。這意味著在程序打包前,需要把相關(guān)代碼剔除掉。這些事情用人手去做很麻煩,很容易疏漏。而且打包出來測試時遇到了bug,又得重新...
暫無介紹