王月Lydia-CSDN博客

原创目前前端项目中css layer的使用

CSS @layer特性应用现状分析：这个2022年推出的特性正在前端项目中逐步普及，特别是在Tailwind CSS等现代框架和大型项目中。它通过显式控制层叠优先级，有效解决了CSS长期存在的"优先级战争"问题。虽然因浏览器兼容性和学习曲线尚未全面普及，但随着现代浏览器支持度提升和开发者认知加深，@layer正成为管理复杂CSS架构的重要工具。建议现代浏览器项目积极采用，旧项目需评估兼容性成本。该特性已成为CSS标准的重要组成部分，值得前端开发者掌握。

2025-05-31 15:55:05 1020

原创丝滑页面切换动效之Transition篇-vue3的H5项目从0到1工程化落地经验篇12

大家一定看过不同网站后有这样的感觉，感觉很丝滑，很流畅，一点不卡顿，有的网站就觉得一点都不丝滑，直愣愣的就出现了，这些都是细节。当然并不是一个细节决定的，今天我分享的是如何让页面切换时效果很丝滑。接上一篇。本篇是Transition设置

2025-04-29 23:02:23 947

原创丝滑页面切换动效之路由篇-vue3的H5项目从0到1工程化落地经验篇11

大家一定看过不同网站后有这样的感觉，感觉很丝滑，很流畅，一点不卡顿，有的网站就觉得一点都不丝滑，直愣愣的就出现了，这些都是细节。当然并不是一个细节决定的，今天我分享的是如何让页面切换时效果很丝滑。

2025-04-29 22:18:49 978

原创 Vue Router 4.x--vue3的H5项目从0到1工程化落地经验篇10

vue router 4+已经出了，404通配符你用上了么？权限验证你用上元数据了吗？

2025-04-28 22:35:10 374

原创网站备案号--vue3的H5项目从0到1工程化落地经验篇9

这是vue3的H5项目从0到1工程化落地经验的第9篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。这篇就一个小点——那就是每个网站都得有备案号，且得跳转到工信部。否则就得面临罚钱，适合以前没独立写过网站的人看，如果你有相关经验，那么就跳过即可。

2025-04-28 21:17:37 719

原创全局方法使用指南-vue3的H5项目从0到1工程化落地经验篇8

这是vue3的H5项目从0到1工程化落地经验的第8篇，有了这个系列你可以从0创建一个自己的h5项目。每个项目必备，前端项目都有很多全局方法，我的项目中使用全局方法的方式是独立的utils文件。全局方法常用于需要的工具函数、服务接口或通用逻辑。

2025-04-27 22:43:41 467

原创 vite6环境变量--vue3的H5项目从0到1工程化落地经验篇7

这是vue3的H5项目从0到1工程化落地经验的第7篇，有了这个系列你可以从0创建一个自己的h5项目，环境变量之所以能起作用是因为有工具，vue2有vue clivue3有vite，所以当配置环境变量的时候得看他们的文档，，其实vite官方说的挺全面的，只是没有在实际项目中应用的示例，我这里主要补充的就是实例。

2025-04-27 21:23:41 1441

原创修改网站标题与logo-vue3的H5项目从0到1工程化落地经验篇6

这是vue3的H5项目从0到1工程化落地经验的第6篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。修改网站logo和标题这是一个避不开的需求，每个网站都需要做的，那么你怎么做的，欢迎评论交流。

2025-04-26 20:19:21 629

原创得禁用vetur插件-vue3的H5项目从0到1工程化落地经验篇5

这是vue3的H5项目从0到1工程化落地经验的第5篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。这篇就一个小点——那就是vscode编辑器的设置，适合以前没写过vue3的人看，如果你已经很熟练了，那么就跳过即可。前端就是很多这么微不足道的小点构成了一系列差异。

2025-04-26 19:48:02 355

原创同wifi时用手机访问运行的项目-vue3的H5项目从0到1工程化落地经验篇4

这是vue3的H5项目从0到1工程化落地经验的第4篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。本来想写成一篇，但是太长了，搞得编辑器都卡了。所以我拆分成了一系列的文章，在文章尾部能看到其他链接，如有不当之处，欢迎大神不吝赐教。本篇解决同wifi下手机如何访问电脑起的项目的问题。

2025-04-25 16:36:46 535

原创清除浏览器默认样式-vue3的H5项目从0到1工程化落地经验篇3

因为它除了重置样式，还是目前最流行的，有很多定义好的类名直接就能用，（虽然对我来说是反而还得记一堆新的tailwind类名，毕竟我的css属性几乎已经都会背，但是还是看在它能响应式的份上使用它了，写几个页面其实就掌握的差不多了）。版本呢，使用了目前的最新版本4.x. 最新版本和旧版本的导入方式不同，大家看官方文档就好了。这是vue3的H5项目从0到1工程化落地经验的第3篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。

2025-04-25 16:12:56 573