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