摘要:目前版本的改變分享在微信小程序中玩這個,最大的作用應該是在群里跟別人吹牛逼的時候,談到兼容性時,甩出一個東西。
大概在一個月前在 github 上看到了 caniuse 網站的一個數據源(https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json),于是就冒出了一個用這個數據源做一個小程序的想法。
當然,最后在不斷折騰之下,也算是完成了一個簡單的小程序,并且發布使用了。
不過整體來說,個人還是感覺有一些不是很滿意,并且早期的代碼太丑太丑了,雖然現在這個版本的也不好,但至少比早期的好一些了。?誰讓我是一個不會寫代碼的切圖仔呢,只好默默地在心里發苦。
目前版本的改變 分享在微信小程序中玩這個 caniuse,最大的作用應該是在群里跟別人吹牛逼的時候,談到兼容性時,甩出一個東西。而不用再是給一個鏈接地址。
想想之前版本的時候,甩出去的分享頁面感覺有點雜,現在這個就簡潔一些了,而且是很明確的指向某個屬性什么的。并且這個分享出去的內容,是可以在自己搜索之后,在某個卡片上長按(大于 300ms 即可)就可以松開手指,根據提示來操作。
點了確定之后就會開一個新的頁面,并且只有這個屬性的兼容性列表。
搜索要分享之前,必定是要搜索,所以,搜索的功能是必不可少的。
這個搜索的界面和功能是模仿 caniuse 網站來做的。
準確的說,應該是整個小程序的色調什么都是模仿 caniuse 網站來做的。
其他功能其他還有一些就是搜索的結果數據過多的時候,會提示;
加載時間過久的時候會提示;
找不到數據的時候也會提示;
下拉分批加載卡片信息
打開很慢?是的,第一次打開肯定是很慢,可以說是非常慢。我知道肯定還有優化的空間,只是目前我暫時還沒找到方法,畢竟能力有限。還有就是,這個數據是直接通過 github 上獲取的,加載的速度還會受到 github 的請求影響。反正我是經歷過加載 40s 左右的。
為什么不把數據放到本地?顯然不會這么操作,因為這個 data.json 文件是不定期更新的,目前發現大概是一周左右的時間會有一些更新。但是具體更新了什么東西呢,沒去 github 上看 https://github.com/Fyrd/caniuse。
如果這樣情況下,我放到本地的話,那么對于數據更新什么的就不夠及時了。
當然啦,小程序中不會每次都去請求這個數據的,只有這么幾種情況才會去請求:
通過“關于”頁面中的更新按鈕,主動請求更新;
第一次打開小程序,在 localStorage 并沒有數據的時候;
清空過 localStorage 之后再打開這個小程序時
總之就是,發現 localStorage 中沒有數據時(其實就只是判斷一個時間戳),就會要求去請求下載這個 data.json 文件。
搜索之后為什么還是那么慢這個我想應該就是我沒處理好的關系吧,每次搜索的時候都是去400多條的數據中找信息,那么這個信息有多少呢,大概是這樣的。
開源好了,大概的情況就是這樣,代碼可優化的空間肯定是有很多,作為自己的一個練手的小作品,完成了之后也就開源出來跟大家一起交流用吧。反正早上我在 github 上提交之后,小秦就跟我說了不少可優化的點,突然感覺被小秦指點實在是太榮幸了。哈哈。
都說開源要寫什么 license,反正我不懂,想了想,就選擇了 CC BY-NC-SA 4.0。
github地址https://github.com/linxz/caniuse
最后昨晚完成這個小程序的最后一個需求點后,趕緊上傳找人簡單體驗了,并沒有發現太多什么問題,就提交審核。結果早上起來的時候發現收到提示,已經審核通過了,想想就好激動。
說了這么多,如果你也想玩的話,那就掃一下二維碼咯。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50962.html
摘要:目前版本的改變分享在微信小程序中玩這個,最大的作用應該是在群里跟別人吹牛逼的時候,談到兼容性時,甩出一個東西。 大概在一個月前在 github 上看到了 caniuse 網站的一個數據源(https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json),于是就冒出了一個用這個數據源做一個小程序的想法。 當然,最后在不斷折騰...
摘要:目前版本的改變分享在微信小程序中玩這個,最大的作用應該是在群里跟別人吹牛逼的時候,談到兼容性時,甩出一個東西。 大概在一個月前在 github 上看到了 caniuse 網站的一個數據源(https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json),于是就冒出了一個用這個數據源做一個小程序的想法。 當然,最后在不斷折騰...
摘要:許式偉七牛云存儲社區發起人語言專家,著有語言編程。年創辦七牛云存儲,成功打造了全新的公有云存儲服務。合作伙伴好雨及有權取消侵權作品參賽資格,并保留追究權利。 用最拿手的語言和框架,在很棒棒的severless架構PaaS平臺上做沉浸式DevOps流開發,輕松抱得大獎歸! [好雨云幫開發者大賽「第二期」:Beego]劇情已寫好,就差有創意、有技術、有天賦、有實力的你來參加! Progra...
摘要:但是萬萬沒想到,在中國的開源世界里已經炸開了鍋。還有人說風涼話,國內的開源項目比不上國外的,中國人就是不行。開源作品就是發現問題不斷完善的過程,希望能涌現出更多的國內開源作品。 今天和往常并沒有什么區別,最為一名小程序員,我照常開始自己的工作,寫著自己的代碼。 npm start 啟動自己的前端代碼,接著碼代碼。隨著瀏覽器跳轉到頁面,看著昨天完成的代碼,還有點小激動。劃拉兩下鼠標,準備...
摘要:但是萬萬沒想到,在中國的開源世界里已經炸開了鍋。還有人說風涼話,國內的開源項目比不上國外的,中國人就是不行。開源作品就是發現問題不斷完善的過程,希望能涌現出更多的國內開源作品。 今天和往常并沒有什么區別,最為一名小程序員,我照常開始自己的工作,寫著自己的代碼。 npm start 啟動自己的前端代碼,接著碼代碼。隨著瀏覽器跳轉到頁面,看著昨天完成的代碼,還有點小激動。劃拉兩下鼠標,準備...
閱讀 3762·2021-09-22 15:17
閱讀 1945·2021-09-22 14:59
閱讀 2346·2020-12-03 17:00
閱讀 3208·2019-08-30 15:55
閱讀 482·2019-08-30 11:23
閱讀 3487·2019-08-29 13:56
閱讀 518·2019-08-29 12:54
閱讀 2257·2019-08-29 12:49