徒手撸个 Web 版的小组件库，干掉苹果小组件~ (;)=3=3=3
a href="/member/TristanYang">TristanYang zerosoul 2021-01-28 13:14:46 +08:00 12562 次点击这是一个创建于 1724 天前的主题，其中的信息可能已经有所发展或是发生改变。
苹果的小组件已经出来相当一段时间了，一直想做一个 Web 版本的。
初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。
经过将近一个月的打磨迭代，终于有点眉目了。(°°)ノ
目前积累的小组件：
搜索：支持百度，谷歌，必应
导航：快速添加感兴趣的网址
国内疫情：快速了解国内每日疫情概况
热搜类：微博，知乎，豆瓣，公众号
天气：全方位，多角度，提供天气信息。
每日系列：诗词，一言
国际时钟：便捷查看多个时区时间，最多支持添加三个。
GitHub：需授权
必应壁纸：快速浏览与下载必应高清壁纸
科学计算器
等等...
P. S . 虽然做了移动端适配，但是 PC 访问体验应该更好些。目前只是实现了部分想法，有些地方体验还不够好，比如拖拽排序。还会继续迭代，丰富组件库，完善文档，后期可能的话，制定小组件的开发流程，让有兴趣的开发者参与进来，如果做到这一步，事情就开始变得有趣起来啦~
访问地址： https://nicegoodthings.com/ （使用不爽的地方，可以通过页面右下角反馈）
开源地址： https://github.com/Privoce/Portal-Lite-China
欢迎 star，多多支持~
初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。
经过将近一个月的打磨迭代，终于有点眉目了。(°°)ノ
目前积累的小组件：
搜索：支持百度，谷歌，必应
导航：快速添加感兴趣的网址
国内疫情：快速了解国内每日疫情概况
热搜类：微博，知乎，豆瓣，公众号
天气：全方位，多角度，提供天气信息。
每日系列：诗词，一言
国际时钟：便捷查看多个时区时间，最多支持添加三个。
GitHub：需授权
必应壁纸：快速浏览与下载必应高清壁纸
科学计算器
等等...
P. S . 虽然做了移动端适配，但是 PC 访问体验应该更好些。目前只是实现了部分想法，有些地方体验还不够好，比如拖拽排序。还会继续迭代，丰富组件库，完善文档，后期可能的话，制定小组件的开发流程，让有兴趣的开发者参与进来，如果做到这一步，事情就开始变得有趣起来啦~
访问地址： https://nicegoodthings.com/ （使用不爽的地方，可以通过页面右下角反馈）
开源地址： https://github.com/Privoce/Portal-Lite-China
欢迎 star，多多支持~
第 1 条附言 2021-01-28 17:55:40 +08:00
应留学华人朋友的要求，新增一个小组件：美国新冠疫情概况。长得和国内那个差不多，为了区别，加了个美利坚国旗背景。
第 2 条附言 2021-02-01 10:03:32 +08:00
感谢大家反馈，更新了一个版本，修复了很多小问题，新增了一个站点设置功能：导入导出本地数据，通过必应壁纸小组件设置的站点背景图，原来是没有入口重置回去，现在终于有啦，当然，还有一键还原初始状态，建议还原前，可以先导出本地数据备份。
第 3 条附言 2021-02-02 11:00:18 +08:00
由于现在没有用户体系，建个微信群，方便大家反馈问题：
第 4 条附言 2021-02-03 17:14:59 +08:00
最近更新：
重构：本地存储代码逻辑，更具维护性和可扩展性。
新增小特性：最近新加的组件，在组件库弹窗每一项左上角会有’new‘标识，方便快速识别。
新增小组件：历史上的今天。
重构：本地存储代码逻辑，更具维护性和可扩展性。
新增小特性：最近新加的组件，在组件库弹窗每一项左上角会有’new‘标识，方便快速识别。
新增小组件：历史上的今天。
第 5 条附言 2021-02-08 08:27:35 +08:00
新增夜间模式：
第 6 条附言 2021-02-09 07:59:36 +08:00
新增小组件：亲戚关系计算器
第 7 条附言 2021-02-18 10:28:42 +08:00
第 8 条附言 2021-02-24 09:27:56 +08:00
第 9 条附言 2021-02-25 14:33:18 +08:00
新增小组件：我的日程
目前仅支持谷歌日历，使用谷歌日历来规划行程的朋友可以尝尝咸淡了哈~
目前仅支持谷歌日历，使用谷歌日历来规划行程的朋友可以尝尝咸淡了哈~
 | 1 TristanYang OP 还可以单独访问组件，比如世界时钟组件： https://nicegoodthings.com/widgets/timezone-clock |
 | 2 Xuyiyang23333 2021-01-28 20:01:17 +08:00 感觉小组件部分配合 Wallpaper Engine 使用会很不错。 |
 | 3 reiji 2021-01-28 20:13:53 +08:00 设计的都好漂亮，偷几个组件放博客里 |
 | 4 kassadin 2021-01-28 21:45:25 +08:00 |
| 5 TristanYang OP @Xuyiyang23333 专门搜了下 Wallpaper Engine 是啥，意思是针对 Wallpaper Engine 出一个小组件？有接口就好说 |
| 6 TristanYang OP @reiji 是通过 url 直接引用吗？方便贴出来博客地址吗，后期我想举一些小组件第三方使用示例~ |
 | 7 Summerdx404 2021-01-29 11:00:48 +08:00 挺不错，支持下。可以考虑加个暗色主题吗？ |
| 8 TristanYang OP @Summerdx404 安排！欢迎去 https://github.com/Privoce/Portal-Lite-China 提 issue |
 | 9 jfhufhf 2021-01-29 11:09:58 +08:00 很好呀 要是支持自定义壁纸 或者自动更新壁纸就好了 |
 | 10 fengc 2021-01-29 11:10:07 +08:00 貌似只能添加，不能移除已经添加的小组件 |
 | 11 imaple 2021-01-29 11:13:09 +08:00 所以有单独 webview 的小组件么, 然后地址填楼主的? |
| 12 TristanYang OP @fengc 可以的哈~ 每个小组件 鼠标 hover 上去 右上角有三个点 里面有移除选项~ |
| 13 TristanYang OP @imaple 不太清楚啥意思 是指单独访问某个小组件吗 如果是这样 可以的 通过右上角三个点=》新页面打开，就是独立的小组件地址了 比如 ： https://nicegoodthings.com/widgets/wb-hot 这个是微博热搜小组件地址 |
| 14 TristanYang OP @jfhufhf 设置页面壁纸功能在 必应壁纸 小组件有，目前功能还不是很完善，比如设置壁纸后，没地方还原。自动更新壁纸，不知是不是指整个页面自动更新壁纸？ |
 | 15 assclb 2021-01-29 13:32:27 +08:00 国内新冠疫情概况， 国旗与文本之间建议加个间距 |
| 16 TristanYang OP @assclb UI 设计师吗？哈哈哈 没关系，安排！ |
 | 17 cmlanche 2021-01-29 16:11:35 +08:00 有点东西 |
 | 18 meepo3927 2021-01-29 17:37:50 +08:00 很强 |
 | 19 niub 2021-01-29 17:39:25 +08:00 不错啊，我就喜欢长得好看的[狗头] |
| 20 TristanYang OP @niub 不仅好看 有些小组件 还是个实力派哦~ |
 | 21 fuchunliu 2021-01-29 17:55:25 +08:00 via Android 点亮再看 |
 | 22 morizawatt 2021-01-29 18:03:34 +08:00 投影太脏了 |
 | 23 dongshufeng 2021-01-29 18:19:44 +08:00 挺漂亮，有内味了 |
 | 24 icyalala 2021-01-29 18:26:08 +08:00 以前 OSX Dashboard 的 Widget 也是前端技术，也能放桌面，可惜后来没了。 |
| 25 TristanYang OP @morizawatt 额.... 是指小组件边框的阴影吗？ |
| 26 morizawatt 2021-01-29 19:01:53 +08:00 @TristanYang 对 可以去追啵看看投影怎么做的 |
 | 27 crab 2021-01-29 20:07:32 +08:00 API 是第三方嘛 |
 | 28 HeyVincent 2021-01-29 20:58:34 +08:00 我去，一段时间没关注美国新冠新闻，再一看，死亡人数居然飙到 40w+ 了，看来懂王当初说“能把死亡人数控制在 10w 到 20w 就表示防疫工作做得很不错了”确实不是开玩笑呀。 |
| 29 TristanYang OP  1 @crab 有一部分是直接用的第三方，比如一言，美国疫情，大部分都是自己写的 API |
| 30 TristanYang OP @iSteven 是的 我也吓到了...还检查了下数据对不对 |
 | 31 ijrou 2021-01-29 22:00:50 +08:00 挺好的，细节优化，初次打开和反复打开的速度优化下就完美了。。。 |
| 32 TristanYang OP @ijrou 多谢鼓励！ 持续优化！ |
 | 33 guodong110 2021-01-30 00:06:11 +08:00 有点东西，好看 |
 | 34 cs3230524 2021-01-30 02:42:44 +08:00 文艺复兴吗，让我想起上世纪的 extjs 桌面。。。 |
| 35 TristanYang OP @cs3230524 太阳底下，无新鲜事 |
 | 36 musi 2021-01-31 10:40:30 +08:00 已 star 提个小 bug： 壁纸全屏模式下打开就很糊，糊到看不清 |
| 37 TristanYang OP @musi 感谢反馈，我复现了，今天修复下 |
 | 38 maemolee 2021-02-01 12:16:55 +08:00 有个软件叫 übersicht，专门给 mac 加桌面 widget 的，你可以搜搜看？ |
 | 39 aulay 2021-02-01 14:04:00 +08:00 好看，已 star |
| 42 TristanYang OP @aulay 谢谢资瓷~ |
 | 43 oyx 2021-02-01 16:46:14 +08:00 很不错 试试 |
