野生小白純js仿思否簡易移動端

初衷

感謝思否兩個多月來的陪伴
作這個東西仍是多本身兩個月多來的學習總結吧,順帶練手。但願能找到一個還能夠的工做吧!前端

爲何沒用框架

react過了一邊官方文檔,對狀態提高和組件有點了解一下,懂得仍是太少了。react

說一下個人想法吧?

但願你們留下寶貴的建議吧數組

  • 我是想從基礎作起,框架我想邊工做邊學;這樣學的也多
  • 爲何如今這樣也是由於我,畢業兩年多了,以前迷迷糊糊沒目標;如今心定下來了,決定從事前端了
  • 辭職和小夥伴創業3個月,迷茫1個多月,脫產2個月;沒工做過久了,我真怕再不去找,個人人生真的廢了

學海無涯,無窮無盡,有時候在想人爲了什麼這麼累!

而個人答案是至少要讓家人,朋友,親人,以爲你很不錯!!!而不是一個不可靠碌碌無爲的人

作完後感受本身好像什麼都沒作同樣

能力有限,暫時就作這些了,後續頁面待續!!!框架

功能

  • 移動端的自適應,用的是rem大法

圖片描述

  • 左右滑動頁面,以及下拉刷刷新,用translate3d(x,y,z)作的。下拉刷新數據利用數組亂序實現

圖片描述

  • 圖片懶加載以及以及加載首次首屏的圖片

    監聽window的srcoll事件;利用offsetTop,window.innerHeight,scrollTop三者聯繫實現懶加載;
    根據translateX的多少來計算是哪一個頁面學習

  • 搜索功能

作的比較簡單:localStorage本地存儲記錄,根據關鍵字進行了簡易的搜索
圖片描述spa

-點擊文章詳情頁面展現
圖片描述3d

  • 還有一些零碎的功能

圖片描述

相關文章
相關標籤/搜索