呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
笑死我了
腊八在看打印机打印
纸出一下
它抖一下
宝宝你是一个又怂又好奇的宝宝
#前端 #资源推荐 #工程化
Introducing ESLint Config Inspector

ESLint 引入了 Config Inspector,这是一个帮助理解和管理 ESLint 配置文件的可视化工具。此 CLI 工具直接从文件系统可视化配置,有助于检查规则、插件和配置,特别有利于复杂的设置。功能包括配置项概述、文件路径匹配以及所有可用规则的​​视图。

via Twitter Anthony Fu
#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊(第 295 期):巧妙的灯泡钟

1. 微信早期的消息收发架构(中文) 📓 本文是一篇简化的介绍,讲解微信刚刚建立时,怎么做到消息的收发。(@ryantang1991 投稿)
2. OPFS API 及工具介绍(中文) 📓 网页脚本如果要跟本地文件系统交互,是很不方便的。目前,浏览器有一个 OPFS API,为网页提供一个虚拟的本地文件系统,本文介绍它的用法。(@hughfenghen 投稿)
3. 如何用 CSP 防止 XSS 注入攻击(英文) 📓 本文讲解怎么使用浏览器的 CSP(内容安全策略),防止网页被 XSS (跨站点脚本注入攻击)。 #web安全
4. Superjson 🧰 安全地将JavaScript表达式序列化为JSON的超集,其中包括Dates、BigInts等。【完美修复了Next.js在 getServerSideProps 和 getInitialProps 中的序列化限制】 #nextjs
5. text2video 🧰 一个开源的文本转图文视频的软件。(@bravekingzhang 投稿) #AI
6. simple-mind-map(思绪思维导图) 🧰 一个开源的 Web 思维导图,试用 Demo。(@wanglin2 投稿)
7. Mist 🧰 这个工具可以在图片上面添加水印底纹,使得该图片无法再被 AI 模型作为训练材料。
8. 中国古代历史人物可视化 🧰 输入一个古代人物名(共收录52000+人物),就可以显示该人物的社会关系、亲戚关系和生平足迹图,上图是李白的生平足迹图,参见介绍文章。(@inspurer 投稿) #趣站
9. CSS 框架排名 🧰 这个网页按照 GitHub 的星星数量,为 CSS 框架排名。 #css
10. Lamucal 🧰 这个网站可以为任何歌曲生成和弦、节拍、歌词、旋律和标签,使用了 Hybrid-Net 模型。(@liufeigit 投稿)
11. Z2H 字贴 🧰 一个在线的字帖生成网站,支持中文和英文。(@liamwang 投稿)
#碎碎念
快看这有两个傻卵二次元,还都喜欢五维介质🥹
#碎碎念
频道主去天津玩儿顺便看老爸,这周末停更🤔
#优质博文 #独立开发
为什么开发者应该多关注海外市场
角度犀利,直接指出了独立开发的根源问题,这个作者其他文章也挺有意思的

AI 摘要:这篇文章主要探讨了国内开发者为什么应该更多地关注海外市场,提出国内市场存在的四大问题:个人或小团队难以存活、需求验证成本高、推广渠道和门槛问题、商业化选择有限。作者通过对比国内外市场的环境,强调了海外市场对独立开发者更为友好,例如海外市场的推广渠道多样且开放、用户付费意愿强烈等。文章最后强调,面向海外市场的产品开发能为开发者带来更多的机会和可能性。

via 掘金 强生
#前端 #优质博文 #javascript #性能优化
Optimizing Javascript for fun and for profit
antfu 推荐 - 「关于使用JavaScript进行微优化的非常酷的交互式博客文章,作者romgrk」

AI 摘要:这篇文章总结了多种优化 JavaScript 性能的技巧。首先强调了避免不必要的工作,如使用 memoization、懒加载等技术。接着讨论了避免字符串比较、优化对象结构以保持代码效率、减少数组和对象方法的使用、避免间接引用、优化内存访问以减少缓存未命中,以及减少大对象的使用等方法。文章也提到了 eval 的合理使用和字符串操作的优化。这些技巧旨在提高代码运行速度,但作者也提醒读者,在追求性能优化时,应先进行基准测试,以确保所做的优化是有效且必要的。

via romgrk
#碎碎念 #趣站 #webGL
提前体验小米 su7 神里绫华冰系痛车(x)真牛啊
https://gamemcu.com/su7/

【让所有人都能上手体验小米SU7!-哔哩哔哩】 https://b23.tv/ohd8fix
#优质博文 #前端 #工程化 #ws #websocket
站点的实时人数是如何实现的?

AI 摘要:这篇文章介绍了如何实现网站实时在线人数的功能,包括当前正在阅读某篇文章的人数。作者选择了 WebSocket技术,使用 Socket.IO (WebSocket 的上层封装) 进行实现。实时人数统计基于 WebSocket 连接数,但为避免重复计数(同一用户打开多个页面),采用了在客户端生成唯一 SessionId 的方法,并将其存储在 LocalStorage 中。服务端则通过传递的 SessionId 进行去重,确保在线人数的准确性。此外,文章还详细讨论了如何利用 Socket.IO 的 Room 功能实现文章实时阅读人数的统计和读者阅读进度的实时展示。所有实现代码均已开源。

via innei
#优质博文 #course #前端 #动画
Amazing Button Click Animation With Framer Motion's New Animation Sequences

无意中发现的挺好的交互式 framer-motion 教程,介绍了如何使用Framer Motion的新序列动画功能创建点击按钮时的精彩动画效果。从构建一个基础按钮开始,逐步添加动画,包括让按钮上的文字逐个上移,以及添加星星飞溅效果。通过使用Framer Motion的useAnimate()钩子和动画序列,可以实现复杂的动画效果,如文字逐个动画和按钮的弹跳效果。 Amazing Button Click Animation With Framer Motion's New Animation Sequences – Frontend.FYI
Back to Top