呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：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
#优质博文 #阮一峰的科技周刊 #前端 #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
使用方法:
私聊 @yummy_search_bot，发送内容，点击检索结果即可跳转频道对应消息
下面几条命令任何用户都可以使用：
1. /search [keyword]: 搜索消息，同去掉 /search 的情形等价。
2. /chats [keyword]: 列出所有被索引的，标题中包含 keyword 的会话列表。如果没有指定 keyword，则返回所有的会话。bot 会返回一列按钮，点击一个按钮之后这条消息就对应了一个会话。有一些指令包含 chat_id 作为参数，对于这些指令，如果没有指定 chat_id 参数，那么可以通过回复这条消息来把会话的 ID 当作参数。如果回复搜索的关键词，则只搜索这个会话中的消息。
3. /random：返回一条随机的消息（暂不支持指定会话）
