呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质博文 #前端 #css
使用CSS给标题添加书名号并超出省略
author 微信公众号 前端侦探
使用CSS给标题添加书名号并超出省略
AI 摘要:本文介绍了如何通过 CSS 在不修改 HTML 结构的情况下,为标题动态添加书名号,并实现书名号内文本超出省略的效果。文章详细讲解了使用伪元素、CSS quotes、绝对定位和浮动布局等技术实现这一需求的方法,并对比了不同方案的优缺点。
author 微信公众号 前端侦探
#AI #分频道 #碎碎念
其实咱有一个不为人知的 AI 生图/视频讨论频道,但是最新更新甚至在 23 年底,没宣传过却有一些订阅,后面本地跑着玩玩儿的视频就都发这儿喵。
但是 u1s1,可以看得到 AI 发展史,进步真的是巨大的。
当年 Pika 抠抠嗖嗖的还有水印,现在可以本地跑无水印的了以前都没想过。
https://t.me/ai_paint_discuss
其实咱有一个不为人知的 AI 生图/视频讨论频道,但是最新更新甚至在 23 年底,没宣传过却有一些订阅,后面本地跑着玩玩儿的视频就都发这儿喵。
但是 u1s1,可以看得到 AI 发展史,进步真的是巨大的。
当年 Pika 抠抠嗖嗖的还有水印,现在可以本地跑无水印的了以前都没想过。
https://t.me/ai_paint_discuss
#优质博文 #前端 #新动态 #javascript
JavaScript Weekly #732
author Peter Cooper
JavaScript Weekly #732
AI 摘要:本期 JavaScript Weekly 是一份精简版通讯,主要涵盖 TC39 提案动态(如 Records/Tuples 提案被撤回,但 Enum 等新提案进展)、工具更新(如 Hako JS 引擎)、框架/库发布(WebStorm 2025.1),以及技术文章(WebGL 解析、React 实战案例等)。
1. TC39 提案动态
• Records/Tuples 提案撤回:原计划为 JS 引入不可变数据结构,但 TC39 会议决定终止
• 新提案进展:
• 将枚举引入 JavaScript 的提案进入 Stage 1(兼容 TypeScript 语法) Slidedeck
• Deferred re-exports proposal 进入 Stage 2,支持延迟导出模块
• Upsert 和 Composites 提案已得到推进
2. 工具与库
• Hako JS 引擎:基于 QuickJS 的高性能可嵌入引擎,可编译为 WebAssembly #wasm
• Firefox 139:默认启用 Temporal API(日期时间处理)
3. 发布与更新
• WebStorm 2025.1:强化 AI 支持、Angular/Next.js 集成
• 其他:tldts 7.0(URL 解析)、Redux Toolkit 2.7、Bun 1.2.10……
4. 文章与视频
• WebGL 渐变效果解析:通过 GLSL 实现流动渐变的技术详解
• SvelteKit 单页应用:无需服务器的单文件开发方案
• 部署 TypeScript:最新进展和可能的未来方向 Dr. Axel Rauschmayer
author Peter Cooper
#优质博文 #前端 #tailwind #性能优化
省流:测到最后发现压缩后性能差异基本可以忽略不计,重复的越多压缩效率越高,所以爱选哪个选哪个()
Tailwind vs Linaria: Performance Investigation
author Nadia Makarevich
省流:测到最后发现压缩后性能差异基本可以忽略不计,重复的越多压缩效率越高,所以爱选哪个选哪个()
Tailwind vs Linaria: Performance Investigation
AI 摘要:本文通过对比 Tailwind 和 Linaria 在初始加载性能(LCP)和交互性能(INP)上的表现,发现 Tailwind 虽能减少 CSS 体积(-13%)但增加了 HTML/JS 大小(HTML 最高 +162%),而实际初始加载性能差异可忽略不计。然而,Tailwind 的通用选择器(如 * 和伪元素)导致交互性能下降(如下拉菜单延迟增加 50%)。结论:两者性能差异对多数项目影响微小,框架选择应优先考虑开发体验而非性能优化。
author Nadia Makarevich