10-07-久宽遇逢

分享、实用、有趣、共勉

前端

现代 Web 布局 案例（478个）：

在线地址：https://codepen.io/collection/KpvLeb?cursor=eyJwYWdlIjo0fQ==

现代 CSS 案例（973个）：

在线地址：https://codepen.io/collection/qOYgaP

防御式 CSS 案例（418个）：

在线地址：https://codepen.io/collection/wamkOL

AI

Lepton AI

在线地址：https://lepton.ai/playground

Lepton AI（图二）：试玩各种开源 AI 模型，还允许一行语句在本地调用。

openCat：

在线地址：https://opencat.app

项目地址：https://github.com/waylybaye/opencat.app

原生 AI 聊天客户端，提供更流畅、更快速的聊天体验，目前只支持ios

AI 工具合集：

在线地址：https://www.aitoolist.net/

有新闻、开源项目、工具等

工具

时区换算小工具：

在线地址：https://www.timezones.digital/

可以创建、拖拽等

google远程桌面：

在线地址：https://remotedesktop.google.com/access

Jailer

在线地址： https://github.com/Wisser/Jailer

Jailer：一个跨平台的数据库桌面管理工具，可以显示关系模型。

gitness

在线地址：https://gitness.com

GitHub 的开源替代品，用来自己搭建，托管代码。

扩展

kafka-eagle (可视化工具)

kafka可视化工具

参考：https://blog.csdn.net/weixin_41212819/article/details/123722030

kafka-eagle下载地址：https://www.kafka-eagle.org/

SPL

地址：https://mp.weixin.qq.com/s/LHSlD4OJ_k4E_6gbI5OTFg

SPL 可用于数据处理，是一种方式，可以尝试了解了解

flink

在线地址：https://flink.fyi/

怎样花两年时间去面试一个人

在线地址：https://mindhacks.cn/2011/11/04/how-to-interview-a-person-for-two-years/

里面提到了很多工程师本身能力竞争力的提升的建议，对于面试官和面试者均有不少可学习的地方，很值得一读。

有趣的demo

相册：

在线地址：https://codepen.io/airen/pen/zYyaOqm

主题切换：

在线地址：https://codepen.io/airen/pen/VwqEVvO

图片切换：

在线地址：https://codepen.io/airen/pen/yLGjXZe

3D图片删除：

在线地址：https://codepen.io/airen/pen/LYMgGqj

有趣的 Emoji 合并的工具

在线地址：https://tikolu.net/emojimix/%E2%98%81%EF%B8%8F+%E2%98%81%EF%B8%8F

你可以直接随机选择两个合并成神奇的样子，也可以去看看当前合并的排行榜找找思路，挺好玩的，甚至有兴趣你可以做一个表情包玩玩。

10个成为高效软件工程师的关键特质：

1. 关心用户及其需求
2. 擅长解决问题
3. 保持简单，同时关心质量
4. 能够和团队成员流畅沟通
5. 建立信任和自主性，积累社交资本
6. 清晰掌握团队的整体方向和策略
7. 能够明确任务的优先级，并独立完成
8. 有远见，考虑决策可能带来的长期影响
9. 让你参与的软件项目变得更加完善
10. 愿意接受新的挑战