呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
“轮子库存开五金店” 😡
“console.log 改成 console.moe” 😡😡
然后群友去注册了 console.moe 域名(啊?居然之前没人要?)
#优质博文 #前端 #javascript #新动态
我们真用 p5(
JavaScript Weekly #733
我们真用 p5(
JavaScript Weekly #733
AI 摘要:本期 JavaScript Weekly 聚焦 p5.js 2.0 发布、React 新特性、Node.js 安全事件等热点,涵盖工具更新、技术文章与行业动态。核心内容包括创意编码库升级、React 实验性功能、Deno/Node 生态进展,以及 DuckDB-WASM 的趣味实验等。
1. 行业动态与更新
• Jet Propulsion Laboratory 团队远程修复 150 亿英里外的 Voyager 1 探测器故障
• p5.js 2.0 发布
• 新增字体支持、文本操作增强、JavaScript 着色器编写功能。
• 提供在线编辑器,适合快速创建交互式视觉项目(如 AI 生成的 JS Logo 故障艺术)。
• 团队展望未来发展方向。
• React 重大更新
• React Compiler 进入 RC 阶段。
• 实验性功能:View Transitions(视图过渡)和 <Activity> 组件。 #react
• 生态动态
• SolidJS:创始人回顾项目十年历程
• Node.js:披露 CI 安全事件细节
• Deno 2.3:即将发布,近期优化详情
2. 工具与版本发布
• 包管理:pnpm 10.9 支持 JSR 包安装。
• 引擎工具:jsvu 3.0 支持多版本 JavaScript 引擎管理。
• Bun v1.2.10、Node.js v22.15.0 (LTS)、Next.js 15.4 Canary、ESLint v9.25.1......
3. 技术文章
• 创意开发:Jhey Tompkins 实现 3D 翻牌显示器效果 #demo
• 趣味实验:Patrick Trainer 用 DuckDB-WASM 通过 SQL 生成 3D 图形
4. 工具与库推荐
• JavaScript Font Picker:支持系统字体与 Google Fonts 的字体选择器
• Scala.js 1.19.0:Scala 转 JavaScript 编译器
其实冰箱这种典型白色家电小米进场之后大杀特杀,更印证了行业事实上没有任何壁垒的观点。这种奢饰品品牌做的冰箱,与最便宜的1300的双开门使用上没有任何区别,只是多了两个溢价的点,制冰机和活动的门。
冰箱这个品类本身还有它的特性:所有冰箱的结构都完全一致。现在的冰箱都是风冷,压缩机、换热、塑料/泡沫门和板隔热,加上一个外壳。简单到随便一个小厂都能做,只是品控会有差异。而小厂只要良心一些,上个好的压缩机,使用起来也不会有区别。150L的小冰箱,和600L的大冰箱,功耗上也不会有区别,因为压缩机功率都是50W-100W区间,对压缩机功率的需求并不会随着体积线性增长(实际上是随着表面积近似线性增长。但由于隔热层本身占空间,所以600L冰箱表面积可能只比200L冰箱高50%)。甚至一个50L的半导体冰箱,耗电量比600L对开门还高。
所以推荐各位选购冰箱的时候,直接选购风冷的,越大越好,只要放得下。租房搬家就另外说,我觉得为了更好的生活体验还是划得来的。
我们这个冰箱进门就很极限,我把房门拆了才拿的进来,一般人还真不好搞定。这个冰箱设计也不是做嵌入式的,现在嵌入式冰箱开门需要的空间会比这款小很多(门打开的行程不需要左右两侧额外空间),而且厚度也会薄很多,还便宜。
#碎碎念
突然感觉自己这个人还挺别扭的,对任何别人的项目宣传推广等都很包容很愿意帮忙推广,但是自己的 Side Project 永远觉得还不够好还远不是能推广的程度,严重害怕意外流量,只敢窝在自己的一亩三分地发给亲近的人看,但是看到有人用也会很开心,也许应该做出改变?是不是其实很多人都这样?
有这样的担忧一方面是觉得好像没人用就没有压力,另一方面也没有自己更新的动力 23333
严重害怕意外流量是真的,这几天发的招聘贴流量好大我都觉得很害怕。
(不过很多时候项目自己用的很开心也就够啦,只是时常会有感觉写的还行,“如果推广一下会不会有需要的人看得到呢” 的感觉)
不过话又说回来我好像不把 B 站当成一个可以推广项目的地方,在上面发的基本是全是日常生活游戏和手工,大学的时候还发过课设大作业演示之类的,现在完全没想法发硬核内容(意识到我对 B 站的使用好像有点太日常了hhhh)
欸~有机会的话也想改变一下试试看~其实还是有不少想分享的东西的
突然感觉自己这个人还挺别扭的,对任何别人的项目宣传推广等都很包容很愿意帮忙推广,但是自己的 Side Project 永远觉得还不够好还远不是能推广的程度,严重害怕意外流量,只敢窝在自己的一亩三分地发给亲近的人看,但是看到有人用也会很开心,也许应该做出改变?是不是其实很多人都这样?
有这样的担忧一方面是觉得好像没人用就没有压力,另一方面也没有自己更新的动力 23333
严重害怕意外流量是真的,这几天发的招聘贴流量好大我都觉得很害怕。
(不过很多时候项目自己用的很开心也就够啦,只是时常会有感觉写的还行,“如果推广一下会不会有需要的人看得到呢” 的感觉)
不过话又说回来我好像不把 B 站当成一个可以推广项目的地方,在上面发的基本是全是日常生活游戏和手工,大学的时候还发过课设大作业演示之类的,现在完全没想法发硬核内容(意识到我对 B 站的使用好像有点太日常了hhhh)
欸~有机会的话也想改变一下试试看~其实还是有不少想分享的东西的
#优质博文 #css #前端
很有趣的感觉?
The Lost CSS Tricks of Cohost.org | CSS-Tricks
author CSS-Tricks Blackle Mori
很有趣的感觉?
The Lost CSS Tricks of Cohost.org | CSS-Tricks
AI 摘要:文章回顾了已关闭的社交平台 Cohost.org 上用户利用其宽松的 HTML/CSS 支持创造的独特“CSS 犯罪”技巧,重点介绍了通过 <details> 元素和 SVG 动画实现的交互设计黑科技,展现了该社区在有限技术条件下的创造力。
1. Cohost.org 的背景与关闭
• 成立于 2022 年 6 月,定位为反主流设计的无广告、按时间线排序的社交平台,支持 HTML 子集。
• 2024 年 9 月因资金和团队倦怠关闭,存档于 Wayback Machine。
2. CSS Crimes 的诞生
• 用户利用宽松的 HTML 过滤机制(允许内联 CSS)创造交互内容,如诗歌、复古网页复刻和迷你游戏。
• 核心技巧:通过 <details> 和 calc() 实现“宽度 hacking”(Width-hacking),编码多状态逻辑(如组合锁、游戏关卡)。
3. Width-hacking 技术详解
• 原理:利用 <details> 展开时父容器宽度变化,通过 inline-flex 和绝对定位计算组合状态(如 1px + 4px = 5px 对应特定按钮组合)。
• 应用示例:隐藏消息通过 calc() 和 overflow: hidden 控制,仅当容器宽度匹配目标值时显示。
4. SVG 动画进阶技巧
• 动态样式:SVG 内嵌 <style> 和媒体查询,根据父容器尺寸改变元素属性(如颜色、缩放)。
• 动画实现:添加 CSS transition 并配合“虚拟动画”元素绕过浏览器兼容性问题。
• 案例:结合宽度黑客与 SVG 媒体查询,实现平滑过渡的“秘密消息”效果。
5. 其他资源与总结
• 推荐延伸阅读:YellowAfterlife 的技巧合集 和 rebane2001 的回顾视频
• 作者表达对 Cohost 社区的怀念,强调其独特的创意氛围。
author CSS-Tricks Blackle Mori
#优质博文 #DX
看看大家中了几条......不过我一直觉得团队项目里的可读性非常重要,哪怕有些时候看起来相对会丑陋一些,需要经常地进行自查和自我反思。
Am I a Sadistic Developer? Are You?
author Amit Sheen
看看大家中了几条......不过我一直觉得团队项目里的可读性非常重要,哪怕有些时候看起来相对会丑陋一些,需要经常地进行自查和自我反思。
”你是那种囤积有用信息,让别人挣扎或重新发明轮子的类型吗?你是否做出了你认为很聪明,但只有你自己理解的决定?是时候问问自己了:“这真的是最好的做事方式吗?其他人可以进来并立即了解发生了什么吗?这种反思可以帮助您更加了解自己的习惯,并为更深思熟虑和更容易获得的解决方案打开大门。“
“很多这种无意的虐待狂都隐藏在善意的背后。它披着“最佳实践”、“简洁架构”或“现代工具”的外衣。但是,当你把它剥开来看,它往往只是伪装的技术债务。
这些借口可以而且会让你放慢脚步。它们使代码更难更改、更难修复和更难信任。真正的问题是,没有人认为他们在编写代码时编写了糟糕的代码。这就是陷阱。”
“我们还有很多罪可以指出来,但我会把这些留到另一天。现在,考虑最后一个例子:我曾经认识一个开发人员,他设置了如此严格的 CI 检查,以至于他甚至无法合并自己的拉取请求。他一定是觉得看着团队转圈圈很搞笑。剧透警告:没有人在笑。”
Am I a Sadistic Developer? Are You?
AI 摘要:本文探讨了“开发者虐待狂”(Developer Sadism)现象,即开发者无意识地编写复杂、难以维护或过度设计的代码,导致团队效率下降和士气受损。作者通过个人经历和行业观察,分析了这一现象的成因、表现及后果,并提出了改善建议,强调代码应具备可读性、实用性和同理心。
1. 引言
• 作者因被同事评价代码“虐待狂式”而反思开发者行为,提出“开发者虐待狂”概念,即故意或无意编写难以理解的代码。
2. 并非所有代码都同等重要
• 作者解释实验性代码(如 CodePen 测试)的复杂性是学习过程的一部分,但真正的“虐待狂”行为体现在生产代码中,如过度设计或缺乏同理心的工具设计。
3. 开发者虐待狂的“七宗罪”
• 过度工程化:为追求架构完美牺牲实用性,导致代码难以维护。
• 盲目追逐潮流:滥用新工具或库,忽视项目实际需求。
• 工具滥用:过度依赖特定工具(如 React Router 或 Flexbox),即使不适用。
• 哲学极端化:过度追求编程范式(如函数式编程),忽视代码可读性。
• 懒惰命名:使用模糊的变量名(如 a 或 doit())或无效的错误提示。
• 复杂逻辑:如深层嵌套的三元表达式,降低可读性。
• 严苛流程:如设置过于严格的 CI 检查,阻碍团队协作。
4. 后果
• 技术债务伪装:以“最佳实践”为名的过度设计最终拖累项目。
• 人力成本:导致团队倦怠、效率下降和创造力枯竭。
5. 改进建议
• 自我审查习惯:定期反思代码是否易于他人理解。
• 同理心设计:考虑开发者与用户的体验,优化文档和错误提示。
• 容错设计:提供“撤销”选项或试运行功能,减少错误惩罚。
• 持续反馈:邀请他人审查代码,发现潜在问题。
• 投资开发者体验(DX):完善文档和示例,提升团队效率。
6. 结论
• 呼吁开发者避免“虐待狂”行为,通过小步骤改进代码可读性和协作性,营造健康的开发环境。
author Amit Sheen
请不要对我发动量子波动速读
感觉在原作者博客底下评论 AI 摘要是很坏的行为.....再次强调一下我发的所有 AI 摘要目的还是方便后期 @cosSearchBot 检索回忆,因为咱的记忆真的挺容易磨损的,每一篇我都是仔细看完再发的。