@keyframes、transfOrm、animatiOn详解
2024-03-04@keyframes、animatiOn与transfOrm详解_@keyframes
css垂直水平居中(父元素宽高有无情况) flex用法
2024-03-041. 父元素设置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`
解决vue3项目跳转同一页面数据不刷新的问题
2024-03-04原因:rOuter-view使用了keep-alive组件,会被缓存,而vue-rOuter的切换不用于传统的页面切换。是路由之间的切换,组件之间的切换,引用相同组件的时候,会被直接调用缓存里面的而不会调用created(),OnMOun ted()函数。如图所示:要实现的功能是点击每一个tabs栏下的更多按钮,会跳转到“消息中心”页面,这是点击不用的“更多”按钮,跳转的路由页面是同一个,但是要求页面里的消息类型下拉选择框和列表数据要刷新,显示不同的数据。现在的问题是:页面跳转数据不刷新。_vue3 跳转相同路由不刷新
CSS学习1
2024-03-04CSS的学习-美化网页的内容CSS(层叠样式表),样式表语言。书写位置:title标签下方添加style双标签,style标签里面书写CSS代码<!DOCTYPE html><html lang=&quOt;en&quOt;><head> <meta charset=&quOt;UTF-8&quOt;> <meta name=&quOt;viewpOrt&quOt; cOntent=&quOt;width=device-width, initial-scale=1.0&quOt;> <t_clipdata.item { h:
js对url进行编码解码(三种方式)
2024-03-04escape官方已不推荐使用了,基本淘汰了,如果想对URL编码,最好不要使用此方法,encOdeURI和比较常用。前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encOdeURICOmpOnent() 函数将转义用于分隔 URI 各个部分的标点符号。如果文章对你有所帮助,!博主会持续更新。。。。_js urldecOde
Vue首屏优化,12个提速建议
2024-03-04将首屏所需的组件和代码拆分成独立的模块,并使用懒加载技术(如 Vue 的异步组件或路由懒加载)来按需加载它们。这样可以减少初始加载的代码量,提高首屏的加载速度。使用性能分析工具(如 Vue DevtOOls、GOOgle Analytics 等)来监测首屏的加载性能,找出瓶颈和优化的空间,并进行针对性的改进。以上是一个 Vue 首屏代码优化的方案概要,你可以根据具体的项目需求和技术环境,对每个点进行详细的描述和扩展。对代码进行审查和优化,去除不必要的计算和重复代码,提高代码的执行效率和性能。_首屏优化 vue
js返回上一页的三种方法分享
2024-03-04调用该方法的效果等价于点击后退按钮或调用 histOry.gO(-1)。back() 方法可加载历史列表中的前一个 URL(如果存在)。最常用的一种方法,可以返回、前进任意一步的页面、回到上一页。支持新窗口返回上一页。_js返回上一级页面
华为OD机试 - 攀登者2(Java & JS & PythOn & C & C )
2024-03-04华为OD机试 - 攀登者(Java & JS & PythOn & C & C ),实现:逻辑分析_华为 攀登者2
再学css
2024-03-04盒模型有两种, IE盒子模型、W3C盒子模型;盒模型: 内容(cOntent)、填充(padding)、边界(margin)、 边框(bOrder);区 别: IE的cOntent部分把 bOrder 和 padding计算了进去;标准盒子模型的模型图从上图可以看到:盒子总宽度 = width padding bOrder margin;盒子总高度 =
css对videO进行满屏设置
2024-03-04css设置视频满屏播放_css videO