已經開源
鏈接 https://github.com/waterbrother2019122132/wb_store
菜雞日記 day1
#想試試看,如果沒有隊友git工具來幫忙,自己來做,能做成什麼樣子
#bug ☞輪播圖重複了,一開始以爲是key綁定錯誤,但看了下,好像返回的數據就只有一張圖…
☞pc端明明有四個欄目,但移動端測試少了一個,好像是component出錯了emm
菜雞日記 day2
#猛虎斷齒,十分難受 ,醫院這種陰森森的地方,真的一秒都不想待下去X﹏X
進度
☞插入了導航欄和輪播圖接口
☞輪播圖估計要換,要麼就發送三次請求拿三張圖片(這樣得promise封包),要麼我得自己寫接口emm,問題以後處理
菜雞日記 day3
☞由於牙齒太疼了跑了趟醫院,以及3d建模太難頂了,進度緩慢,明天一定肝X﹏X
#今天網課有點多,補寫了點作業,加上剪頭髮找朋友嘮嗑,進度緩慢
☞嵌套渲染,還是囫圇吞棗地拆了輪子那種,邏輯還沒搞清楚…
☞css處理上花了很多時間,而且還解決不了問題,寬度分配是1:1:1,然後後面想給每個渲染出的圖片加了border樣式時候,發現第三圖會被自動擠出去,不知道會不會是我hidden滑動塊的緣故
菜雞日記 day4
做這個頁面思路是☞大盒子套兩個小盒子,附帶滑動條,然後左邊很好處理,右邊好麻煩,child嵌套child又child
☞沒遇到難啃到的得去copy源碼的技術問題
☞費曼日記day5
沒課的週六真是隨心所欲,今日搬磚效率很高
三個技術點
☞右邊的嵌套渲染圖片文字
☞左邊添加點擊文字渲染變色的效果(關於這部分,我想說wdnmd,不小心把數據放在data外層,actvie效果老沒法觸發,搞了我一個半小時,wdnmd)
☞添加本地同步緩存效果,文檔說是爲了優化用戶的使用體驗,畢竟這層數據高達231KB,我其實也不是很理解,但還是有模有樣地寫了上去,我想深入瞭解來的,但一看到什麼異步緩存,什麼高併發…我就看傻眼了,算了…先用再說
費曼日記day7
今天是最禿的一天了
☞提取公共接口路徑(傻逼的我把onload和onready放反了,出了一堆問題・_・?,傻傻搞不清楚,害…debug是個大學問)
☞用了es7的async和await去簡化了返回值
☞獲取分類d和實現搜索框和tabs組件
看文檔和視頻☞我會了
開始動手☞damn it,我會個 哦
菜雞日記day8
菜雞日記day9
字體多長時候自動換行
代碼如下
富文本的效果
代碼如下
菜雞日記day10
輪播圖渲染不出來 初步診斷是圖片的安全問題
菜雞日記day11
富文本渲染出現了兩個問題
- 問題一.接口的數據過多
做法
數據填充
- 問題二 .webp格式在一些蘋果移動端不能正常渲染
菜雞日記day十二
今天加入一個微信圖片的放大瀏覽功能
下面是我的博客
https://blog.csdn.net/szuwaterbrother/article/details/105423074
菜雞日記day13
菜雞日記day14
加入購物車
迷惑點
這些數據緩存的東西,好難啃 我好像聽說 一峯老師的博客有介紹