前端香菜君

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结

今天介绍一个非常有用的前端开发工具。 做前端开发的你，一定有过以下经历： 我这里是好的啊，你截个图给我看看 不会吧，你打开f12，控制台截个图给我看看 录个屏给我看看你是怎么操作的 ... 还有，我们

前言 在我的技术交流群里，经常会有不少刚接触三维开发的小伙伴发出疑问： 大家三维开发都是怎么学的？ 大家的三维模型都是在哪里下载的？ 你们的GIS数据都是从哪里获取到的？数据格式在哪转换？ Three

4 年前的一次线上事故，把三个月加班加点攒下的苦劳全部败光。项目重构并不是简单的事情，要足够警惕和重视，我总结的 10 条血泪经验，希望大家不要犯我的错误。

Threejs中海天一色的效果是比较壮观好玩的，本文我们就学习一下如何一步步实现该效果，同时也能深入理解着色器中的Uniforms参数的作用和归一化的原理及效果。

在前端面试中，用 CSS 绘制基础的几何图形就是一个经典的面试考点。你能否熟练地用 CSS 实现这些图形，就能体现你对 CSS 部分基础属性和特性的理解。

最近在需求里遇到了一个手指引导交互的动画需求。这篇文章就来讲讲如何CSS实现这个动画，如下图所示： 简单分析了一下效果，是一个手指移动到某处位置，然后会触发呼吸灯闪烁的效果，所有实现整个动画可以分两步

本文主要收集一些自己常用的前端相关的工具类、图片类、前端学习、前端组件资源、CSS动画相关的资源网站，便于提升工作效率，还提供了一些娱乐的网站供大家放松。

我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？