最新发布

下一页
  • 代码解释 调用多线程(web Worker 进行大文件切片 代码实现 // utils/cutFile.js function cutFile(file { return new Promise((resolve =>{ const chunkSize = 102

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

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

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

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

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

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

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

    Canvas实现简单页面动画

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

    Vue7802024-05-23 18:47:55
  • 声明一个hooks /hooks/useWatermarkBg.js import { computed } from 'vue'; export default function useWatermarkBg (props { return computed(( => {

    前端工具函数5902024-03-15 12:27:51
  • webpack打包构建流程 前端开发有很多资源, img,css,js,font,ts 有一些资源需要进行处理 ts js css html html-webpack-plugin 对输出产物进行优化 optimization splitChunkPlugin 所有文件资源都会被打包成一个文

    前端构建工具10702024-03-11 14:38:28
召唤伊斯特瓦尔