RustStream 第4页

下一页
  • 实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi

    JS9702024-12-14 20:20:01
  • 原理 ‌核心原理是利用 requestAnimationFrame 来逐帧更新一个计数器 count,然后通过返回的函数来判断当前是否已经达到了指定的帧数。 Defer属性的使用场景和效果 这个 Hook 可以用于延迟加载某些资源或组件,直到页面已经渲染了一定数量的帧。这样可以避免在页面初始加载

    Vue延迟渲染(defer)优化

    Vue13702024-10-06 18:01:54
  • 代码解释 调用多线程(web Worker 进行大文件切片 代码实现 // utils/cutFile.js function cutFile(file { return new Promise((resolve =>{ const chunkSize = 102

    前端工具函数9502024-10-06 10:32:34
  • 实现效果 原先效果 移入效果 代码如下 <div class="content"> <div class="item"</div><!--autointro-->

    scss实现网格布局中的移入动画

    CSS15502024-09-19 14:38:34
  • 应用场景 ==需要把worker代码和业务代码写到一个文件内== const code = ` onmessage = function(e { let { data } = e; let max = Math.max(data[0], data[data.

    JS4002024-09-11 15:30:37
  • 实现原理 通过浏览器自带API( requestIdleCallback 用于在浏览器空闲时执行低优先级的任务,从而避免阻塞主线程,提升页面的性能和响应速度。 该API允许开发者在浏览器空闲时期插入一个函数,这个函数将在事件循环空闲时被调用,主要用于执行一些不需要立即完成的工作,如日志记录、数据

    Vue10702024-09-05 11:01:47
  • 代码实现 // canvas 下载图片 function downImg(src, name, ext { const img = new Image( ; img.src = src; img.setAttribute('crossOrigin'

    前端工具函数7902024-08-15 11:40:08
  • 代码解释 生成一个在最大数和最小数之间的随机数 实现代码 /** * 生成随机数 * @param min 最小数 * @param max 最大数 */ function getRandom(min, max { return

    前端工具函数8602024-06-14 08:27:29
  • 实现效果 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

    Canvas实现简单页面动画

    CSS13702024-06-13 14:31:44
  • Echarts封装 <template> <div ref="chartRef" class="echarts-container"></div> </template> <script> import * as echarts f

    Vue8202024-05-23 18:47:55
召唤伊斯特瓦尔