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