摘要：目前版本的改变分享在微信小程序中玩这个，最大的作用应该是在群里跟别人吹牛逼的时候，谈到兼容性时，甩出一个东西。
大概在一个月前在 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://www.ucloud.cn/yun/112219.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 启动自己的前端代码，接着码代码。随着浏览器跳转到页面，看着昨天完成的代码，还有点小激动。划拉两下鼠标，准备...
阅读 3341·2021-11-18 13:22
阅读 2414·2021-09-23 11:53
阅读 603·2019-08-30 13:17
阅读 1184·2019-08-30 13:12
阅读 765·2019-08-29 15:43
阅读 989·2019-08-29 12:53
阅读 2666·2019-08-26 18:27
阅读 1399·2019-08-26 11:52
