ZTao-z的博客

不可删除，不可篡改的页面水印的一种绘制方案

跨环境前端组件库打包方案

大数据下的接口请求合并优化方案

一种大表格多列数据场景滚动优化方案

大量dom节点的首屏加载优化，以及数据更新后自动定位原可视窗口的方案

带样式HTML节点拷贝

前端简单的状态库实现

文本溢出处理小技巧

早知道应该加钱买docker版的nas

CRDT实现库Yjs的简单介绍

flex 九宫格实现

灵活的rbac权限控制方案探索与实现

typescript中可动态获取实例化对象的装饰器的一种实现

wordpress search出现404报错

protobuf 在前端的应用和实践

基于exif-js库获取图片EXIF信息

js实现浏览器硬件加速检查

JS线程阻塞时间

模块联邦的介绍与最佳实践

字体库内容自定义裁剪

iframe的allow属性生效时机

cors详解与常见错误解决方案介绍

在Node Express中使用Protobuf

Unsupported GLOBAL_AGENT.HTTP_PROXY configuration value: URL protocol must be "http:"

arguments引用错误

使用PointerEvent补全缺失坐标数据

总结 == 比较时Js隐式类型转换导致各种魔幻现象

本地转发请求，云函数重新拼接URL并向真实源站请求数据

JavaScript随机数生成器// Found this seed-based random generator somewhere// Based on The Central Randomizer 1.3 (C) 1997 by Paul Houle (houle@msc.cornell.edu)var seed = 1;/** * return a random number based on a seed * @param seed * @returns {number} */

Javascript代码实现function hsv_to_rgb(h: number, s: number, v: number) { let h_i = Math.floor(h * 6); let f = h * 6 - h_i; let p = v * (1 - s); let q = v * (1 - f * s); let t = v * (1 - (1 - f) * s); let r = 0 let g = 0 let b = 0 if (h_i ==

father库说明GitHub：https://github.com/umijs/father安装yarn add father项目配置0、项目结构1、配置fatherrc.js2、配置src/index.js3、配置components/index.tsx4、运行：father build运行后项目文件夹内会生成一个es文件目录，里面就是打包好的代码库发布代码包（1）发布到私有GitHub仓库// 正常的git提交代码git add .git commit ""

定义requestAnimationFrame的作用是告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。一般一秒内执行60次，与屏幕刷新频率相同。与setInterval相比的优势// 后续更新动画循环渲染let lastRenderTimestamp = nulllet drawTimer = nulllet renderFPS = 1 / 60function rend

问题描述鼠标拖动缩放文本框的时候，需要重新计算缩放后文本框四个顶点的坐标，然后重新绘制新文本框在Office上，缩放文本框的操作一般是鼠标拖动八个控制点其中一个，然后固定住与其相对的控制点的位置，然后进行缩放。举个例子，我现在使用的控制点是红色框内的。现在拖动这个控制点，可以观察到Office的处理逻辑是固定住绿色框内的控制点，同时保持两条蓝色边的方向不变。而原文本框四个顶点的位置已知。换而言之，新文本框的四个顶点中的两个我们是已知的，分别是鼠标拖动的红色顶点和固定不动的绿色顶点，而剩余的两个顶点则是红

轮询URL列表，采用setTimeout进行超时重试

一个支持动态配置、支持路由守卫的React组件。

二分查找

简介SQL注入是一种代码注入技术。一些web应用程序对用户输入数据合法性缺乏严谨校验，此时攻击者可以通过将恶意SQL语句附加到数据中，从而修改应用程序执行操作时使用的SQL语句，在管理员不知情的情况下实现非法操作，执行非授权的任意数据库操作，如获取非授权数据信息。分类按照所使用的技巧，可以分为3类：盲注：（1）布尔盲注：从应用返回的数据中推断SQL语句执行后的返回值（2）时间盲注：应用程序没有相关数据的明确回显，可以通过特定的时间函数来进行判断报错注入：应用会显示全部或者部分的报错信息堆叠

Vue 3.0的又一亮点是带来了一个新的开发构建工具：Vite。根据官方文档的描述，它是一个在开发环境下利用现代浏览器原生ES模块进行代码文件的按需加载，并在生产环境下将其与Rollup进行绑定的一个web开发构建工具。优势1、更快的冷启动2、即时热更新（Instant HMR）3、按需编译新功能Bare Module Resolving原生的ES加载模块不支持裸露模块加载（bare module import）。import { createApp } from 'vue'在Vue

起因最近在写一个博客小网站，使用markdown作为编写语言。纯文本模式下，markdown预览效果实时渲染基本所有的流行markdown渲染库都能做到。但我打算在博客中加入类似LaTeX数学公式，甘特图，EChart图表等组件，这时候就发现传统的全局渲染延迟过大，特别是添加了图后，快速连续输入几个字符，整个预览界面就会出现卡顿，用户体验确实不好。于是花了几天魔改了一下markdown-it，重新实现了渲染逻辑。相关代码可以在这里查看，也欢迎来我的博客网站https://rgan.work/editor

let inputCompositionLock = falselet searchInput = document.querySelector('.search-input')searchInput.addEventListener('keydown', (e) => { if (!inputCompositionLock && e.code === 'Enter') { // do something }})searchInput.addEventListe