呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#优质博文 #跨端 #tailwind #rn #css #color #follow
React Native 实践：Colors
AI 摘要：这篇文章讲述了 Follow Mobile 的颜色体系。Follow Mobile 使用 React Native 和 Expo 开发，并通过 NativeWind 工具来实现类似 TailwindCSS 的样式系统。文中详细介绍了准备工作，包括安装 NativeWindCSS、配置 Babel 和 Metro、创建 PostCSS 样式入口等。接着介绍了选择颜色体系，搬用了苹果的颜色规范，并提供了相应的颜色值参考。然后讲解了如何使用 NativeWind 的变量注入功能，将颜色定义从顶层传入且在 TailwindCSS 中配置使用。这些方法被用于组件中设置颜色和颜色过渡动画。最后文章提到，这个方案已被抽取为通用库，供大家使用。
via innei
React Native 实践：Colors
AI 摘要：这篇文章讲述了 Follow Mobile 的颜色体系。Follow Mobile 使用 React Native 和 Expo 开发，并通过 NativeWind 工具来实现类似 TailwindCSS 的样式系统。文中详细介绍了准备工作，包括安装 NativeWindCSS、配置 Babel 和 Metro、创建 PostCSS 样式入口等。接着介绍了选择颜色体系，搬用了苹果的颜色规范，并提供了相应的颜色值参考。然后讲解了如何使用 NativeWind 的变量注入功能，将颜色定义从顶层传入且在 TailwindCSS 中配置使用。这些方法被用于组件中设置颜色和颜色过渡动画。最后文章提到，这个方案已被抽取为通用库，供大家使用。
via innei
静かな森
致虚极，守静笃。
#优质视频 #碎碎念 #mujica
这个假药够劲儿！(
【万字解析】带你看懂墨缇丝的阴谋
@楚鳳兮:
动漫杂谈 - 其实只有八千字
〰〰〰〰〰〰〰〰〰〰
🔝> @楚鳳兮:
有不少朋友说我写的是大莫传，我不是这个意思，墨缇丝只是一个引子和垫脚石，她归根结底是个没有塑造的剧情工具人，mujica这几个人相互纠缠到再重组基本不可能，慢慢培养感情基础也没条件，墨缇丝的操作无疑能加速这个过程，否则这个剧情真的没法写了，还有，这才第四集，过山车才刚起速呢，mygo在诗超绊之前可是一点往回圆的迹象都没有，最后是灯皇的亚历山大之剑一剑斩断绳结，我不认为编剧会放弃这个成功的剧情结构，大家现阶段不能把重点放在怎么包怎么圆上。
这个假药够劲儿！(
【万字解析】带你看懂墨缇丝的阴谋
@楚鳳兮:
动漫杂谈 - 其实只有八千字
〰〰〰〰〰〰〰〰〰〰
🔝> @楚鳳兮:
有不少朋友说我写的是大莫传，我不是这个意思，墨缇丝只是一个引子和垫脚石，她归根结底是个没有塑造的剧情工具人，mujica这几个人相互纠缠到再重组基本不可能，慢慢培养感情基础也没条件，墨缇丝的操作无疑能加速这个过程，否则这个剧情真的没法写了，还有，这才第四集，过山车才刚起速呢，mygo在诗超绊之前可是一点往回圆的迹象都没有，最后是灯皇的亚历山大之剑一剑斩断绳结，我不认为编剧会放弃这个成功的剧情结构，大家现阶段不能把重点放在怎么包怎么圆上。
#视频更新 #无限暖暖 #游戏
昨天被新场景和新活动各种地方硬控了好久，攒了一堆视频素材！先剪一个小的！
【无限暖暖】游乐场偶遇饱和度战士强如怪物，拼尽全力无法战胜
@余弦Cocos:
GMV - 太！！好！！看！！了！！！无意中调出来的感觉特别童话特别配！！气球套原皮也很好看！！
昨天被新场景和新活动各种地方硬控了好久，攒了一堆视频素材！先剪一个小的！
【无限暖暖】游乐场偶遇饱和度战士强如怪物，拼尽全力无法战胜
@余弦Cocos:
GMV - 太！！好！！看！！了！！！无意中调出来的感觉特别童话特别配！！气球套原皮也很好看！！
#优质博文 #前端 #html
Native Popover Element with HTML
AI 摘要：文章介绍了利用原生HTML和CSS实现弹出框（Popover）的方法，核心是使用
via trevorlasn
Native Popover Element with HTML
AI 摘要：文章介绍了利用原生HTML和CSS实现弹出框（Popover）的方法，核心是使用
<dialog>元素和data-*属性控制弹出框的位置与行为，通过CSS自定义属性优化样式，并用简单的JavaScript处理交互逻辑。方法无需框架，代码简洁高效，兼具可访问性与性能，适合小型项目或纯前端开发场景。via trevorlasn
#优质博文 #前端 #typescript
TypeScript object destructuring and you
AI摘要：TypeScript 的对象解构可以简化 JavaScript 的代码，尤其在处理复杂的异步操作时。通过解构，我们可以更清晰地提取变量，避免使用索引访问嵌套的元组，从而提高代码的可读性和可维护性。本文介绍了对象解构的基本用法及其在 Observable 链中的应用，强调了其在编写干净代码方面的重要性。
via LogRocket Blog
TypeScript object destructuring and you
AI摘要：TypeScript 的对象解构可以简化 JavaScript 的代码，尤其在处理复杂的异步操作时。通过解构，我们可以更清晰地提取变量，避免使用索引访问嵌套的元组，从而提高代码的可读性和可维护性。本文介绍了对象解构的基本用法及其在 Observable 链中的应用，强调了其在编写干净代码方面的重要性。
via LogRocket Blog
LogRocket Blog
TypeScript object destructuring and you - LogRocket Blog
Discover how TypeScript object destructuring makes life easier for developers, and see various examples of object destructuring at work.
#优质博文 #新动态 #前端 #tailwind #css
等晚点下班了再详细写一下
Tailwind CSS v4.0
AI摘要： Tailwind CSS v4.0 带来了性能提升和功能增强。主要变化包括
1. 全新 JIT 引擎优化：编译更快，支持更多的 CSS 特性，并减少生成文件大小。
2. 原生 CSS 变量支持：使用
3. 改进的插件 API：允许插件定义动态规则和条件逻辑，扩展性更强。
4. 更新的断点系统：支持更灵活的屏幕适配逻辑，通过
5. 增强的文档和调试工具：便于开发者快速定位和解决问题。
此版本专注于提升开发体验和性能，是 Tailwind CSS 的重要升级。
相关博文：
Tailwind CSS 4.0 正式发布！ - 公众号 前端充电宝
千万别轻易在生产环境使用 tailwindcss 4.0 - 公众号 这波能反杀
等晚点下班了再详细写一下
Tailwind CSS v4.0
AI摘要： Tailwind CSS v4.0 带来了性能提升和功能增强。主要变化包括
1. 全新 JIT 引擎优化：编译更快，支持更多的 CSS 特性，并减少生成文件大小。
2. 原生 CSS 变量支持：使用
theme() 自动生成 CSS 变量，动态设计更加灵活。 3. 改进的插件 API：允许插件定义动态规则和条件逻辑，扩展性更强。
4. 更新的断点系统：支持更灵活的屏幕适配逻辑，通过
container 和 screens 提高响应式设计效率。 5. 增强的文档和调试工具：便于开发者快速定位和解决问题。
此版本专注于提升开发体验和性能，是 Tailwind CSS 的重要升级。
相关博文：
Tailwind CSS 4.0 正式发布！ - 公众号 前端充电宝
千万别轻易在生产环境使用 tailwindcss 4.0 - 公众号 这波能反杀
Tailwindcss
Tailwind CSS v4.0
We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to…
