呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#碎碎念 爱心可爱捏
⠀⠀ ⠀ ⣀⣤⣤⣤⡀⣀⣤⣤⣤⣀ ⠀⠀⠀⠀⠀
⠀⠀ ⣼⠋ ⠀⠀ ⠹⠋ ⠀⠀⠀⠙⣧
⠀⠀ ⣿ ⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⣿
⣠⠶⠛⠻⣷⠞⠛⢶⡄ ⠀⠀⠀⠀⣼⠃
⣿ ⠀⠀⠀⠀⠀ ⠀⣿ ⠀⠀ ⣠⠞⠁
⠘⣧ ⠀⠀⠀⠀⠀⡼⣧⣴⠞
⠀⠈⠻⣦⣀⡴⠟⠁
⠀⠀⠀⠀⠉
⠀⠀ ⠀ ⣀⣤⣤⣤⡀⣀⣤⣤⣤⣀ ⠀⠀⠀⠀⠀
⠀⠀ ⣼⠋ ⠀⠀ ⠹⠋ ⠀⠀⠀⠙⣧
⠀⠀ ⣿ ⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⣿
⣠⠶⠛⠻⣷⠞⠛⢶⡄ ⠀⠀⠀⠀⣼⠃
⣿ ⠀⠀⠀⠀⠀ ⠀⣿ ⠀⠀ ⣠⠞⠁
⠘⣧ ⠀⠀⠀⠀⠀⡼⣧⣴⠞
⠀⠈⠻⣦⣀⡴⠟⠁
⠀⠀⠀⠀⠉
#碎碎念 #优质视频 #科普
大学生毕业第一课.jpg 真保姆级,兄弟。以后我妹毕业了就给她看这个()
个人所得税退税终极指南
@独生指南:
科学科普 - 个人所得税退税底层逻辑+录屏实操,讲清楚税是怎么被计算出来的,到底有没有被多扣税,个人也有高阶的避税+节税操作
大学生毕业第一课.jpg 真保姆级,兄弟。以后我妹毕业了就给她看这个()
个人所得税退税终极指南
@独生指南:
科学科普 - 个人所得税退税底层逻辑+录屏实操,讲清楚税是怎么被计算出来的,到底有没有被多扣税,个人也有高阶的避税+节税操作
🎮 《双影奇境》通关小记:一部超乎想象、精彩绝伦的游戏作品
🔗 Blog | 少数派 |公众号
全文共计2809字,预计阅读时间9分钟。
《双影奇境》是近几年唯一让我能够废寝忘食地在电脑面前持续游玩了14.8小时,直至通关的游戏。在通关之后,我直接陷入了一种恍如隔世的沉醉状态:我不愿意从这个伟大的游戏世界里离开,甚至一刻也不。
在最终章之前,我已经认为这是一部神作,但顶多比之前的《双人成形》优秀一些,视觉效果更华丽一些。但在游玩到最终章节并且通关后,我丝毫不会吝啬我所掌握的赞美之词来形容这款游戏。
💡文章摘要
“我已经很久没有玩过这么酣畅淋漓的游戏了。”——这是当我看到通关界面时候第一想法。随后我想到的就是给各位安利这部游戏作品,并且抒发我通关后对这部伟大作品的第一感想。
毫不夸张的说,如果说游戏开发也有段位的话,开发商雾影工作室(Hazelight Studios)在双人游戏上已经超凡入圣了。《双影奇境》无论是在视觉效果、玩法设计还是叙事表达上,都实现了对前作《双人成行》的全面超越。本作不仅延续了雾影工作室一贯擅长的创意合作模式,并且以更加丰富、多元且震撼人心的方式,将“双人合作”这一细分类型推向了超凡的高度。
我建议所有看到这里的朋友有机会都可以拉上朋友、爱人、亲人尝试游玩这部作品,因为在这部游戏中、一次次并肩作战的过程中,你能体会到前所未有的默契与心灵相通。
这部作品不仅仅是妙趣横生的关卡设计和叹为观止的视觉体验,更有让玩家一起沉浸在无与伦比的冒险旅程、最重要的是,在你欢笑与感动交织的时刻,收获弥足珍贵的记忆与情谊。
同步发送:@LifeJapan,频道 @AppDoDo
#优质博文 #前端
1. CSS Meets Voxel Art: Building a Rendering Engine with Stacked Grids
CSS 遇上像素艺术:使用堆叠网格构建渲染引擎 —— Codrops 的另一个精彩教程,这次展示了变换、透视和堆叠网格如何创建完全可寻址的 3D 空间,突破了纯 CSS 的界限。您可以在此处创建自己的像素创作 。 #css #demo
via FrontEnd Focus 682
1. CSS Meets Voxel Art: Building a Rendering Engine with Stacked Grids
CSS 遇上像素艺术:使用堆叠网格构建渲染引擎 —— Codrops 的另一个精彩教程,这次展示了变换、透视和堆叠网格如何创建完全可寻址的 3D 空间,突破了纯 CSS 的界限。您可以在此处创建自己的像素创作 。 #css #demo
文章介绍了 Agustin Capeletto 的最新项目 —— CSS Voxel Editor,展示了如何利用纯 CSS 构建 3D 空间。作者从设置场景透视入手,详细说明了如何使用 perspective 属性与 transform-style 保持子元素的 3D 布局,进而营造出接近等距视角的视觉效果。接着,文章深入解析了 HTML 体素(cuboids)的制作过程,介绍了通过每个立方体的六个面及其对应的变换(如 rotate、translateZ 等)来构建具有 X、Y、Z 三轴坐标的体素系统。文章配以示例代码和图示,帮助读者理解纯 CSS 3D 渲染的原理和实现细节。2. Freesound:670,000+ 免费声音的协作集合 — 可下载 WAV 格式,可能有助于将 UI 声音添加到应用程序或添加到视频中。请注意任何声音的许可证,因为并非所有声音都是 CC。 #音效
via FrontEnd Focus 682
双影奇境 非常好 —— 年度最佳家庭游戏,没有争议,可以预料到又养活一大堆电玩店的场面。
无论是优化还是游戏性都无可挑剔,太稳了!国区低价,上一作难用的 EA 联机这一作吸取教训加入了 steam 联机,硬要说缺点的话,中配翻译腔太浓我全程英配玩的,还有剧情略显老套,但是这种游戏剧情没那么重要,玩到后面有些操作的重复感还是有些强(一口气玩完是这样的)
好玩儿,好玩儿,还tm的是好玩儿啊!拼尽全力跟妲喵这个周末玩到还差两章节结局感觉爽到爆炸,虽然结局我还没玩到,迫不及待先写点儿!
本作相比双人成行,一个是科幻作家一个是奇幻风作家,俩作家的故事夹杂在一起,把小游戏干掉了,变成了一个个较长的支线剧情,支线剧情的风格特别天马行空,有的也很黑深残(米欧你这个人真是满脑子都是黑深残呢!)有些支线剧情的点子简直能让人:卧槽NB这主创怎么想的,包括但不限于——
以下是严重剧透评价:
ps:为什么是 16h 是因为中途有一阵子跟我妹玩儿了一会儿之前的章节~~所以现在还没打到结局。
pps:再补充一点,游戏中各种 neta 特别多,比如我在某一个奇妙的地方看到了 neta 黑魂的彩蛋()还有前作的 neta
#前端 #动画 #gsap #demo
https://codepen.io/snorkltv/full/YPzVOzY
gsap 的 ScrollTrigger 很直观的可视化工具
https://fixupx.com/snorklTV/status/1897685784075075845
https://codepen.io/snorkltv/full/YPzVOzY
gsap 的 ScrollTrigger 很直观的可视化工具
https://fixupx.com/snorklTV/status/1897685784075075845
#优质博文 #前端
1. 宣布推出 TypeScript 5.8 —— 经过四个月的发展,TypeScript 5.8 以 Node 为重点。您现在可以在 nodenext 模块中对 ES 模块使用 require() ,对于希望继续以 Node 18 为目标的开发人员,有一个新的 node18 模块,最值得注意的是,现在有一个 --erasableSyntaxOnly 选项来确保不能使用仅限 TypeScript 的运行时语义(如果您使用 Node 的类型剥离功能直接运行 TypeScript 代码,则这是理想的选择) #typescript #node (机翻)
2. 使用 Playwright 进行动态网页数据抓取
3. 具有现代依赖项的 Electron 应用程序样板 —— 一个基本的模板应用程序,使用 React 19、Tailwind CSS 4、shadcn/ui、Electron Vite、Biome,并包括 GitHub Actions 发布工作流程。 #template #tailwind #shadcn
via Node Weekly 568
1. 宣布推出 TypeScript 5.8 —— 经过四个月的发展,TypeScript 5.8 以 Node 为重点。您现在可以在 nodenext 模块中对 ES 模块使用 require() ,对于希望继续以 Node 18 为目标的开发人员,有一个新的 node18 模块,最值得注意的是,现在有一个 --erasableSyntaxOnly 选项来确保不能使用仅限 TypeScript 的运行时语义(如果您使用 Node 的类型剥离功能直接运行 TypeScript 代码,则这是理想的选择) #typescript #node (机翻)
2. 使用 Playwright 进行动态网页数据抓取
本文通过 YouTube 案例,介绍如何利用 Playwright 工具解决动态网页(依赖 JavaScript)的数据抓取问题。
文章首先指出传统基于 Cheerio 的静态网页抓取工具无法处理动态渲染内容的问题,提出使用 Playwright 的浏览器自动化方案。 文章包含详细的代码片段和配图说明,重点展示了 Playwright 的 Locators API 和浏览器上下文操作能力,最终实现动态加载视频数据的结构化抓取。 #WebScraping #javascript #网页抓取 #教程
3. 具有现代依赖项的 Electron 应用程序样板 —— 一个基本的模板应用程序,使用 React 19、Tailwind CSS 4、shadcn/ui、Electron Vite、Biome,并包括 GitHub Actions 发布工作流程。 #template #tailwind #shadcn
via Node Weekly 568
#优质博文 #前端
1. 不要用 TypeScript 枚举(英文) TypeScript 官方已经不建议使用 enum(枚举)语法,作者建议改用字符串的联合类型代替。 #typescript
2. olmOCR 一个使用 AI 模型进行文字识别(OCR)的 Python 工具。 #AI #OCR
3. MTranServer 开源的离线翻译服务器,号称资源消耗低,CPU + 1G 内存即可运行,支持调用沉浸式翻译。 #翻译
via #阮一峰的科技周刊 340
1. 不要用 TypeScript 枚举(英文) TypeScript 官方已经不建议使用 enum(枚举)语法,作者建议改用字符串的联合类型代替。 #typescript
2. olmOCR 一个使用 AI 模型进行文字识别(OCR)的 Python 工具。 #AI #OCR
3. MTranServer 开源的离线翻译服务器,号称资源消耗低,CPU + 1G 内存即可运行,支持调用沉浸式翻译。 #翻译
via #阮一峰的科技周刊 340
#优质博文
AI 流程平台对比——Dify、Fastgpt、Ragflow
#AI #agent
via 关木
AI 流程平台对比——Dify、Fastgpt、Ragflow
AI 摘要:对比 Dify、FastGPT 和 RAGFlow 三个 AI 流程平台的功能与特点。
本文对 Dify、FastGPT 和 RAGFlow 三个基于 Web UI 的 AI 流程平台进行了详细对比,涵盖了团队管理、模型管理、第三方工具、知识库、应用管理、开源协议和部署难度等多个维度。通过对这些平台的功能、优缺点和适用场景的分析,帮助读者选择最适合自己需求的 AI 流程平台。文章最后总结了各平台在不同维度的表现,指出 Dify 在应用管理和扩展性方面的优势。
#AI #agent
via 关木
#优质博文 #前端
适合初学者的一篇指南。
2025 React + TypeScript 实战指南!
https://mp.weixin.qq.com/s/3hW5HokQINsO_w15pMYPpg
via 微信公众号 前端充电宝
适合初学者的一篇指南。
2025 React + TypeScript 实战指南!
https://mp.weixin.qq.com/s/3hW5HokQINsO_w15pMYPpg
AI 摘要:本文总结在 React 中使用 TypeScript 的常见场景,涵盖组件类型定义、Hooks 类型化、事件处理及异步请求类型安全实践。#react #typescript #course
本文系统梳理了 React 与 TypeScript 协同开发的核心技术点。首先对比函数组件的两种类型定义方式(React.FC
vs 直接定义 Props),分析其灵活性与适用场景;其次解析类组件中泛型、Component
与PureComponent
的类型定义逻辑,并探讨动态 Props 的泛型解决方案。针对 Hooks,文章详细说明useState
、useRef
、useMemo
等常用 Hook 的类型化实践,包括空值处理和对象类型断言等细节。此外,还覆盖事件对象类型定义、元素属性扩展、错误边界实现及异步请求(Fetch/Axios)的类型安全方案,最终形成完整的 React + TypeScript 开发指南。
via 微信公众号 前端充电宝