未分類
20 1 月 2021

徒手撸个 Web 版的小组件库，干掉苹果小组件~ ﾚ(ﾟ∀ﾟ;)ﾍ=3=3=3

徒手撸个 Web 版的小组件库，干掉苹果小组件~ ﾚ(ﾟ∀ﾟ;)ﾍ=3=3=3

資深大佬 : TristanYang 9

苹果的小组件已经出来相当一段时间了，一直想做一个 Web 版本的。
初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。

经过将近一个月的打磨迭代，终于有点眉目了。✿✿ヽ(°▽°)ノ✿

目前积累的小组件：
搜索：支持百度，谷歌，必应
导航：快速添加感兴趣的网址
国内疫情：快速了解国内每日疫情概况
热搜类：微博，知乎，豆瓣，公众号
天气：全方位，多角度，提供天气信息。
每日系列：诗词，一言
国际时钟：便捷查看多个时区时间，最多支持添加三个。
GitHub：需授权
必应壁纸：快速浏览与下载必应高清壁纸
科学计算器
等等…

P. S . 虽然做了移动端适配，但是 PC 访问体验应该更好些。目前只是实现了部分想法，有些地方体验还不够好，比如拖拽排序。还会继续迭代，丰富组件库，完善文档，后期可能的话，制定小组件的开发流程，让有兴趣的开发者参与进来，如果做到这一步，事情就开始变得有趣起来啦~

大佬有話說 (36)

  • 主 資深大佬 : TristanYang

    还可以单独访问组件，比如世界时钟组件： https://nicegoodthings.com/widgets/timezone-clock

  • 資深大佬 : Xuyiyang23333

    感觉小组件部分配合 Wallpaper Engine 使用会很不错。

  • 資深大佬 : reiji

    设计的都好漂亮，偷几个组件放博客里

  • 資深大佬 : kassadin

  • 主 資深大佬 : TristanYang

    @Xuyiyang23333 专门搜了下 Wallpaper Engine 是啥，意思是针对 Wallpaper Engine 出一个小组件？有接口就好说

  • 主 資深大佬 : TristanYang

    @reiji 是通过 url 直接引用吗？方便贴出来博客地址吗，后期我想举一些小组件第三方使用示例~

  • 資深大佬 : Summerdx404

    挺不错，支持下。可以考虑加个暗色主题吗？

  • 主 資深大佬 : TristanYang

    @Summerdx404 安排！欢迎去 https://github.com/Privoce/Portal-Lite-China 提 issue

  • 資深大佬 : jfhufhf

    很好呀 要是支持自定义壁纸 或者自动更新壁纸就好了

  • 資深大佬 : fengc

    貌似只能添加，不能移除已经添加的小组件

  • 資深大佬 : imaple

    所以有单独 webview 的小组件么, 然后地址填主的?

  • 主 資深大佬 : TristanYang

    @fengc 可以的哈~ 每个小组件 鼠标 hover 上去 右上角有三个点 里面有移除选项~

  • 主 資深大佬 : TristanYang

    @imaple 不太清楚啥意思 是指单独访问某个小组件吗 如果是这样 可以的 通过右上角三个点=》新页面打开，就是独立的小组件地址了 比如 ： https://nicegoodthings.com/widgets/wb-hot 这个是微博热搜小组件地址

  • 主 資深大佬 : TristanYang

    @jfhufhf 设置页面壁纸功能在 必应壁纸 小组件有，目前功能还不是很完善，比如设置壁纸后，没地方还原

  • 資深大佬 : assclb

  • 主 資深大佬 : TristanYang

    @assclb UI 设计师吗？哈哈哈 没关系，安排！

  • 資深大佬 : cmlanche

    有点东西

  • 資深大佬 : meepo3927

    很强

  • 資深大佬 : niub

    不错啊，我就喜欢长得好看的[狗头]

  • 主 資深大佬 : TristanYang

    @niub 不仅好看 有些小组件 还是个实力派哦~

  • 資深大佬 : fuchunliu

    点亮再看

  • 資深大佬 : morizawatt

    投影太脏了

  • 資深大佬 : dongshufeng

    挺漂亮，有内味了

  • 資深大佬 : icyalala

    以前 OSX Dashboard 的 Widget 也是前端技术，也能放桌面，可惜后来没了。

  • 主 資深大佬 : TristanYang

    @morizawatt 额…. 是指小组件边框的阴影吗？

  • 資深大佬 : morizawatt

    @TristanYang 对 可以去追啵看看投影怎么做的

  • 資深大佬 : crab

    API 是第三方嘛

  • 資深大佬 : iSteven

    我去，一段时间没关注美国新冠新闻，再一看，死亡人数居然飙到 40w+ 了，看来懂王当初说“能把死亡人数控制在 10w 到 20w 就表示防疫工作做得很不错了”确实不是开玩笑呀。

  • 主 資深大佬 : TristanYang

    @crab 有一部分是直接用的第三方，比如一言，美国疫情，大部分都是自己写的 API

  • 主 資深大佬 : TristanYang

    @iSteven 是的 我也吓到了…还检查了下数据对不对

  • 資深大佬 : ijrou

    挺好的，细节优化，初次打开和反复打开的速度优化下就完美了。。。

  • 主 資深大佬 : TristanYang

    @ijrou 多谢鼓励！ 持续优化！

  • 資深大佬 : guodong110

    有点东西，好看

  • 資深大佬 : cs3230524

    文艺复兴吗，让我想起上世纪的 extjs 桌面。。。

  • 主 資深大佬 : TristanYang

    @cs3230524 太阳底下，无新鲜事

  • 資深大佬 : musi

    已 star
    提个小 bug： 壁纸全屏模式下打开就很糊，糊到看不清