呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页: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
#碎碎念
又到了秋招季,想写篇关于互联网秋招的博客,来发个问卷收集收集学弟学妹的问题做个Q&A,欢迎问题砸过来:
https://nf2pjr3e5t.feishu.cn/share/base/form/shrcnQeSZ6rRFmS5bXtYGrRwJMg
又到了秋招季,想写篇关于互联网秋招的博客,来发个问卷收集收集学弟学妹的问题做个Q&A,欢迎问题砸过来:
https://nf2pjr3e5t.feishu.cn/share/base/form/shrcnQeSZ6rRFmS5bXtYGrRwJMg
#优质博文 #前端 #动画 #css #交互设计 #react
云音乐2023年度听歌报告动效大揭秘
【这个好啊,很长,推荐阅读】
via 微信公众号 网易云音乐技术团队
云音乐2023年度听歌报告动效大揭秘
【这个好啊,很长,推荐阅读】
AI 摘要:
动效设计流程
年度听歌报告是网易云音乐的保留节目,本文介绍了2023年度报告的动效设计过程。传统流程为设计师制作动画效果并交给开发人员实现代码,但对于年度听歌报告这样的大项目,此流程效率低。为提高效率,动效设计师直接用代码实现动效,前端专注业务逻辑,最后进行代码合并。
翻页动效
主要使用React的CSSTransition组件实现页面的淡入淡出效果,并设置合适的背景色以避免翻页时的闪烁感。
文字动效
使用CSS Animation实现文字的渐现和位移效果,主要通过调整animation-timing-function属性来控制动画节奏。
简单页面动效
具体页面如“初次相遇”页面,通过父容器和子容器分别实现流星从天而降、爆闪和循环闪烁的效果。
通过优化设计和实现流程,以及巧妙运用React和CSS技术,网易云音乐2023年度听歌报告实现了温暖轻快的动画效果。
via 微信公众号 网易云音乐技术团队
#优质博文 #ReactNative #跨端 #tailwind #rn
原来 React Native 已经如此成熟了
【能用 tailwind 了确实爽,前阵子试了试】
via 微信公众号 这波能反杀
原来 React Native 已经如此成熟了
【能用 tailwind 了确实爽,前阵子试了试】
AI 摘要:React Native 的最新发展和优势
作者详细介绍了 React Native 的最新进展和成熟度,特别是以下几个关键点:
1. Hermes 引擎:提升了 JavaScript 的解析和编译效率,使应用程序运行更快。
2. JSI 通信方式:通过 C++ 实现的轻量级工具,减少了 JS 和 Native 之间的通信成本。
3. Fabric 渲染引擎:提高了 UI 渲染性能,支持高频交互和同步渲染。
4. Hades 垃圾回收器:在后台并行执行垃圾回收,减少程序运行延迟。
5. Expo 框架:提供了完整的应用层框架和沙箱能力,降低了开发门槛。
6. React Native IDE:VSCode 插件,简化了开发和调试过程。
7. Tailwindcss 集成:实现了一致的开发体验,简化了样式编写。
总结认为,React Native 生态系统已经非常成熟,并且未来发展可期。
via 微信公众号 这波能反杀