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