2024-03-15 10:03:11
88
996
HTML5视频标签有一个叫做playbackRate的属性,用于设置倍速播放。例如设置播放速度为2倍,可以写成_网页视频快进代码
2024-03-15 10:03:06
331
229
虚拟滚动其实就是综合数据分页和无限滚动的方法,在有限的视口中只渲染我们所能看到的数据,超出视口之外的数据就不进行渲染,可以通过计算可视范围内的但单元格,保证每一次滚动渲染的DOM元素都是可以控制的,不会担心像数据分页一样一次性渲染过多,也不会发生像无限滚动方案那样会存在数据堆积,是一种很好的解决办法。如图所示,当我们进行滚动时,可视区域大小不变,渲染的元素数量也是可以控制的,合理的减少了不必要的DOM渲染,提高浏览器的性能。具体的浏览器原理在这篇文章不做过多的介绍,有兴趣的话可以去看我的另一篇文章。_虚拟滚动
2024-03-15 10:03:05
328
473
// 定义一个无参函数alert("无参函数 fun()被调用了");// 函数调用===才会执行// fun();alert("有参函数 fun2()被调用了 a=>" a ",b=>" b);// 定义带有返回值的函数_html与js之间如何配合
2024-03-15 10:03:24
349
551
不要着急不要着急,看到浏览前边那个框了吗,为了我们以后打开文件夹方便,我们在前边这个框里,给文件夹改个名,它不是叫Visual Studio Code吗,我们干脆取首写字母,叫它vscode好了,这样以后当我们看到vscode这个文件夹的时候,就能很容易的知道这个是Visual Studio Code的文件夹了。比如说你在C盘的某个文件夹新建了一个文件,这个文件的绝对路径就是C盘那个文件夹里的文件,如果你把它放到D盘,它的绝对路径就会发生改变,变成了D盘下你写的那个文件夹中的文件。_vscode转变html,照片顶格
2024-03-15 10:03:22
446
770
会启动拼写和语法检查,表现效果就是单词拼写错误会出现红色下划线提示。有时,我们并不需要拼写检查,可以通过配置属性。_怎么关闭input spellcheck
2024-03-15 10:03:13
787
472
在公司做接口自动化测试,官方的pytest_html报告展示相对简单,所以优化了下pytest_html报告的展示
2024-03-15 10:03:58
393
587
2D变换用于在平移,旋转,缩放和倾斜时重新更改元素结构。下表包含了用于2D转换的常用值-用于定义具有六个值的矩阵变换用于将元素与x轴和y轴一起转换用于沿x轴变换元素用于沿y轴变换元素scale(x,y)用于更改元素的宽度和高度scaleX(n)用于更改元素的宽度scaleY(n)用于更改元素的高度用于基于角度旋转元素用于定义偏斜变换和x轴用于定义与y轴一起的偏斜变换以下示例显示了所有上述属性的示例。
2024-03-15 10:03:57
729
262
值得注意的是,当图片被放大到超过容器大小时,我们需要通过加上overflow: hidden;属性来防止图片溢出。此外,我们还可以通过添加过渡动画来使图片的放大效果更加平滑自然。使用transform属性定义鼠标移入时图片的放大效果。要实现图片在不溢出包裹的盒子内放大的效果,可以使用CSS3中的transform属性。这样就实现了图片在盒子内放大、不溢出的效果。_当容器大于图片时,怎么使图片放大
2024-03-15 10:03:54
529
196
在页面开发的时候,我们使用路由等方法使页面进行跳转的时候,可能有些页面需要纵向的滚动条,可能有些页面不需要滚动条,由于在浏览器中滚动条也是有默认的样式占据着一点的范围,就会导致切换页面就会有抖动页面的效果,体验十分差通过对body的宽度使用vw来设定,再设置html的样式解决问题设置好css后切换页面就不会出现抖动了,或者我们也可以采取很绝的方法,直接去修改滚动条的样式在该代码片段的第四行和第五行修改滚动条的宽度,这样浏览器就不会出现滚动条,页面也不会有抖动了,当然这种方法意味着斩草除根其他零碎的方法就_页面中右侧因为有滚动条,导致滚动条出现页面抖动
前端知识热文
大家都在看