好文分享

calc混合运算单位丢失 在less中，calc(100% – 40px) / 4运算时，结果变成了calc(15%)。出现该问题的根本原因在于：less中，带单位混合运算会被忽略单位，全部按百分比计算。 解决方法 有两种解决方法： 方法一：使用转义符 calc((~”100% – 40…

javascript 中 math.random() 返回的值在遍历中始终相同 在进行 javascript 遍历时，使用 math.random() 函数生成随机数可能导致所有结果相同。为了解决这个问题，需要确保每次调用 math.random() 函数时，生成一个独立的随机值。 常⻅误解： le…

网站点击按钮飘落彩带效果的js库 在网站https://dub.sh/底部点击按钮时，会出现大量的彩带飘落效果。有网友好奇背后的技术实现，想要了解哪个js库可以创建这样的效果。 根据源代码分析，该网站采用的js库是： https://www.kirilv.com/canvas-confetti/ 这…

动态样式类名不起作用：嵌套与并列问题 在使用动态样式类名时，有时会遇到尽管触发事件但样式却没有改变的情况。这可能是由于使用了后代选择器而造成的。 以提供的代码为例： 块中，嵌套的类是content类的后代。这意味着类仅在元素包含子元素时才能生效。 为了解决这个问题，需要将与类编写为并列，而不是嵌套方…

如何使用 css 为表格每隔三行添加斑马纹样式？ 要为表格中的每三行数据添加不同的背景色，可以使用以下 纯 css 解决方案： .table { border-collapse: collapse;}.table td { border: 1px solid #ddd;}.table tr { ba…

如何在 CSS3 视频标签中自动播放带有声音的视频 在 HTML5 中， 标签允许自动播放视频。但是，为了保护用户体验，大多数浏览器默认静音自动播放的视频。 要自动播放带有声音的视频，有以下几个方法： 通过用户设置：用户可以在浏览器设置中允许自动播放带有声音的视频。然而，除非大多数用户认可，否则浏览…

js 在遍历中使用 math.random() 函数生成的数据相同，如何解决？ 在使用 math.random() 函数生成随机数时，如果在遍历过程中连续使用，可能会遇到生成的数据相同的现象。这是因为 math.random() 函数本身会返回一个伪随机数，并且在连续调用时，可能会产生相同的序列。 …

动态添加样式实现事件操作样式改变 使用 vue.js 实现了一个带有动态样式的标签，目的是当触发某个事件时，根据传入的布尔值来改变样式。 data() { return { iscollapse: false }},methods: { changemenu() { this.iscollapse …

如何使用 canvas 导出高清晰度视频 您希望将 echarts 生成的动态图表转化为视频，并且提高清晰度。可以使用第三方插件来实现 canvas 导出视频的功能。 导出为视频 recordrtc.js：使用 html2canvas，支持导出 mp4 格式的视频。 let recordrtc = …

使用 html canvas 生成高清晰度视频 为了生成动态图表的高清晰度视频，一种方法是利用 html canvas。通常，屏幕录制产生的视频质量较差。然而，通过使用 canvas 并提高设备像素比，可以显着提高清晰度。 使用 recordrtc.js 生成视频最常用的方法是使用 recordrt…