hellogithub.com
HybridDev
前端工程师
获得徽章 0
- 如果你想学习 Flutter 但看了官网之后还是没有“手感”写的话，可以试试搭配今天这个开源项目一起使用说不定学习效率更高哦。flutter_deer 一个作者自身用来练习 Flutter 的项目。你可以通过设置、修改、组合自带部件以及自定义来实现具体的设计效果，足以满足日常开发的需求。目前已经实现的功能有 mvp 模式、状态管理、网络请求封装、集成测试、可访问性测试、侧滑删除、三级联动等等。
hellogithub.com
展开评论2 - 周五早上好！今天介绍一个非常酷炫的 JavaScript 开源项目。city-roads 自动生成任意城市的道路图。采用 OpenStreetMap 的免费数据实现城市道路可视化，还支持导出图片并用这些图片做壁纸，即与众不同又非常炫酷哦。hellogithub.com
评论2 - 好久没有提交代码到开源项目了，但一提交就是大更新。
仿网易云音乐（mac 客户端）web 版，这几次提交主要更新了几个点：
1. 项目中引入了vue-qeury来管理服务端状态，每日歌曲推荐(music-player.immortalboy.cn)和视频列表(music-player.immortalboy.cn)页面使用了vue-query（vue-query就是react-query的vue版本，实际使用起来需要踩坑）；
2. 迁移了项目在线部署的地址，原本通过netlify在提交代码到github的时候自动部署，但是没有翻墙的情况下访问太慢，所以更新了在线部署地址：
1. 地址 1(部署在国内，定期更新)：music-player.immortalboy.cn
2. 地址 1(netlify 外网部署，实时同步)：music-player2.immortalboy.cn
3. 捕获请求状态码非200的报错并提示，之前只捕获状态码为200的错误信息提示；
这次更新最主要的是使用vue-query并开发了一个页面。后续的新页面中的服务端状态我会通过vue-query来管理，客户端状态通过vuex进行管理。个人感觉vue-query是一个很好用的库，值得去学习和实践。学习vue-query的话最好是通过react-qeuery来学习，youtube上有react-query的学习视频，没有vue-query的学习视频，但是学会了react-query几乎等于学会了vue-query。
分享一下，我踩坑收集的学习资料。
开源项目地址：github.com
在线访问地址1(国内)：music-player.immortalboy.cn
在线访问地址2(netlify)：music-player2.immortalboy.cn
欢迎star，欢迎fork，欢迎提issue![[憨笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
我踩坑收集和学习react-query的资源字数限制发不下来，只能在技术交流圈沸点发![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
展开35 - react-native躺坑之旅。也即学习之旅，借鉴优秀的种子项目，目录结构、代码组织相对工整。ReadIT，一款轻阅读IT应用软件。学习入门，推荐给大家，后续会出一系列相关躺坑的文章。25
- 封装web业务开发中的常用utils，包含base64、cookie、devic、event、url、time等业务函数，项目遵循MIT开源协议。项目开发初期，欢迎大家参与共建和提出issuse
项目地址：github.com
文档地址：unity-template.github.io 展开28
![[憨笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
