240 发简信
IP属地:江苏
  • Canvg 应用场景和使用说明

    Canvg 是一个 JavaScript 库,可以将 SVG 文件转换为 Canvas 元素的渲染。它主要用于在不支持 SVG 的环境中显示 SVG 图像。以下是一些 Can...

  • 120
    2022-06-21

    SVG 图片加载 图片首次渲染 跨域 canvas 安全机制一. 优化前问题记录当图纸有49个 “水泵彩41” 设备时,保存时转化为图片的时间是 2183 ms...

  • 120
    3D UI样式集

    样式1、基础型 2、添加流光 3、添加底座

  • 120
    React hook使用详解

    因为篇幅原因,React hook的由来和影响这里不做介绍。本文主要介绍的是hook的基本API,还有从class编程迁移到hook编程过程中的细节记录和心得体会 目录 us...

  • requestAnimationFrame详解

    为什么要说它,源于看到的一道面试题:问题是用js实现一个无限循环的动画。 首先想到的是定时器 可以说是完美实现! 至于时间间隔为什么是1000/60,这是因为大多数屏幕渲染的...

  • 基于hook实现防抖

    1. 什么是防抖(debounce) 在事件被触发n秒后再执行回调函数,如果在这n秒内又被触发,则重新计时。 2 应用场景 (1) 用户在输入框中连续输入一串字符后,只会在输...

  • 120
    关于webGpu的 Label 层的设计

    一、现有 Label 设计 常用术语: Label:标签 Panel:面板 Anchor:锚点 Billboard:3d 中始终面向屏幕的公告牌 此处的 Label,本质是一...

  • 前端Coding规范 — React&JSX 书写规范

    基本规则 每个文件只包含一个 React 类组件但是多个函数式组件可以放到一个文件中,eslint: react/no-multi-comp[https://github.c...

  • Dva 中使用 WebSocket

    基于dva,websocket, model,subscriptions, service. 能够接受服务器消息,向服务器发送消息,主动断开,可处理异常断开的例子. 1.设置...

  • requestAnimatinFrame介绍

    让浏览器执行一个动画,并要求浏览器在下次重绘之前使用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行 1.语法 reques...

  • javascript语言规范

    类型 原始类型: 存取原始类型直接作用于值本身布尔类型Null 类型Undefined 类型数字类型BigInt 类型字符串类型符号类型 Symbol 复杂类型: 访问复杂类...

  • rem适配布局

    思考 1.页面布局文字能否随着屏幕大小变化而变化? 2.流式布局和flex布局主要针对于宽度布局,那高度如何设置? 3.怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放? ...

  • 百度地图threejs相关

    本文包括: 百度地图中 1、如何使用three的功能 2、如何获取相机 3、如何射线检测 1、百度地图中如何使用threejs 引入百度地图api与mapvgl。 创建一个v...

  • qiankun微前端父子应用改造

    qiankun 是一个基于 single-spa[https://github.com/CanopyTax/single-spa] 的微前端[https://micro-fr...

  • 前端Coding 规范 — css

    代码风格 代码格式化 样式书写一般有两种:一种是紧凑格式 (Compact) 一种是展开格式(Expanded) 团队约定 统一使用展开格式书写样式 代码大小写 样式选择器,...

  • 数字孪生— 能流样式集

    管道类流动效果,可在管道拓扑展示场景元素链接关系的基础上,增加能量流动的示意效果。 具体常用于以下场景: 关联物联设备,数据驱动展示真实能量流转效果 多种样式区分能流类别,例...

  • 120
    DT - 插件,工具,快捷键

    vs code 快捷键 zsh 缩写,提高代码提交效率快捷键实现原理这里只说 oh-my-zsh 针对 git 的改进。为什么支持缩写的形式。大家可能知道 git 的快捷键 ...

  • React-Typescript 项目中 ESLint 配置

    插件化的 JavaScript 代码检测工具 — ESLint 为了统一代码风格,防止重复造轮子,需要进过一下几个步骤才能完成集成 在 VSCode 中安装 ESLint 插...