2024-03-04 10:03:58
129
540
@keyframes、animation与transform详解_@keyframes
2024-03-04 10:03:56
45
916
1. 父元素设置display:flex, 子元素设置 margin:auto. 2. 父元素相对定位，子元素绝对定位 4个属性都设置0，再设置margin:auto. 3. 父元素相对定位，子元素绝对定位，`left:50%,top:50%,transform:translate(-50%,-50%)` 4. flex布局，父元素 `display:flex,justify-content:center,align-items:center`
2024-03-04 10:03:52
898
375
CSS能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，能够做到页面的样式与结构的分离。也就是控制页面的展示效果，而html决定页面的结构。
2024-03-04 10:03:51
934
417
vue2 js elementUI升级为vue3 ts elementUI plus_怎么从elementui升级为plus
2024-03-04 10:03:49
58
274
使用场景: 在做两个元素的连接处的UI适配时，图片的颜色不能保证一定跟背景颜色或者是主色调保持一致时，会显得比较突兀。
2024-03-04 10:03:46
317
190
原因：router-view使用了keep-alive组件，会被缓存，而vue-router的切换不用于传统的页面切换。是路由之间的切换，组件之间的切换，引用相同组件的时候，会被直接调用缓存里面的而不会调用created()，onMoun ted()函数。如图所示：要实现的功能是点击每一个tabs栏下的更多按钮，会跳转到“消息中心”页面，这是点击不用的“更多”按钮，跳转的路由页面是同一个，但是要求页面里的消息类型下拉选择框和列表数据要刷新，显示不同的数据。现在的问题是：页面跳转数据不刷新。_vue3 跳转相同路由不刷新
2024-03-04 10:03:41
302
231
无限滚动效果是一种常见的网页交互方式，可以提供更好的用户体验。本文将介绍如何使用 CSS 实现一个简单的无限滚动效果，并提供详细的代码示例。通过本文，你已经了解了如何使用 CSS 实现一个简单的无限滚动效果。这是一个在网页设计中常用的交互效果，可以使页面看起来更加生动和有趣。希望本文对你理解无限滚动效果并实现相应的代码有所帮助。如果你有任何问题或疑问，欢迎留言讨论。_css 滚动
2024-03-04 10:03:38
343
315
escape官方已不推荐使用了，基本淘汰了，如果想对URL编码，最好不要使用此方法，encodeURI和比较常用。前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。如果文章对你有所帮助，！博主会持续更新。。。。_js urldecode
2024-03-04 10:03:35
650
431
将首屏所需的组件和代码拆分成独立的模块，并使用懒加载技术（如 Vue 的异步组件或路由懒加载）来按需加载它们。这样可以减少初始加载的代码量，提高首屏的加载速度。使用性能分析工具（如 Vue Devtools、Google Analytics 等）来监测首屏的加载性能，找出瓶颈和优化的空间，并进行针对性的改进。以上是一个 Vue 首屏代码优化的方案概要，你可以根据具体的项目需求和技术环境，对每个点进行详细的描述和扩展。对代码进行审查和优化，去除不必要的计算和重复代码，提高代码的执行效率和性能。_首屏优化 vue