第18期 - 云窗月户

第 18 期 - 云窗月户#

封面来源于网络。

记录每周看到的接地气的前端以及科技圈内容，还有一些个人生活。筛选后每两周更新一次，觉得不错可关注此专栏，方便获取更新通知

🛠️ 技术相关#

用户体验：令人恼火的嵌套菜单！
https://ift.tt/3pmDdVJ
这篇文章讨论了嵌套菜单在用户体验方面的挑战，特别是当用户尝试移动鼠标到子菜单时可能遇到的问题。文章介绍了 “安全三角”（Safe Triangle）这一概念，它能有效解决这个问题，提供更流畅的交互体验。该概念通过检测鼠标的移动路径来决定是否保持子菜单的打开状态。

20 个提升效率的 JS 简写技巧，告别屎山！
https://www.instapaper.com/read/1639264775
本篇文章介绍了 20 个 JS 简写技巧，多多使用可以让我们的代码变得更加优雅。

让 CSS 官方后悔的一些决定
https://www.instapaper.com/read/1639067948
本文介绍了几个比较有意思的 CSS 官方承认的设计失误，这些设计失误不仅仅是技术层面的问题，更多地反映了设计思维、用户体验和社会文化等多个维度的复杂性。

CSS：深入内联元素
https://sadose.github.io/2022/02/09/frontend-css-008/
这篇文章深入探讨了 CSS 中内联元素的各个方面，从字母的基线、x-height 到最佳实践和属性值。文章通过字母 “x” 的结构来解释内联元素的尺寸、行高和字号等概念，并提供了多种实践方法，如如何实现内联元素的垂直居中。文章还讨论了与基线和空白有关的问题，旨在帮助前端程序员更优雅地编写 CSS。

【前端工程化】使用 verdaccio 搭建公司 npm 私有库完整流程和踩坑记录
https://juejin.cn/post/7096701542408912933
这篇文章详细介绍了如何搭建和使用 verdaccio 私有 npm 仓库，以便更有效地管理和使用公司内部的前端业务组件和逻辑。文章强调了搭建私有 npm 库的好处，包括保护业务代码、提高下载速度和缓存功能。通过这种方式，公司可以提高开发效率，同时保护其核心技术和代码。文章还提供了安装、发布和使用私有 npm 包的步骤，以及解决搭建过程中可能遇到的问题。

🧰 流行工具#

Free for Developers
https://free-for.dev/ \
一个专门来整理可以免费使用的开发者工具的站点，白嫖真香😂

Box123
https://box123.io/
一款界面比较干净，内容很全的导航站，发现了很多有意思的站点。

tgState
https://github.com/csznet/tgState
一款以 Telegram 作为储存的文件外链系统，可以作为 telegram 图床，也可以作为 telegram 网盘使用。

open-interpreter
https://github.com/KillianLucas/open-interpreter
Open Interpreter 是一个开源的、在本地运行的代码解释器，它允许语言模型在你的计算机上执行代码。这个工具支持多种编程语言，包括 Python、JavaScript 和 Shell 等。

idify
https://github.com/zhbhun/idify
一个证件照制作工具，代码开源，完全前端实现。

plane
https://github.com/makeplane/plane
一款开源的项目管理工具，UI 功能和 Linear 比较像，算是平替版本。

I Miss My Bar
http://imissmybar.com/
一个白噪音网站，提供一些酒吧里的声音，感兴趣的可以试一下。

播客小镇
https://podtown.xyz/
一款收集中文博客并且将其可视化的放入一个山中小镇的网站，挺有意思的。

🔍 Some index#

Shader Gradient
- 一个展示了在前端中实现的一些炫酷的渐变效果的站点
Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger (stripe.press)
- 很帅的一个网页，用来展示《Poor Charlie's Almanack》这本书
(t,i,x,y) => "creative code golfing" (tixy.land)
- Tixy Land，它允许用户通过编写简短的 JavaScript 代码来创建视觉效果。在这个环境中，你可以看到一个 16x16 的格子，每个格子的颜色和动作都可以通过你编写的代码来控制
Loaders | UI Ball
- 该网页提供免费的加载器和旋转器，适用于您的下一个项目。这些加载器是用 HTML、CSS 和一些 SVG 构建的，可用于 React 和 copypasta，也可通过您选择的包管理器添加，并导入轻量级的 ESM 模块进行自定义

随便看看#

💭 优先考虑的是对错还是立场？#

