呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#优质博文 #前端 #阮一峰的科技周刊
科技爱好者周刊（第 269 期）：为什么英雄不使用炸药
#资源推荐 #react #chatgpt #css
1. React18 JSON View 一个展示 JSON 数据的 React 组件。
2. Transmate 浏览器插件，利用 ChatGPT 批量翻译各种格式的文档
3. examor 这个工具允许用户上传文档，它会根据这些文档生成各种问答题，可以用来面试、教学和复习。它代码开源，需要用户自己搭建服务。（有意思）
4. 极速图片压缩器 一款图片压缩软件，有在线版和 Windows 桌面版。
5. Iconbuddy 一个很好用的图标搜索引擎，收入了10万+的图标，可以定制和下载每个图标。
科技爱好者周刊（第 269 期）：为什么英雄不使用炸药
#资源推荐 #react #chatgpt #css
1. React18 JSON View 一个展示 JSON 数据的 React 组件。
2. Transmate 浏览器插件，利用 ChatGPT 批量翻译各种格式的文档
3. examor 这个工具允许用户上传文档，它会根据这些文档生成各种问答题，可以用来面试、教学和复习。它代码开源，需要用户自己搭建服务。（有意思）
4. 极速图片压缩器 一款图片压缩软件，有在线版和 Windows 桌面版。
5. Iconbuddy 一个很好用的图标搜索引擎，收入了10万+的图标，可以定制和下载每个图标。
微软将 Microsoft Edge 浏览器更新到了 116 版本，有用户发现 116 版本还新增了一项“复制视频帧”功能，只要你打开某个视频然后右键点击视频即可看到带有颜色标注的“复制视频帧”菜单项。部分网站视频本身就适配了右键菜单，所以你要点击两次才会唤出浏览器本身的右键菜单。
值得一提的是，这一功能目前基本适用于大部分视频网站，无论是 B站、爱奇艺，还是 YouTube，不过IT之家实测发现，一些传统网站，还有 Netflix 这种加密网站，斗鱼虎牙类直播网站，还有微博 Twitter 类社交平台上的视频是无法通过这种方式获取视频帧的。(注：与Chrome一样的功能。)来源
📢 频道：@kejiqu
👥 群组：@kejiquchat
🤖 投稿：@kejiqubot
#碎碎念 #追番
10月新番待追
好多啊好多啊看不过来啦
1.
2.
3.
4.
5.
6.
7.
8.
9.
【好好好！大的真要来了！2023年10月新番导视！【泛式】-哔哩哔哩】 https://b23.tv/pKTS6kW
10月新番待追
好多啊好多啊看不过来啦
1.
间谍过家家22.
石纪元 part23.
葬送的芙莉莲4.
不死不幸（？不知道好不好看）5.
药屋少女的呢喃6.
超超超超喜欢你的 100 个女朋友 (?)7.
星灵感应（芳文社呜呜呜呜贴贴！）8.
鸭耐桥论的禁忌推理（杀人侦探？感觉很乱步奇谭）9.
家里蹲吸血姬的苦闷（百合 但是P9）【好好好！大的真要来了！2023年10月新番导视！【泛式】-哔哩哔哩】 https://b23.tv/pKTS6kW
#优质博文 #阮一峰的科技周刊 #前端 #typescript #css
科技爱好者周刊（第 268 期）：生产力是形容机器，不是形容人
1. TypeScript 五个小技巧（全英） - 本文介绍 TypeScript 的一些使用技巧。
2. 为什么 TypeScript 不能正确处理 Object.keys() （全英） - 本文讲解 TypeScript 的一个难点，使用Object.keys()遍历对象键名会产生奇怪的报错
3. CSS 折叠翻页效果(全英） - 本文介绍如何只使用 CSS 实现折纸一般的翻页效果。
#资源推荐 #动画 #tools
1. auto-animate 一个网页动画库，可以为网页应用添加平滑的过渡，支持各种主流框架。
2. background-removal-js 一个去除图片背景的 JS 库。
科技爱好者周刊（第 268 期）：生产力是形容机器，不是形容人
1. TypeScript 五个小技巧（全英） - 本文介绍 TypeScript 的一些使用技巧。
2. 为什么 TypeScript 不能正确处理 Object.keys() （全英） - 本文讲解 TypeScript 的一个难点，使用Object.keys()遍历对象键名会产生奇怪的报错
3. CSS 折叠翻页效果(全英） - 本文介绍如何只使用 CSS 实现折纸一般的翻页效果。
#资源推荐 #动画 #tools
1. auto-animate 一个网页动画库，可以为网页应用添加平滑的过渡，支持各种主流框架。
2. background-removal-js 一个去除图片背景的 JS 库。
double-trouble.dev
Stirring Up Some TypeScript Magic
Advanced tips and helper functions for enhancing code structure and readability.
#demo #设计 #前端
你看到的进度条为什么会时快时慢？
分享一个有趣的进度条~原来背后还有这么多隐藏空间...
https://codepen.io/jh3y/pen/GRxmqEb
via 公众号 前端侦探
你看到的进度条为什么会时快时慢？
分享一个有趣的进度条~原来背后还有这么多隐藏空间...
https://codepen.io/jh3y/pen/GRxmqEb
via 公众号 前端侦探
#优质博文 #前端 #css #svg
1. 了解 SVG 坐标系和变换（第 1 部分）—— viewport、viewBox 和 preserveAspectRatio （全英）
2. 理解SVG viewport,viewBox,preserveAspectRatio缩放
遇到了svg的一些问题查了下，preserveAspectRatio="none" 可以拉伸svg，这个属性挺有用的
1. 了解 SVG 坐标系和变换（第 1 部分）—— viewport、viewBox 和 preserveAspectRatio （全英）
2. 理解SVG viewport,viewBox,preserveAspectRatio缩放
遇到了svg的一些问题查了下，preserveAspectRatio="none" 可以拉伸svg，这个属性挺有用的
Sara Soueidan
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
– The personal website of Sara Soueidan, inclusive design engineer
