实例 地球cesium js
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. ......
对JS alert弹出框中的文本进行分行
1. 在JS中，直接用\n就行 2. 在MVC中，要用</br> 参考网址： https://stackoverflow.com/questions/1841452/new-line-in-javascript-alert-box ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 ......
js customEvent 创建和触发自定义事件
在日常的 Web 开发中，我们经常与内置的浏览器事件互动，例如 click、input 和 submit。但有时，我们可能希望在特定情境下创建并触发自己的事件。这时，CustomEvent 就派上了用场。 基本用法 // 使用 new CustomEvent 创建一个自定义事件 const myEv ......
Cesium学习笔记10——通过WFS服务实现交互式属性查询
1.功能说明： 鼠标绘制多边形进行查询，通过多边形范围，调用Geoserver发布的WFS服务，查询相交的地图要素，将返回结果高亮显示。 单击高亮显示的要素，显示要素的属性信息。 2.网页html代码： <!DOCTYPE html> <html lang="en"> <head> <meta ch ......
自写vue导航栏--动态读取js的数据
App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
rabbitmq详细实例
1. 概述 RabbitMQ 是由 LShift 提供的一个 Advanced Message Queuing Protocol (AMQP) 的开源实现，由以高性能、健壮以及可伸缩性出名的 Erlang 写成，因此也是继承了这些优点。 FROM 《维基百科 —— RabbitMQ》 Rabbit ......
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组件； 然而，在我引入新的组件之后，就出现了这样的错误： 满屏的红色呀！ 问题解决 经过 ......
K8s - 安装部署MongoDB数据库教程1（单实例）
来源： https://www.hangge.com/blog/cache/detail_3158.html MongoDB 是一个基于分布式文件存储的数据库。我之前文件中介绍如何使用官方提供的安装包进行 MongoDB 数据库的安装（点击查看），以及如何通过 Docker 来快速搭建 MongoD ......
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. 在 ......
05.webrtc实例
1、项目结构： 2、前端： a、index.html <!DOCTYPE html> <html> <head> <title> WebRTC demo </title> </head> <body> <h1> WebRTC Demo </h1> <div id="buttons"> <input ......
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 ......
SQL Server实例间同步登录用户
SQL Server实例间同步登录用户 问题痛点：由于AlwaysOn和数据库镜像无法同步数据库外实例对象，例如 登录用户、作业、链接服务器等，导致主库切换之后，应用连接不上数据库或者作业不存在导致每晚跑批任务漏跑等 目前来看，作业等其他实例对象的同步还比较难实现，比如作业分为很多步骤，而且作业包含 ......
如何在动态路由中绑定多实例组件
最近在开发中遇上了一个问题，我们有十几个上传的页面，功能几乎一致，只有内部的文本和一个日期选择器不一样，但是BA又希望可以通过url访问到每个页面，技术上又不希望真的去写十几个一样的页面——这也太蠢了。于是就想到了通过一份配置文件，提供一个页面信息的list，然后遍历这个list，动态生成route ......
大屏屏幕自适应大小的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在后为倒序排序；正序排序则反之） ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......