页面driver js
js 浏览器的5种observer 第二种 IntersectionObserver 详解及使用方法
IntersectionObserver 是一个现代的浏览器 API,允许开发者在某个元素与其祖先元素或顶层文档视口发生交叉时得到通知。它非常适合实现图片懒加载、无限滚动、广告曝光率等功能。 1. 浏览器的兼容性 IntersectionObserver 目前在大多数现代浏览器中都得到了支持。但是在 ......
three.js 使用
1、安装 "three": "^0.155.0", //主体 主要是这个 "three-obj-mtl-loader": "^1.0.3", // 加载外部模型 "dat-gui": "^0.5.0",//gui 设置 "@tweenjs/tween.js": "^21.0.0", //动画 2、官 ......
React框架下如何集成H.265网页开源流媒体EasyPlayer.js视频播放器?
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流。在功能上,EasyPlaye ......
Js基础-复杂数据类型之数组
定义 数组,就是一组相关的值存储在一块连续的空间内 一般的高级编程语言都有数组这种数据结构 语法 数组有三种定义方式,如下 使用中括号直接定义数组 var array = [12,13,14,15,16,17] 使用 new Array() 方法 传入数组元素 var array = new Arr ......
linux中安装node.js
1. 进入需要linux中包的目录,并执行以下命令 curl -0 https://nodejs.org/download/release/v16.20.2/node-v16.20.2-linux-x64.tar.gz2. 创建一个文件夹 mkdir /usr/local/node3. 进入到压缩包 ......
js&jquery(写法对比): click event(点击事件)
1. js 写法 //js写法 document.getElementById("btn1").addEventListener("click", function () { alert("This is Line1. \n Note:this is test"); }) document.getE ......
上位机使用JS SerialPort进行串口通信, 包含开发环境搭建和完整示例代码
在嵌入式开发中,我们经常需要使用上位机(PC)与一些电路模块进行通信, 用于获取一些传感器的数据,或者发送命令控制相应的电路模块。NodeJS目前支持使用SerialPort模块进行串口通信,本文主要介绍如何搭建测试开发环境和如何使用SerialPort进行串口通信。 开发前准备: 1. 下载安装N ......
JS正则表达式的定义及使用方法
对于不涉及编程领域的人,对于JS正则表达式比较陌生。现在小编给大家普及一下它的知识点。JS正则表达式是用来匹配字符串的js正则表达式 i,比如强制浏览者输入你打算让他输入的内容等等。下面我们来了解一下它的定义及使用方法? 什么是JS正则表达式? 正则表达式是由一个字符序列形成的搜索模式。 当你在文本 ......
JS跨域在不同的域之间进行数据传输或通信的应用
这里说的 JS 跨域是指通过 JS 在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 下表给出了相对 同源检测的结果: 要解决跨域的问题,我们可以使用以下几种方 ......
在vue中使用引入3D建模(Three.js)
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面,可以从网站 sketchfab 下载和导入3D建模的模型(需注册,有些是免费的),在这里用到的模型地址是https://sketchfab. ......
springBoot spring6 无法加载 thymeleaf的,在html页面中无法智能感知 th:这些
网上所有的坑我都试过了,还是无法解决问题, @Controller public class SellController { @RequestMapping("/test01") /* @ResponseBody */ public String index(){ return "test01"; ......
对JS alert弹出框中的文本进行分行
1. 在JS中,直接用\n就行 2. 在MVC中,要用</br> 参考网址: https://stackoverflow.com/questions/1841452/new-line-in-javascript-alert-box ......
互联网视频云平台EasyDSS视频服务器无法登录Web页面的排查与解决方法
EasyDSS互联网视频云服务可支持视频直播、点播,视频直播方面最多可分为十六屏进行实时直播,视频点播方面则有视频点播广场自由点播,灵活性非常强,可满足用户的多场景需求。 我们接收到用户较多的咨询是关于EasyDSS服务运行之后,无法登录Web的情况(如下图)。 排查思路其实遇到这个情况,我们可以从 ......
Vue2——监听页面滚动实现菜单和页面对应
前言 如题,监听页面的滚动并激活相应的菜单,一个老项目的维护,后面反正要全部重构,这里就先实现功能就好了; 内容 元素内容 主要是添加相应的id,生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径,如果想将本地js文件打包之后也放在static/js文件夹下,需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
js customEvent 创建和触发自定义事件
在日常的 Web 开发中,我们经常与内置的浏览器事件互动,例如 click、input 和 submit。但有时,我们可能希望在特定情境下创建并触发自己的事件。这时,CustomEvent 就派上了用场。 基本用法 // 使用 new CustomEvent 创建一个自定义事件 const myEv ......
过滤器:禁止浏览器缓存所有动态页面
禁止浏览器缓存所有动态页面意味着阻止浏览器在访问网站上的动态生成内容时将这些内容存储在本地缓存中。动态页面通常是那些在每次加载时都会根据用户请求或其他因素而生成不同内容的页面,而不是静态页面,其内容在每次访问时都保持不变。 禁止浏览器缓存动态页面可以确保用户在访问网站时总是看到最新的内容,而不会因为 ......
自写vue导航栏--动态读取js的数据
App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决
问题描述 由于自身用的是vue3的版本,所以原来的element组件只是适用于vue2,而vue3就是即便按照教程的步骤进行更改,还是依然报错,所以, 我们在使用组件的时候,就需要直接使用element-plus组件; 然而,在我引入新的组件之后,就出现了这样的错误: 满屏的红色呀! 问题解决 经过 ......
js自定义事件
//点击列表跳转到详情页面function newpage (){ //ul列表中的每个li var listpage = document.getElementById('listpage') var lis = listpage.getElementsByTagName('li') //遍历每一 ......
js常考的面试题重新整理
// call Function.prototype.mycall = function(context) { // 1. 将传递给mycall的第一个参数作为函数内部的上下文,如果没有传递参数,则默认为全局对象window。 context = context || window; // 2. 在 ......
js 大屏屏幕适配方案,同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配,在网上找的方案在全屏于非全屏时,效果会有一点点差距,所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看,所以非全屏时会存在滚动条,并不是bug ......
decimal.js加减乘除运算 速记
const a = 9.99; const b = 8.03; // 加法 let c = new Decimal(a).add(new Decimal(b)) // 减法 let d = new Decimal(a).sub(new Decimal(b)) // 乘法 let e = new De ......
Node.js .env file All In One
Node.js .env file All In One import process from 'node:process'; // const process = require('node:process'); import { env } from 'node:process'; env.f ......
大屏屏幕自适应大小的JS写法
本项目用的是vue开发,首先需要定义一下根节点app节点的大小,这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
Js基础-循环语句
循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种,for循环,while循环和do-while循环 for for 是一种经常被用到的循环结构 例如:控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式, 三个表达式用 分号(;) 隔开 // var i = ......
js时间排序;js时间倒序排序,没有此属性的放最后
需求:设备列表,按最近连接时间字段-倒序排序,最近连接的放最前面,没有最近连接时间字段的放最后面 数据格式如下: 实现代码如下:(o2在前,o1在后为倒序排序;正序排序则反之) 若为简单常见的创建时间排序,可直接如下:(o2在前,o1在后为倒序排序;正序排序则反之) ......
移动网页字体大小随着页面自动切换
使用淘宝的框架 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=c ......