hook js
js启动一个简单服务指定启动目录和index.html，并配置接口代理
环境准备 node任意版本。 node包：express、http-proxy-middleware、http。 提前下载好包： npm install express --save npm install http-proxy-middleware --save npm install http ......
js 输入文本计算字节数大小
1. 输入文本框，超过最大字节数，自动删除 function removeExtraBytes(text, maxByteLength) { // const maxByteLength = 10; // 设置最大字节长度为10 let byteCount = 0; for (let i = 0; ......
JS格式化输出当前时间戳：getDateTimeString()
function getDateTimeString() { const now = new Date() const year = now.getFullYear(); const month = now.getMonth() + 1; const day = now.getDay(); cons ......
JS迭代器分析
定义 在JavaScript中，迭代器是一种特殊对象，它提供了一种按顺序访问集合元素的机制，并同时记录当前遍历的位置。迭代器必须实现一个名为 next 的方法，该方法返回一个包含两个属性 value 和 done 的对象。其中，value 是迭代的当前值，done 是一个布尔值，表示是否已达到迭代结 ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
H5APP请求部分js脚本出现502情况问题排查
1. 问题现象 公司客户APP内网部署，集成到公司客户办公APP，如果想要外网访问APP，需要通过指定的地址，估计是反向代理，具体的我不是很清楚。 昨天突然出现无法进入APP的问题，经过排查发现是部分js文件请求失败，报502错误 2. 排查思路 首先排查服务器与网站是否正常，远程发现网站运行正常， ......
js约束区间的简单方法
这里不是使用Math.random()生成一个区间值，而是将一个变量约束在某一个区间，具体代码如下: const getRange = (value, max, min) => Math.max(Math.min(value, max), min) getRange(-100, 90, -90) / ......
js比较两个数组内容是否相等的方案
1. 深度相等比较 如果你想要比较两个数组的内容是否相同，包括数组中的嵌套数组或对象等元素，你可以使用深度相等比较方法，比如递归或使用第三方库： 递归方式： function arraysAreEqual(arr1, arr2) { if (arr1.length !== arr2.length) ......
[转]js获取元素的两种方法querySelector和getElementsBy系列的区别
原文地址:querySelector和getElementsBy系列的区别 - 掘金 querySelector系列和getElementsBy系列 之前在使用的时候，比较经常用getElementsById，这两个似乎可以混用，但是在有一些地方这两个的差别还是很大的，现在来整理一下。 queryS ......
公共Hooks封装之表格选择操作useTableRowSelection
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：为什么封装 useTableRowSelection.js 首先， 基于 Hooks（useTableData.js、useQueryParams.js）的封装，作为管理后台表格常见操作的批量删除、批量编辑 ......
公共Hooks封装之文字溢出提示useEllipsisPopper
项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 图文内容仅供参考，仅提供文章内所需思考对应的图例 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Design Vue 框架，根据官方的文档中所示： Column 的 API elli ......
公共Hooks封装之文件下载useDownloadBlob
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：创建 a 标签下载文件 export function createDownload(blob, fileName, fileType) { if (!blob || !fileName || !fileT ......
公共Hooks封装之自定义表格数据列渲染useTableColumns
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装思考：何为自定义表格数据列渲染，其为何种场景服务 根据实际业务场景而来，为避免法律风险，部分截图内容脱敏处理 如下图，当表格内容的列非常多时，正常情况下，我们通常采取的方式是左右两侧的列，即左侧 Key 列和右侧 ......
公共Hooks封装之报表导出useExportExcel
写在前面 对于经常需要开发企业管理后台的前端开发来说，必不可少的需要使用表格对于数据进行操作，在对于现有项目进行代码优化时，封装一些公共的 Hooks. 本篇文章为useExportExcel.js 基于个人项目环境进行封装的 Hooks，仅以本文介绍封装 Hooks 思想心得，故相关代码可能不适用 ......
公共Hooks封装之表格数据useTableData
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 封装分解：声明变量 import { ref, shallowRef, isRef } from "vue"; const loading = ref(false); // 表格数据UI交互Loading const ......
公共Hooks封装之请求参数useQueryParams
项目环境 Vue3.x + Ant Design Vue3.x + Vite3.x 此篇内容讲解的是关于公共 Hooks 封装之表格数据 useTableData 中暴露出来与 queryParams 的一些方法，而进行封装的 Hooks，其目的在于减少冗余重复代码的书写。 封装分解：参数定义 co ......
公共Hooks封装之文件下载useDownloadFile
写在前面 对于经常需要开发企业管理后台的前端开发来说，必不可少的需要使用表格对于数据进行操作，在对于现有项目进行代码优化时，封装一些公共的 Hooks. 本篇文章为useDownloadFile.js 基于个人项目环境进行封装的 Hooks，仅以本文介绍封装 Hooks 思想心得，故相关代码可能不适 ......
Vue3自定义一个Hooks，实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
js图片下载方式
1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = ......
Node-js用FlexSearch给Hexo添加极速全站搜索
title: Node.js用FlexSearch给Hexo添加极速全站搜索 tags: [Node.js,node,Javascript,Debian,Linux,FlexSearch,搜索] 新版原文: https://www.carlzeng.top/search?q=Node.js用Flex ......
Js中对于DOM节点的操作
一获取dom树节点 //注：区分大小写`` 1.getElementById()； getElementByClassName()； getElementByTagName()； getElementByName()； 2.querySelector() querySelectorAll() 案例 ......
js 操作 clipboard
文章目录 Document.execCommand() 方法 复制操作 粘贴操作 优缺点 Clipboard 对象介绍 Clipboard 对象方法 Clipboard.readText() 粘贴文本 Clipboard.read() 粘贴数据 Clipboard.writeText() 复制文本 ......
JS取两个数间的随机数
js获取一个随机整数基本用Math的random方法生成，再去乘一个整数并向下或向上取整。 随机数生成的方式，自己摸索了下。 参考文章 代码 生成整数范围内的随机数，从0开始不包含这个数我在数组中会用到，[0,x)。 var a=(x)=>{ return Math.floor(Math.rando ......
js常用的数据处理方法
js常用的数据处理方法： 一、数据类型判断 1、typeof 右侧跟一个一元表达式。返回该表达式的数据类型，返回的结果是用该类型的字符串形式表示 number、boolean、symbol、string、object、undefined、function 对于基本类型，除 null 以外，均可以返回 ......
npm install安装依赖包时报错npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js，npm ERR! ChromeDriver installation failed Error with http(s) request: Error: read ECONNRESET
PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> npm install npm ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
JS中的单引号和双引号
原文链接：https://www.cnblogs.com/ranyonsue/p/7761487.html 单引号和双引号之间的字符串可以相加 'af'+"bvvv"+'dd' 输出 "afbvvvdd" 首先，单引号和双引号在各自单独用时是木有什么区别的，都可以，比如： var a="你好";// ......
js、JavaScript进制转换
function baseConverter(decNumber, base) { var remStack = new Stack(), rem, baseString = '', digits = '0123456789ABCDEF'; //{6} while (decNumber > 0) { ......
JS中的0和php中的0
请注意：包含 0 的字符串 "0" 是 true 一些编程语言（比如 PHP）视 "0" 为 false。但在 JavaScript 中，非空的字符串总是 true。 alert( Boolean("0") ); // true alert( Boolean(" ") ); // 空格，也是 tru ......
ArcGIS-JS 投影变换
Projects the geometry EPSG:4326 投影到 EPSG:3857 webMercatorUtils.geographicToWebMercator() https://developers.arcgis.com/javascript/latest/api-reference ......