页面driver js
使用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 | ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
博客园[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 ......
Ubuntu安装CUDA Driver（显卡驱动）
方法如链接 https://blog.csdn.net/qq_34972053/article/details/126707938 —————————————————————————————— 显卡，显卡驱动,nvcc, cuda driver,cudatoolkit,cudnn到底是什么？ htt ......
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 ......
TienChin-课程管理-添加课程页面
course.js 将 activity 替换成 course。 index.vue 这个 index.vue 是 course 文件夹下面的 index.vue 别弄错了。 <template> <div class="app-container"> <el-form :model="queryP ......
使用原生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 ......
基于CSS实现回到页面顶部的几种写法(从实现到增强)
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(四)---连接idea使用echarts可视化界面
说来惭愧，我的javaweb烂得一批，其他步骤我还是很顺利地，这个最简单的，我遇到了一系列问题。只能说，有时候失败也是一种成功吧 这一步其实就是正常的jdbc，没什么可说明的，但是关于使用echarts我还是遇到了一些困难，如果有高手能指正一二，感激不尽 echarts获取前端数据要使用Ajax，我 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(三)---hive数据利用sqoop导出到mysql数据库里
1、安装sqoop 我的版本 jdk1.8 hadoop3.1.3 sqoop1.4.6 基本上就安装这个版本都没问题，如果是执行连接数据库命令时报错：java.lang.NoClassDefFoundError;报错，在lib下再放一个commons-lang-2.6.jar即可， sqoop安装 ......
浏览器内核和js引擎
浏览器内核是什么？ 简而言之，浏览器内核就是把我们编写的代码转换为页面的中控件。虽然现在大家谈起浏览器内核时，多指代渲染引擎（Rendering engine 或 layout engineer）。但其实浏览器内核包括了两部分，渲染引擎和JS引擎，只是后来JS引擎用的越来越多所以就单独的把JS引擎拿 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
1、利用远程连接器上传csv文件 2、进入hive创建表结构： 创建一个Hive表的SQL语句：这个表名为 "sales"，包含了五个列：day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件，每一行都用逗号分隔字段。 create table s ......
管理系统加载页面的实现
1、页面回顾 2、功能设置 将进度条重命名为MyProgress： 在工具箱中找到一个计时器Timer，拖动到加载页面中，然后双击计时器： 进入到编码界面； if判断语句： 之后更改%的Name值： 为了将数字变化表现在加载界面上： 所以加上这么一句话： 之后，在加载界面双击背景，进入到界面的编码界 ......
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 ......