acm js
Js常用方法
数组 修改 push():向数组末尾添加一个或多个元素 返回新数组长度 unshift():向数组首项添加一个或多个元素 返回新数组长度 pop():删除数组最后一个元素 返回删除的元素 shift():删除数组首项元素 返回删除的元素 splice(start,delNum,插入项...):修改元 ......
流媒体播放器EasyPlayer.js无法播放H.265的情况是什么原因?该如何解决?
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在 ......
使用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 | ......
博客园[JS美化]简单教程
PS:这篇的美化不是此博客的效果,只是较为简单的效果,不过很好看 在使用此教程以前,需要先申请JS权限,进入管理->设置中自行寻找(看我多懒QAQ) 申请JS权限时填写内容参考模板: 尊敬的博客园管理员: 请问是否可以帮我开通js权限,我想对文章的样式和布局需要js代码进行调整外观。 谢谢您的帮助。 ......
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 ......
使用原生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 ......
JS深入学习笔记 - 第三章.变量作用域与内存
1.原始值和引用值 ECMScript变量包含两种不同类型是数据:原始值和引用值。 原始值:最简单的数据。有6中原始值:Undefined、Null、Boolean、Number、String和Symbol。原始值是按值访问。 引用值:由多个值构成的对象。三大引用类型:1.object 2.Arra ......
解决:npm ERR! chromedriver@2.27.2 install: `node install.js`
https://cdn.npmmirror.com/binaries/chromedriver/2.27/chromedriver_win32.zip 可以点击这个链接直接下载。 删掉项目中的 node_modules 文件夹。 根据自己的下载地址,安装依赖。 npm install chromed ......
一文彻底搞懂JS作用域
JavaScript的作用域是一个非常基础且重要的概念,对于初学者来说,经常会觉得有些混乱搞不清楚。本文会详细介绍JavaScript作用域,包括全局作用域、函数作用域和块级作用域,以及ES6+新增的let、const和block scope等特性,让你彻底搞懂作用域。 1. JavaScript作 ......
赛码网 js acm
赛码网输入输出(js v8) 无需引入接口函数 常用: readline(), readInt() printsth(), print()/console.log() 输入--readline / readInt 处理单行输入: read_line(), 函数别名:readline() readLi ......
牛客网 jsv8 acm
牛客网输入输出(js v8) 引入接口函数 const rl = require("readline").createInterface({ input: process.stdin }); var iter = rl[Symbol.asyncIterator](); const readline ......
js 中,reduce() 的详解 以及使用方法
reduce():reduce()方法为归并类方法,最常用的场景就是,计算数组中的每一项的总和。 reduce() 方法会遍历数组的每一项,他接收两个参数: 第一个参数:每次遍历都会调用的函数,而这个函数有接收四个参数,分别是:前一个值、当前项、项目的索引和数组对象,而这个函数的返回值,回传给下一次 ......
Arcgis 与 Pixi.js 可视化 glsl 特效篇(三十)
这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......
Arcgis 与 Pixi.js 可视化 glsl 特效篇(二十三)
这次我们用pixi.js和arcgis js结合 我们先定义一下 传入数据结构 symbol 暂时不做 let option = { renderer: { type: "simple", symbol: { } }, data: [ { geometry: [12956152.73135875, ......