效果 汽车three js
vite_vite.config.js配置代理与websocket代理
export default defineConfig({ server: { proxy: { "/proxy": { target: "http://121.10.140.87", // 线上服务器IP地址 changeOrigin: true, ws: true, rewrite: (path ......
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
【踩坑】JS/TS 整数明明没有超过 Number.MAX_VALUE，为啥精度还是丢失了？
代码 function calcKey(props) { return props.reduce((key, prop, index) => { const code = prop[0] * (15 + 1) + prop[1]; console.log(code); console.log(key ......
js的 var let const
一、简介二、内容三、问题 一、简介 js的变量引用，记录下使用的差别。二、内容 var （是variation的简写）是最初js使用的变量声明。 1 // var 特点 2 // 声明的变量具有函数作用域，也就是说，变量的作用域限定在声明它的函数内部（函数作用域）或全局范围内（全局作用域）。 3 / ......
Js常用方法
数组 修改 push()：向数组末尾添加一个或多个元素 返回新数组长度 unshift()：向数组首项添加一个或多个元素 返回新数组长度 pop()：删除数组最后一个元素 返回删除的元素 shift()：删除数组首项元素 返回删除的元素 splice(start,delNum,插入项...)：修改元 ......
【vue2】实现数字纵向滚动效果（计时器效果）
需求： 在页面中显示一个数字，并在进入视口时显示计时器滚动效果： 效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
流媒体播放器EasyPlayer.js无法播放H.265的情况是什么原因？该如何解决？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
AP2400 DC-DC降压恒流驱动器 汽车摩托LED大灯电源驱动 全亮半亮瀑闪三功能循环
产品特点 宽输入电压范围：5V～100V 可设定电流范围：10mA～6000mA 固定工作频率：150KHZ 内置抖频电路，降低对其他设备的 EMI干扰 平均电流模式采样，恒流精度更高 0-100%占空比控制，无电流节点跳变输出 短路保护 过温保护 三功能模式：全亮/半亮/爆闪/三功能循环 SOP8 ......
使用pako.js压缩、解压数据
最近发现有个接口响应时间很长，查看network发现数据量比较大，导致需要用近3秒才能完成请求。于是决定后端压缩数据后再发给前端解压，顺便把发送数据的地方也改成了压缩数据。 本文用到的插件：pako.js、js-base64 废话不多说，附上demo： cdn引入插件 <script src="ht ......
flv.js的追帧、断流重连及实时更新的直播优化方案
1. 前言 最近在处理前端直播的业务，根据业务需要，使用 flv.js 的方案播放实时的flv视频流。不得不承认，flv.js 是一个伟大的库。 在使用flv.js开发的过程中，遇到了一些问题，也无外乎是视频延迟，视频卡顿等问题，经过在github issues里摸爬滚打，加上长时间的试错，将这些问 ......
聊聊 QianKun JS 沙箱的那些事
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：空山 什么是沙箱 沙箱即 SandBox，它是一种安全机制，用于严格控制访问资源。通过在程序中创建一个独立的运行环境，把一些来源不可信、具有破坏力或者又是无法 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
利用jQuery实现表格或者区域内数据的滚动展示效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
博客园[JS美化]简单教程
PS:这篇的美化不是此博客的效果，只是较为简单的效果，不过很好看 在使用此教程以前，需要先申请JS权限，进入管理->设置中自行寻找（看我多懒QAQ） 申请JS权限时填写内容参考模板： 尊敬的博客园管理员： 请问是否可以帮我开通js权限，我想对文章的样式和布局需要js代码进行调整外观。 谢谢您的帮助。 ......
vue+el 实现 阶梯效果
[简介]： 关键代码; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [内容]： <te ......
js根据id设置指定id下的第一个div的宽度
var spanElement = document.getElementById("yourSpanId"); var divElement = spanElement.querySelector("div:first-child"); divElement.style.width = "350p ......
流媒体播放器EasyPlayer.js出现可正常播放H.264但不能播放H.265的情况是什么原因？该如何解决？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
websocket js 客户端自动重新连接
var wsUrl = 'ws://' + (document.domain || '127.0.0.1') + ':8282'; var ws = null; // WebSocket 对象 var heartbeatTimer = null; // 心跳定时器 var isReconnect = ......
execjs执行js出现window对象未定义时的解决
参考：https://www.jianshu.com/p/b82def6b3abc https://blog.csdn.net/xx117501/article/details/102804286 ......
js/ts 填充表单函数
直接代码 function from(form: string | HTMLFormElement, data: { [key: string]: any }) { let target: Element | null; if (form instanceof Element) { target = ......
python 使用selenium 获取js渲染后的页面信息
一、介绍 二、代码 三、问题 一、介绍 现在的网站以及页面，一般都是js动态渲染，抓到的信息就与实际不符，所以需要加载js的工具，这里使用的就是selenium Selenium 是一个用于自动化测试的工具，可以模拟浏览器的行为来执行各种操作。在爬虫中，我们可以使用 Selenium 对网页进行模拟 ......
chrome 调试与js逆向
一、内容简介二、内容 三、问题 一、内容简介 有关F12, 打开network，点击链接跳转至相关js, 然后展开js, 修改调试。 二、内容 打开控制台，这个一般都知道，F12，或者右键选择检查。 进入network,点击相关请求，然后选择 initiator, 可以查看到js执行列表 点击其中一 ......
JS实现电子签名，并将带logo和日期时间水印的电子签名图片保存到本地
效果如下 实现代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>电子签名</title> <link rel="icon" href="http://服务器IP/pic/xmj_logo.png"> <style> #c ......
如何实现「点击验证码，验证码刷新」的效果？
在注册或者登录时，因为验证码看不清，用户会想要换一个，方便的方式，是点击验证码，自动更换。 思路很简单，只需要在后台获取的验证码输出url，加上时间即可，url变化，验证码自然会跟着刷新。 开发环境（java） 前台示例： <span><img id="registerCaptchaImg" src ......
使用原生js提交form表单
主要函数 function form(formId,callback){ try{ const target=document.getElementById(formId); target.addEventListener("submit",(e)=>{ e.preventDefault(); co ......
JS - 属性路径访问以及 ES6 的计算属性名
前言 今天学习 jointjs 框架，在阅读官方文档时碰到了一个写法让我很奇怪的写法，如下所示。通过查询资料得知这是一种使用语言特性的编码约定或模式，称为 属性路径访问。 file:[jointjs - elementTools.Control] class RadiusControl extend ......
Next.js 13.5 正式发布，速度大幅提升！
9 月 19 日，Next.js 13.5 正式发布，该版本通过以下方式提高了本地开发性能和可靠性： 本地服务器启动速度提高 22%：使用App和Pages Router可以更快地进行迭代 HMR（快速刷新）速度提高 29%：在保存更改时进行更快的迭代 内存使用量减少 40%：在运行next sta ......
浏览器内核和js引擎
浏览器内核是什么？ 简而言之，浏览器内核就是把我们编写的代码转换为页面的中控件。虽然现在大家谈起浏览器内核时，多指代渲染引擎（Rendering engine 或 layout engineer）。但其实浏览器内核包括了两部分，渲染引擎和JS引擎，只是后来JS引擎用的越来越多所以就单独的把JS引擎拿 ......
JS 设置定时器与清除定时器
在前端，一些功能的实现需要用到定时器：轮询、定时开关弹窗、秒表、定时跳转等。。 一、设置定时器 window提供两个方法实现：setTimeout、setInterval setInterval()：使一段代码每过一段时间就执行一次，比如轮询 setInterval(() => { console. ......
前端 数学计算 big.js 使用
解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一，同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二，第三方库 bignumber.js math.js big.js bi ......