节点string html js
JS压缩谁最强？对比5款JS代码压缩工具
JS压缩谁最强？对比5款JS代码压缩工具 JS压缩，似乎是很简单的一个事情，通常在线就可以完成。但不同网站或工具提供的JS压缩，效果差异不小。 本文，测试国内外5个JS在线压缩工具，看看谁的效果最好。 测试用JS代码 （注：这段代码来下面要测试的JShaman网站，以压缩这段代码为例，看不同的工具压 ......
JS数组转字符串（3种方法）
JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。 Array 对象的数组与字符串相互转换方法 数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 ......
JS获取 URL 链接参数
方法一 源码： function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if( ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法： 列表内容回显， orderStatus 0 是未处理， 1是已处理等，不能直接展示，所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
HTML5 dialog标签简单使用
HTML5 dialog标签简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1 ......
HTML5新增标签及API
之前有一天看到了这样的一段代码，居然可以使用dom的id直接调用方法和获取属性，真是刷新了我的认知了。 <div> <p id="content">aa</p> <button onclick="console.log(content.innerText)">打印内容</button> </div> ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
js 视频录制
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button onclick="startRecording()">开始录像</button> <button onclick="s ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
js 处理对象数组 + map 筛选出指定字段数据 + filter过滤重复数据/指定数据
const res = [{ id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 2, name: 'lisi', age: 20, gender: ......
JSON String 格式化函数
背景 一般我们格式化JSON string是通过JSON.parse, 再使用JSON.stringify方法进行格式化，但是JSON.parse 有BigInt精度丢失问题 方案 考虑用以下纯字符串的方式来解析，添加空格与\n来缩进。 比较易漏的点在于 1.考虑转义字符， 2.字符串内的字符，不需 ......
js实现el-select选中的文本，一键复制
<div class="invite-buttom"> 请选择要复制的网站： <el-select v-model="webValue" placeholder="请选择要复制的网站"> <el-option v-for="item in formUrl.webInviteUrl" :key="it ......
JavaScript中val()、html()、text()区别
区别 在前端开发中，val()、html()、text()三个方法都是用来获取或设置元素的内容。它们的区别在于： val() 方法用于获取或设置表单元素的 value 属性的值。 html() 方法用于获取或设置元素的 HTML 内容，包括标签和文本。 text() 方法用于获取或设置元素的纯文本内 ......
String 转Unicode
一、String转Unicode public static String unicodeToString(String unicode) { StringBuffer string = new StringBuffer(); /* 以 \ u切割 */ String[] hex = unicode ......
在Mapbox-gl-js中添加自定义图层
在Mapbox-gl-js中添加自定义图层 前言 一、制作geojson地图 二、使用Tippecanoe将geojson转换成vector tile(.pbf)文件 三、使用mapbox-gl-js显示 三、Mapbox-gl-js中根据矢量数据的属性过滤显示 前言 本文说明如何制作自定义的地图数 ......
Parallax.js：实现自适应智能设备方向的视差效果
哈喽！大家好！我是程序视点的小二哥。 今天给大家分享一款功能非常强大的javascript视觉差特效引擎插件：Parallax.js。 Parallax.js简介 Parallax.js是一个简单的，轻量级的视差引擎。你可以将它作为作为jQuery或Zepto插件来使用，也可以以纯JS的方式来使用。 ......
node.js - pnpm 快速且节省磁盘的新一代包管理工具
相较于传统的 npm 和 Yarn，pnpm 采用了一种全新的依赖管理方式，通过共享依赖来减少磁盘占用，同时提供了快速的安装和更新速度。 1. 安装pnpm npm install -g pnpm 2. 初始化项目 pnpm init pnpm root # 打印有效的存放模块（modules）的目 ......
node.js - yarn 1.x 快速可靠安全的包管理工具
1. 安装 yarn 1 npm install -g yarn 2. 管理yarn设置 yarn config list # 查看当前设置 yarn config get <key> # 查看某项配置 yarn config delete <key> # 删除某项配置 yarn config se ......
Shadow DOM处理html渲染，样式隔离
参考文章 https://cloud.tencent.com/developer/article/1965869 handleDetailData() { this.content = ` <style> ${markdown.style} </style> ${this.content} `; / ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
HTML转义字符大全
针对html一些常用的字符集处理整理清单如下： SO Latin-1字符集: 	 — 制表符Horizontal tab — 换行Line feed — 回车Carriage Return   — Space ! ! — 惊叹号Exclamation ......
python-bytes型和string型的转换
https://blog.csdn.net/weixin_43936250/article/details/124410127 数据加解密时通常是以bytes形式存储，加解密算法运行前需要先对数据进行处理。以SM4算法示例数据为例，待加密数据为:0123456789abcdeffedcba98765 ......
js语言记录
// hello world of js console.log('Hello World'); /* 定义变量 */ // var, let, cont // var 全局变量 // let 局部变量 // const 常量 /* 数据类型 */ // String, Number, Boolea ......
js slice截取数组 + splice删除/添加数组数据
var heroes=["李白",'蔡文姬','韩信','赵云','甄姬','阿珂','貂蝉','妲己']; // slice 截取 不改变原数组返回新的数组 /* slice(开始索引, 结束索引) 从0开始 左开右闭 */ console.log(heroes.slice(1,4)) // [' ......
three.js3D地图省市下钻加上钻踩坑记录（未完待续）
1，three 安装失败 首先脚手架种安装three，我不知道是网络问题还是什么，three我总是安装不上， 于是我就下载了网上别的博主得成品代码，把里面 de 包拿出来放在我自己项目中 安装包链接在此，如有需要自取 ，https://files.cnblogs.com/files/jickma/t ......
ElasticSearch中查询语句用法（match、match_phrase、multi_match、query_string）
1、match略 1.1 不同字段权重 如果需要为不同字段设置不同权重，可以考虑使用 bool 查询的 should 子句来组合多个 match 查询，并为每个 match 查询设置不同的权重。 { "query": { "bool": { "should": [ { "match": { "pro ......
think\db\Raw could not be converted to string 错误的处理方式
我使用的是thinkphp 8.0.2 版本，在分页查询使用fileld出现提示think\db\Raw could not be converted to string的问题。 解决方案为，在文件vendor\topthink\think-orm\src\db\Raw中重写tostring即可。 ......
Jquery之append()和html()的区别
Jquery之append()和html()的区别_jquery html append-CSDN博客 jQuery的append()和html()方法都是用于向HTML元素添加内容的，但它们之间有一些重要的区别。 位置： append()方法将内容添加到选定元素的末尾。这意味着新内容会添加到元素的 ......
【ROS2】【源码展示】ROS2中Rviz2增加一个可以实现收发节点双击修改图表等功能的插件panel
使用说明 源代码在这里，本文基于源代码进行功能增加和修改。主要应用Qt中的一些方法，结合ros2中rviz2对增加panel功能的一些封装。实现双击修改图表中的内容，节点的收发，图表根据收到的msg进行更新等功能。代码未进行编译检测，可能存在一些错误。可参考设计思路。 CPP文件 #include ......
String 转Unicode
一、String转Unicode public static String unicodeToString(String unicode) { StringBuffer string = new StringBuffer(); /* 以 \ u切割 */ String[] hex = unicode ......