第一个小顺序作品,第一个开源作品

也许在一个月前在 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

末了

昨晚完成这个小顺序的末了一个需求点后,赶忙上传找人简朴体验了,并没有发明太多什么问题,就提交考核。效果早上起来的时刻发明收到提醒,已考核经由过程了,想一想就好冲动。

说了这么多,假如你也想玩的话,那就扫一下二维码咯。

《第一个小顺序作品,第一个开源作品》

    原文作者:林小志
    原文地址: https://segmentfault.com/a/1190000010090476
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