这篇文章是写给刚入门Vue框架开发或者刚入门的同学，权限管理是基本上每一个项目都会遇到问题，你有登陆，有游客等身份，你总要不同的身份会有不同的网页访问吧。下面就实现从想法到权限管理的构建。
很多人应该都有把自己的域名解析在大善人Cloudflare吧，今天又来介绍如何针对works和pages项目的CDN加速。后面再弄一期使用 Cloudflare CDN 的网站设置优选域名来加速访问。
在日常开发中，可能会不小心将.env等配置文件上传到GitHub仓库。即使删除了这些文件，历史记录中仍能看到其内容，这对隐私可能带来风险。这里有两种处理方法：1) 删除.env文件并清除历史记录，2) 仅取消跟踪该文件，适用于配置内容不重要且项目不公开的情况。
前面的《PWA技术简介》文章中对PWA做了介绍，也介绍了它的交互流程。那么这里就对我开发的Next.js音乐网站做一个PWA配置，来实践一下PWA的配置过程。
在现代Web开发的世界中，用户体验是最重要的因素之一。无论是Web应用还是原生应用，用户都期望应用能快速响应、操作流畅、具备离线能力，并能方便地访问。渐进式Web应用（PWA，Progressive Web App）的出现，正是为了满足这些需求。 PWA是一种结合了Web应用和原生应用优点的技术，它不仅能够在Web上运行，还能提供类似于原生应用的用户体验。让我们一起来探索PWA的原理、核心技术以及它如何帮助我们构建更好的Web应用。
Next.js除了在vercel上部署之外，更多的是部署在自己的服务器上，为此官方提供了Docker的打包运行方式。这里分享的是如何优化打包的Docker镜像到近15倍的大小。
盒子模型的理解是前端使用css实现准确布局、处理元素排列的关键，下面是对MDN上盒子模型文章的一部分难点做见解。 其一就是区块盒子和行内盒子上的行为，其二是2种盒子模型的大小问题。
网站会在PC和移动端上浏览，那么各个浏览器和设备的差异性，会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端100VH出现滚动的问题。
在这篇博客中，我将向大家展示如何使用仅三行简单的CSS代码，实现元素的滚动动画效果。通过创建一个视图容器，添加一些块元素，并利用CSS动画属性，我们可以轻松实现平滑的滚动动画。除此之外，我还会介绍如何根据滚动位置单独针对每个元素进行动画处理，以及如何使用动画范围属性确保元素在到达时完全完成动画。希望通过这篇博客，大家可以在自己的网站中应用这些效果，提升用户体验。
React中使用useEffect的基本概念和常见错误，包括effect的运行时机、依赖关系的处理、清理函数的使用等。通过示例演示了effect在组件更新和页面渲染中的运行过程，以及不同数据类型之间的差异对依赖关系的影响。同时也提到了使用useMemo和useCallback来优化effect的效果。总之，理解effect的使用对初级React开发者非常重要，可以帮助他们在项目中更加自信地使用effect。
在日常的React项目开发中，这些错误会让你的项目变慢。实际上如果你熟悉Vue项目的开发话，这些道理是相同的。这边文章分析的是路由懒加载和图片懒加载。
此文章记录了React新手开发中无脑使用缓存的错误，并给出了相应的用法来更好的使用Hooks