基于事实与逻辑的对错判断:
- 对错通常是基于事实和逻辑的判断。在解决问题或做决定时，理性的分析和基于事实的判断通常是非常重要的。例如，在科学研究、法律判断和日常问题解决中，对事实的准确理解和逻辑推理是至关重要的。
立场的重要性:
- 立场通常反映了个人或集体的价值观、信仰和利益。在某些情境下，例如政治或道德讨论中，立场可能会优先于对错的判断。立场可能会影响个人或集体如何看待和解释事实，以及如何做出决定。
平衡对错与立场:
- 在许多情况下，理想的情况是能够在认清对错的基础上明确立场。但实际情况可能更为复杂，有时可能需要在对错和立场之间找到一个平衡。例如，在团队合作或社交互动中，过于坚持自己的对错判断可能会影响到人际关系和团队协作，而适当的妥协和理解不同的立场可能会更有助于寻找共同点和解决问题。
情境的影响:
- 不同的情境和背景可能会影响到人们在对错和立场之间的选择。例如，在一个强调团队协作和共识的环境中，可能更倾向于考虑不同的立场和找到妥协。而在一个强调事实和逻辑的环境中，可能更倾向于基于对错的判断做决定。

当然，这个问题没有绝对的答案，而是需要根据具体的情境和背景来考虑。每个人在处理这种问题时可能会有不同的看法和处理方式，重要的是能够在必要时保持开放和理解，以及愿意在不同的情境中调整自己的思考和行为。

💎 如果你没有花钱买产品，那你就是被卖的产品#

这句话揭示了当前数字时代的一个重要现实，即在很多免费的互联网服务中，用户的注意力和数据被视为可贵的资源。

注意力经济:
- 社交和短视频平台依赖用户的高频使用和持续关注来吸引广告商和实现盈利。这些平台通过提供吸引人的内容和交互体验来争夺用户的注意力，然后通过广告展示和用户数据分析来实现商业价值。
用户数据的价值:
- 用户的行为数据对于社交和短视频平台来说非常宝贵。通过分析用户的浏览、点赞和分享行为，平台可以更好地理解用户的喜好和需求，从而优化内容推荐算法和广告投放策略。
个人信息的交换:
- 用户在享受免费服务的同时，也在无意中交换了自己的个人信息和隐私。虽然这种交换为用户提供了便利和娱乐，但也可能存在一些潜在的隐私风险和信息安全问题。
用户的选择:
- 用户有权选择是否使用这些免费的社交和短视频平台。有些用户可能愿意为了获取更好的服务和体验而付费，避免广告干扰和数据收集。然而，很多用户可能更倾向于接受免费服务，即便是以一定程度的隐私交换为代价。
道德和法律的考量:
- 社交和短视频平台在追求商业利益的同时，也需要考虑道德和法律的责任。例如，如何透明地处理用户数据，如何保护用户隐私，以及如何避免过度依赖和信息过载等问题。

在现代数字经济中，免费并不等于没有代价。用户在享受免费服务的同时，也需要意识到可能存在的隐私和信息安全风险，以及注意力被商业化的现象。同时，政府和社会也需对这些新的商业模式和技术发展进行适当的监管和引导，以保护用户的权益和社会的健康发展。

🎞️ 观影#

国庆假期观影单
- 《如何在网上卖迷幻药 1/2/3 季》
  - 一部青春校园贩毒的德剧，有点点像青春版社交网络，自恋又自卑的男主与其贩毒动机的结合也挺有意思。
- 《暗网青年毒枭》
  - 《如何在网上卖迷幻药 1/2/3 季》的灵感之源，一部讲述麦克斯・施密特揭示了自己如何以儿时卧室为据点，建立起一个毒品帝国的纪录片。
- 《监视资本主义：智能陷阱》
  - 一部很好的纪录片，讲述了讲述了算法和各种设计如何让人们的注意力一直保持在电子产品上。人们被困在信息茧房中。
  - "算法向善"
- 《坚如磐石》
  - 一部中国的反腐片，额，没什么好说的，周冬雨挺可爱的。
- 《奥本海默》
  - 作为一部传记片能拍到这种程度的惊心动魄，确实很厉害。

📚 阅读#

最近在读《为什么伟大不能被计划》，有些观点还是挺符合我现在的一些做事态度的，比如在日常生活增加一些随机性和不确定性，类似生物进化时的基因突变，说不定就有意想不到的收获。

🎮 游戏#

《博德之门》
- 国庆时和 @niracler 约着玩了几个下午，算是懵懵懂懂的直接上了路，刚开始还经历了一次删档事件，不过还好就只是个几个小时的档😅，不过还是一段很有趣的冒险经历，后面有时间在继续玩玩。
《APEX》
- 一个人没事想玩了就会上去突突几把，一段时间不玩就会想念一梭子碎甲的那种感觉😄
《原神》
- 大概五个多月没玩最近下回来去看了看更新的枫丹地下水城，PC 端拿来看风景其实还是很不错的，可能会每天花点时间玩玩当成一个养老游戏
《崩坏：星穹铁道》
- 去体验了一下米哈游的新游戏，回合制作战手游，角色还是挺好看的，在回合制手游里面还是挺强的，对这类游戏感兴趣的可以试试。

🎉 END#

如果想获取我的最新动态，
欢迎关注我的个人频道： https://t.me/barrybase 和 Twitter： https://twitter.com/BarryYangi
🍻Cheers to a blissful week!