總結下自己的slider學習經驗

2021-10-05 19:33:29 字數 886 閱讀 9795

前提:不使用三方庫

工作中製作slider,引入swiper.js被限制,問了知道不能使用。所以只能使用原生方法去寫。

由於很久沒有寫原生slider,查資料摸索結果如下。

方法一需要:

1、外層元素outer-box

2、內容()容器slider-box

3、內容()item

4、next方法

步驟:1、outer-box 元素overflow:hiddenposition:relative

2、slider-box元素width為所有寬度,確保元素排列在一行,可以使用浮動或者flex布局達成效果,position:absolutetransition: .5s all linear

3、內容比如有abc三個元素,需要額外新增乙個a,為abca四個元素,做無縫切換使用。

4、隨便寫個箭頭新增click寫next方法。拿到slider-box控制left向左移動。每次為item.offsetwidth寬度。檢測left(或者讀取count)得知移動到a元素,下一次切換需要關閉動畫控制left重置到起點,開啟動畫進入下一張。

有了next接下來可以左autonext方法。

利用元素唯一的特點,迴圈拿到第乙個元素,放到末尾。

需要用到偽類選擇器才可以實現動畫效果。因為開發環境不允許用偽類所以沒有用這種方法。

總結下自己的缺點

工作告一段落反思一下這一段時間的工作 學習和生活。對於工作只能算上馬馬虎虎。可能還是心理上沒有轉變,還想著大學那種得過且過的日子。工作中雖然能按時完成任務,但差在不夠效率,不夠細心,不夠用心。把工作當成任務而沒有當成是一種樂趣,我覺得這是很痛苦的,在以後的工作中應該發掘自己的樂趣並將其放大,這樣就會...

總結下自己對於一些事物的看法

總結下自己對於一些事物的看法 學會了拒絕比人,感覺當時挺不好意思的,但是過後發現也就那樣,不知別人如何想,但是自己感覺輕鬆多了 學會了爭取本該屬於自己的東西.比如去競爭乙個 優秀的 頭銜,跟別人要自己曾經借給他的東西 學會了放棄,比如需要學的it技能的方向太多了,放棄自己覺得不喜歡的或者不擅長的.放...

總結下自己關於指標裡面一些容易混淆的東西

c 中指標 這裡先講幾個準備的東西,對於乙個函式而言,假如沒有其他的作用的話,函式的函式名就是被當做是函式的位址使用的,就像是陣列一樣,陣列是不能夠被複製的,陣列的陣列名就是自動的可以轉化為這個陣列的第乙個值得位址。1.指向函式的指標 eg int p int t,string s 首先明確一點,這...