京東小程序-爬坑路-二

發(fā)表時間：2021-3-26

發(fā)布人：葵宇科技

瀏覽次數(shù)：78

京麥小程序基于京東小程序，京東小程序又基于微信小程序。他們的關系（此處指功能）；微信小程序>京東小程序>京麥小程序。京麥小程序支持的，京東小程序肯定支持，但是反過來，京東小程序支持的，京麥就不一定支持了，這也是我做京麥時參考京東小程序文檔踩過的坑，都是心酸淚，因為京麥沒有使用文檔都是參考京東小程序文檔，分享的問題適用于京東小程序和京麥小程序。繼經驗一后續(xù)開發(fā)繼續(xù)經驗總結，現(xiàn)在做如下匯總。

picker組件-三級聯(lián)動（使用禁忌）

1.picker三級聯(lián)動時，它的父元素，包括它本身，都不可以使用jd:if=某變量來動態(tài)的控制它的顯示和隱藏，因為這會導致切換二級時，三級不跟隨聯(lián)動，其原因是綁定的column-change事件不生效，組件在動態(tài)渲染時不支持綁定函數(shù)，這個結果被京麥組件的同事認證，且微信小程序有相同的問題，動態(tài)渲染的組件不支持綁定事件函數(shù)，這個我不是很能理解，但是事實就是切換不生效；
2.如果有需要就是要動態(tài)渲染，可以找別的方法來隱藏它，幸好，我的需要不需要去動態(tài)渲染；

picker及checkbox組件value值屬性不可更改

1.我們在做單項選擇picker時，使用場景是將選中的選項記錄在一個公共變量里面，然后使用它，等到接口返回這個變量時，我們綁定到picker的value值上面。此時，綁定的值一定要和之前的picker渲染的值類型保持一致，如果表單提交需要修改選中值的類型，就在提交時做統(tǒng)一格式化處理，接口返回時也要再處理回來，否則綁定會不生效，此時picker會默認第一個選項，而不是已經選擇的選項。

img標簽及背景圖的使用問題

1.image標簽不支持gif圖片地址，同時IOS小程序里面不支持http的鏈接地址，圖片會不顯示。
2.css背景圖不可以使用相對路徑（IOS），需要替換成https的鏈接

圖片上傳問題

1.不要相信模擬器效果，要在真機上調試。模擬器選擇圖片返回base64地址，真機卻不是。
2.京麥小程序會抽取相冊本地地址，返回本地鏈接，生成鏈接為jdfile://*.png *為數(shù)字和字母的隨機串，且，不論圖片是Gif、png、jpg何種格式，生成鏈接都是.png后綴，因此不可以用生成鏈接判斷是何種類型。
3.安卓上傳圖片經過壓縮處理，很快。但是選擇多張時不同手機有不同問題，選擇9張，總是顯示3張成功，考慮不支持同時壓縮多張照片。
4.IOS可以選擇9張照片，但是IOS上傳圖片會很慢，可能沒有壓縮的原因，點擊原圖和不點擊原圖都沒有區(qū)別。同時，IOS如果圖片沒有在本地而在云端，會獲取地址失敗而無法上傳

Scroll-view標簽問題

1.不要相信模擬器的效果，要在真機上試試，scroll-view在使用X方向的滾動時，模擬器就沒有效果，不能實現(xiàn)滾動，真機可以

原生組件問題

1.Textarea標簽不可以放在scroll-view里面，會導致文本框固定定位的bug,一直在頁面中間位置。
2.Textarea不可以使用fixed定位，如果使用需要給它增加特殊屬性。
3.高版本的安卓或者IOS對于textarea的auto-foucs不生效
4.Textarea是原生組件，高于任何層級，因此，如果頁面有點擊蒙層，或者confirm等浮層出現(xiàn)，textarea都會在它們之上，無法避免，提供的cover-view組件也不好用，使用限制更多。所以，頁面有蒙層謹慎使用原生組件
5.關于原生組件層級問題，微信小程序也有，避免方法五花八門，我使用的textarea就是在頁面的時候將其隱藏，用一個div占位，掩人耳目，等到點擊div時，去觸發(fā)textarea的顯示。不用時將其隱藏，避免其他蒙層出現(xiàn)時textarea在其上懸浮。
6.Video、canvas等原生組件也有層級最高問題，目前沒有解決