呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页: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
#优质博文 #杂谈
After 14 years in the industry, I still find programming difficult
上面文章里提到的博文
AI 摘要:文章分享了作者从业14年后对编程的深刻认识。作者回顾了自己从一个对编程充满憧憬的学生到成为一名经验丰富的程序员的过程,并指出编程并不随经验的增加而变得简单。文章强调了编写好代码的难度,认为好的代码应该是易于人类理解的。作者提出了提高编程技能的方法,包括阅读经典软件项目和编程书籍。同时,文章讨论了创造性、避免完美主义、重视人际关系、有效学习方法和单元测试的重要性,并最终强调了控制复杂度的必要性。
via piglei
After 14 years in the industry, I still find programming difficult
上面文章里提到的博文
AI 摘要:文章分享了作者从业14年后对编程的深刻认识。作者回顾了自己从一个对编程充满憧憬的学生到成为一名经验丰富的程序员的过程,并指出编程并不随经验的增加而变得简单。文章强调了编写好代码的难度,认为好的代码应该是易于人类理解的。作者提出了提高编程技能的方法,包括阅读经典软件项目和编程书籍。同时,文章讨论了创造性、避免完美主义、重视人际关系、有效学习方法和单元测试的重要性,并最终强调了控制复杂度的必要性。
via piglei
https://github.com/maqrtineLzjulyie/spotify-check-premium/blob/main/main.py
你能看出这个脚本里隐含的恶意代码吗?
幻术大师了属于是
你能看出这个脚本里隐含的恶意代码吗?
幻术大师了属于是
#优质博文 #前端 #css #grid #博客推荐
CSS Grid 的交互式指南(全英)
群友推荐的很棒的博客,进去看了看质量确实很不错,文章都是交互式。可以进去看看历史文章
AI摘要:这篇教程是一个关于 CSS Grid 的互动指南,详细介绍了如何使用 CSS Grid 创建复杂的布局。文章通过各种示例和代码演示,解释了 CSS Grid 的基础知识,包括网格流程、行列的隐式和显式定义、使用
via Josh Comeau
CSS Grid 的交互式指南(全英)
群友推荐的很棒的博客,进去看了看质量确实很不错,文章都是交互式。可以进去看看历史文章
AI摘要:这篇教程是一个关于 CSS Grid 的互动指南,详细介绍了如何使用 CSS Grid 创建复杂的布局。文章通过各种示例和代码演示,解释了 CSS Grid 的基础知识,包括网格流程、行列的隐式和显式定义、使用
repeat 函数简化定义、子项的定位、网格区域的定义以及如何考虑键盘用户的体验。文章还讨论了对齐技巧和如何利用 CSS Grid 解决常见的布局挑战,旨在帮助读者建立对 CSS Grid 的直观理解,并掌握其强大功能。via Josh Comeau
#前端 #css #demo #codepen
Shattering Images by Szenia Zadvornykh
一个独特的图片破碎效果,是需求时调研发现的。
技术分析:
- 使用Delaunay三角剖分算法将图片分割成若干个三角形片段
- 每个三角形创建一个Fragment对象。
- 每个Fragment对象包含一个小的canvas元素,该元素只绘制对应的三角形片段。
- 通过对每个Fragment的canvas应用动画效果,实现整个图片的破碎效果。
- 动画效果使用gsap库(TweenMax和TimelineMax)来实现
Shattering Images by Szenia Zadvornykh
一个独特的图片破碎效果,是需求时调研发现的。
技术分析:
- 使用Delaunay三角剖分算法将图片分割成若干个三角形片段
- 每个三角形创建一个Fragment对象。
- 每个Fragment对象包含一个小的canvas元素,该元素只绘制对应的三角形片段。
- 通过对每个Fragment的canvas应用动画效果,实现整个图片的破碎效果。
- 动画效果使用gsap库(TweenMax和TimelineMax)来实现
#前端 #css #demo #codepen
Animating text using Typed JS by Allistair Lee
「Simple text typewriter animation using Typed JS by Matt Boldt.」
打字机效果,博客可参考
Animating text using Typed JS by Allistair Lee
「Simple text typewriter animation using Typed JS by Matt Boldt.」
打字机效果,博客可参考
#优质博文 #前端 #typescript
一点小小的类型安全震撼
AI摘要:这篇文章介绍了在 TypeScript 中提高类型安全性的方法,特别是通过自定义类型守卫函数来精确过滤数据类型。作者通过实例展示了如何使用
via YiJie
一点小小的类型安全震撼
AI摘要:这篇文章介绍了在 TypeScript 中提高类型安全性的方法,特别是通过自定义类型守卫函数来精确过滤数据类型。作者通过实例展示了如何使用
is 关键字和类型守卫来改进类型推断,进而减少代码冗余和提升类型准确性。文章还探讨了类型守卫的高级用法,包括如何利用 unique symbol 和异常处理来创建更灵活的类型守卫函数,以及如何通过控制流分析从函数体中推断类型谓词。最后,感谢《TypeScript Effective》的作者 danvk 提供的 PR 灵感,并提供了一些有用的TypeScript资源链接。via YiJie
#前端 #tools #css #资源推荐
scrollbar.app:一站式浏览器滚动条自定义工具
摘要: scrollbar.app 提供了一个直观的界面,允许开发者实时测试和调整浏览器滚动条的样式。通过这个工具,用户可以轻松地修改滚动条的外观,并直接从界面复制所需的 CSS 代码。该工具覆盖了使用特定于供应商的伪元素以及面向未来的
via 群里看到的
scrollbar.app:一站式浏览器滚动条自定义工具
摘要: scrollbar.app 提供了一个直观的界面,允许开发者实时测试和调整浏览器滚动条的样式。通过这个工具,用户可以轻松地修改滚动条的外观,并直接从界面复制所需的 CSS 代码。该工具覆盖了使用特定于供应商的伪元素以及面向未来的
scrollbar-color 属性,使其成为处理浏览器滚动条样式的理想选择。via 群里看到的