| 44 TristanYang OP @maemolee 多谢反馈 我好好看看这个产品 |
| 45 TristanYang OP @oyx 多谢肯定 网页只是第一形态 后续还会做其它形态 |
 | 46 Jetry 2021-02-01 17:12:31 +08:00 挺好，star+1 |
| 47 TristanYang OP @Jetry 多谢肯定~ |
| 48 TristanYang OP @musi 你好 这个问题修复啦~ 我试了下，应该好了~ |
| 49 musi 2021-02-01 22:20:23 +08:00 @TristanYang 可以是可以了，不过你这壁纸的组件全屏不考虑一下占满电脑屏幕么 |
 | 50 janda 2021-02-02 09:51:27 +08:00 现在刷个 V2EX 质量都这么高了吗 |
| 51 janda 2021-02-02 09:57:40 +08:00 很漂亮、可不可以添加一个可选的背景图片呢，感觉看起来有点单调缺点什么一样！背景图案、图片什么的，要是有毛玻璃效果这样的最好了！ |
| 52 TristanYang OP @janda 现在的 V2EX 评论质量都这么高了吗？哈哈哈~ |
| 53 TristanYang OP @janda 意思是：上传用户本地的一个图片来做页面背景？毛玻璃的效果应该好一点，我研究下落地。追加了个用户群，有兴趣可以加入，一起把这个产品变得更好~ |
 | 54 pC0oc4EbCSsJUy4W 2021-02-02 14:14:57 +08:00 能兼容其他脚本就好了，比如 scriptable |
 | 55 c9wB702Sy09OqLkC 2021-02-03 13:13:37 +08:00 有些组件加入简单介绍会好一些 |
| 56 imaple 2021-02-03 17:03:42 +08:00 @TristanYang 我的意思可以通过 webview 的小组件, 把 web 的小组件加到 ios 桌面上么 |
| 57 TristanYang OP @Liler 那个组件库弹窗有小组件介绍，对于一些交互比较复杂的小组件，确实需要点文字引导，不过把这个介绍放在哪个环节，有好的建议吗？ |
 | 58 Vkery 2021-02-04 16:27:12 +08:00 右上角勾选组件的时候 能不能先批量选择以后再手动关闭 而不是选一个 自动就关掉了选择界面 当我想选多个的时候 就得反复打开选择界面 然后选择菜单弹窗 建议支持 鼠标点击弹窗外的区域 自动关闭 而不是必须手动点击 x |
| 59 TristanYang OP @Vkery 谢谢 非常好的建议 我考虑放在下次迭代里~ |
 | 60 tsvico 2021-02-06 10:29:38 +08:00 好看啊，star+1 |
 | 62 cydian 2021-02-18 12:54:05 +08:00 via Android @TristanYang 再发个微信群二维码吧 |
| 63 TristanYang OP @cydian 加我 V 拉你入群 yanggc_2013 |
 | 64 mywaiting 2021-02-18 14:34:04 +08:00 via iPhone 这货让我想起好多年前的 iGoogle 自定义首页…… 果然，无论什么时尚圈还是设计圈，圈里呆久了几乎都是一个轮回 |
 | 65 RyuZheng 2021-02-18 16:27:37 +08:00 亲戚关系计算器有点问题呀，姐姐的夫，那里是灰色的，点不出姐夫呀 |
| 66 TristanYang OP @RyuZheng 感谢反馈~ 今天我修复下 |
| 67 TristanYang OP @RyuZheng 修复了哈~ |
 | 68 noming 2021-02-22 10:17:03 +08:00 @TristanYang 世界时钟能不能自定义其他城市？ |
| 69 TristanYang OP @noming 可以，通过小组件的右上角三个点下拉设置进去，可以调出来设置界面，选择其它城市。不过，目前是写死了几个城市，后期可以改成搜索添加城市。 |
 | 70 yhz610 2021-02-22 11:02:58 +08:00 via iPhone 不错的产品，页面很漂亮。移动端组件列表点开后无法关闭呀？ |
 | 71 miaoda 2021-02-22 11:03:11 +08:00 小组件很棒，等个自定义背景，或者用必应每日壁纸做背景也行 |
| 72 yhz610 2021-02-22 11:08:34 +08:00 via iPhone 大佬，有微微群吗，拉个 |
 | 73 differentPlayer 2021-02-22 13:26:54 +08:00 之前委托阿里云购买 youdiandonxgi 域名的客户不会是你吧 2333 |
 | 74 Exia 2021-02-22 14:13:27 +08:00 点击右上角添加未添加组件，mbp 13 会看不到右上角的关闭按钮，得缩小才看到。 |
| 75 TristanYang OP @yhz610 加我 V yanggc_2013 |
| 76 TristanYang OP @Exia 感谢反馈 我想办法优化下：点击空白处 也能关闭弹窗 |
| 77 TristanYang OP @differentPlayer 2333333 并不是... |
| 78 TristanYang OP @Exia 你好 已修复反馈的问题 现在点击空白处 也能关闭弹窗 |
Select Language