幻灯片 幻灯impress js
Gin+Xterm.js实现远程Kubernetes Pod（一）
Xterm.js简介 xterm.js （https://xtermjs.org/）是一个开源的 JavaScript 库，它模拟了一个终端接口，可以在网页中嵌入一个完全功能的终端。这个库非常灵活，并且具有很多定制选项和插件系统。 下面是一些使用 xterm.js 的基本步骤： 首先，需要在项目中安 ......
js处理数组，删除指定元素
//获取元素下标 Array.prototype.indexOf = function(val){ for(var i = 0; i < this.length; i++){ if(this[i] == val){ return i; } } return -1; } //根据下标删除元素 Arra ......
在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击
在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击 ```js function simulateButtonClick() { // 找到包含“加入购物车”文本的所有span标签 const spanElements = document.getElement ......
开源流媒体播放器EasyPlayer.js播放H.265视频，无法截取快照是什么原因？
EasyPlayer.js可支持多种流媒体协议播放，包括WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等，支持全平台、全终端播放，如Windows、Linux、Android、iOS，无须安装任何插件，起播快、延迟低、兼容性强，使用非常便捷。 ......
如何隐藏开源流媒体EasyPlayer.js视频H.265播放器的实时录像按钮？
在功能上，EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性，支持网页端实时录像，具备较高的可用性和稳定性。与此同时，EasyPlayer还能支持轻松调用和第三方集成，感兴趣的用户可以自行下载测试。 ......
js如何实现对象数组的深度复制 记录记录
背景： 偶然发现的bug，列表页做多选的时候，做了一次数据格式的转换 const temp = me.multipleSelection; temp.forEach(p=>{ p.trainTicketType = p.trainTicketType.split(','); requestList. ......
[Docker] Docker Node.js project tips
## Basic node image ```Dockerfile FROM node:12-stretch COPY index.js index.js CMD ["node", "index.js"] ``` Build docker image: `docker build -t my-nod ......
Node.js安装
2.2 管理nodejs版本 下载安装nvm-windows https://github.com/coreybutler/nvm-windows/releases 安装后 在powershell 输入 nvm -h 查看支持的命令 安装 nodejs v16.12.0 nvm install 16 ......
js set和map详解
当我们需要存储唯一值的集合时，可以使用Set。Set是一种有序的、无重复值的集合，它可以存储任何类型的值，包括原始值和对象。下面是使用Set的示例： Copy // 创建一个Set const mySet = new Set(); // 添加值 mySet.add(1); mySet.add(2); ......
js weekset和weekmap详解
在JavaScript中，WeakSet和WeakMap是Set和Map的变体，它们的特点是只能存储对对象的弱引用。这意味着，如果一个对象只被WeakSet或WeakMap引用，而没有被其他地方引用，那么它可能会被垃圾回收器清理掉。这在某些情况下非常有用，比如处理缓存或临时数据等。 WeakSet和 ......
JS常用正则表达式
1.文本框输入验证 <!--限制文本框只能输入正数--> <input type="text" οnkeyup="this.value=this.value.replace(/\D/g,'')"/> <!--限制文本框只能输入正数、小数--> <input type="text" οnkeyup=" ......
前端路由+原生JS实现SPA
前端路由●路由: 就是一一对应关系的集合●前端路由: 就是一个 url 地址, 对应哪个组件(页面)●前端路由的本质○根据地址栏变化(不重新想服务器发送请求), 去局部更新不同的页面内容, 完成前端业务场景切换●前端路由的思路○URL 地址栏中的 Hash 值发生了变化○前端 JS 监听到 Hash ......
js instanOf的实现逻辑 super()
在 JavaScript 中，instanceof 运算符用于检查一个对象是否是另一个对象的实例。它的使用形式是 obj instanceof constructor，其中 obj 是要检查的对象，constructor 是要检查的构造函数。 instanceof 运算符的实现逻辑如下： 首先，它会 ......
js-cookie-monitor-debugger-hook
# 监控、定位JavaScript操作cookie[https://github.com/JSREI/js-cookie-monitor-debugger-hook](https://github.com/JSREI/js-cookie-monitor-debugger-hook) ## 一、脚本说 ......
Next.js 实战
### 0x1 CSR，SSR，SSG 1. CSR 客户端渲染（Client-Side Rendering）。常见 B 端 Web 应用开发模式，前后端分离，服务器压力相对更轻，渲染工作在客户端进行，服务器直接返回不加工的 HTML 用户在后续访问操作 **缺点**：首屏时间长 2. SSR 服务 ......
Node.js 与前端开发实战
### 0x1 Node.js 的应用场景 1. 前端工程化 * 打包工具：webpack、vite、esbuild、parce * 代码压缩：uglifyjs * 语法转换：babeljs，typescript * **难以替代** 2. Web 服务端应用 * 学习曲线平缓，开发效率较高 * 运 ......
[SWPUCTF 2022 新生赛]js_sign
[SWPUCTF 2022 新生赛]js_sign 题目来源：nssctf 题目类型：web 涉及考点：JS分析 1. 题目给了一个传入口，不管传入什么都回显 ‘fuck off ’ * 查看源代码： * 看到一个base64编码，先解码看看： 2. 搜了下发现tapcode是个编码方式，于是对fl ......
vue.js:用el-breadcrumb显示当前路由(vue@3.2.36/element-plus@2.2.2)
一，代码: 官方文档地址： https://element-plus.gitee.io/zh-CN/component/breadcrumb.html 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ......
node js版本管理工具---NVM
一、前言 nvm（Node Version Manager）是一个node的版本管理工具，可以快捷的进行node版本的安装、切换、卸载、查看等。它能够在项目开发中根据不同需求轻松切换所依赖不同版本的Node.js，从而让开发者可以在不同的环境之间进行切换，从而更好地保证软件的稳定性运行。 二、安装 ......
JS截取url中？后面的参数值的两种方法
方法一： 例如：得到的url var url = window.location.href; var querys = url.substring(url.indexOf('?') + 1).split('&'); var result=[]; for(var i=0;i<querys.length ......
js日期格式化的两种方法
1.当我们想先获取当前的时间时，这是第一种方法 特别简单：返回格式 Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间) new dateNow = new Date(); //Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间) 科普 ......
记录--一个好用的轮子 turn.js 实现仿真翻书的效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 国际惯例，官网链接 官网传送门 Github地址 github上有几个demos例子，介绍了基础用法。 我参考官网的例子，写了一个demo示例 安装 turn.js 依赖 jquery 库，所以需要先安装 jquery npm insta ......
three.js学习1（vue3）
1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d ......
Js 之promise、async 和 await
一、示例代码 <html> <head></head> <body> <script src="jquery.js"></script> <script> const login = async function(){ var a = await new Promise((resolve, reje ......
js实现浏览器端大文件分块上传
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
编程开发 --- 浏览器注入js
需求： 在不修改代码的情况下修改程序执行的功能，我们也称为hook技术。我想加一个获取输入框数值到达18位自动发送http请求到后端检索数据库。难点是CORS安全问题和iframe嵌套问题，这里是使用油猴脚本自带的发送功能规避cors问题。 解决办法： 油猴脚本注入js 具体步骤： 0.创建示例文本 ......
使用impress.js实现超炫库的幻灯片
1.本人的示例项目 项目一：gitee 2.更多列子 github 3.其他博客 impress.js 使用教程 – 王进的个人网站 (jingege.wang) ......
Yunfly 一款高效、性能优异的 node.js web 框架
# 介绍 `Yunfly` 一款高性能 Node.js WEB 框架, 使用 `Typescript` 构建我们的应用。 使用 `Koa2` 做为 HTTP 底层框架, 使用 `routing-controllers` 、 `typedi` 来高效构建我们的 Node 应用。 Yunfly 在 Ko ......
基于markdown的幻灯片，vue2集成vue-mark-display，实现在线制作幻灯片
1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui ......