幻灯片 幻灯impress js

js实现选中某个区域展示引导信息(插件库)

在公司做项目,经常存在类似「引导」的功能,引导用户该先点哪后点哪,或者做一些首次使用的提示 找到了个比较好用且轻量化的js组件 intro.js ,有常规的灰色遮罩高亮特定dom提示的(hello-world),也有用户点到指定标签/位置上的提示 (hints) 感觉还是不错的,并且,有免费版本 ......
插件 区域 信息

js中 try catch的使用

try…catch 语句是什么? try…catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。 try…catch语法 try { //在此运行代码 } catch(err){ //在此处理错误 } 运行流程: try{...}包含块中的代 ......
catch try

arcgis for js4.x实现标记、测距离、测面积

实现效果 代码如下 ToolBox.vue <template> <a-popover trigger="click"> <a-button>工具箱</a-button> <template #content> <a-button type="text" class="btn" @click="() ......
标记 面积 arcgis for js4

使用pdf.js展示pdf

一、下载pdf.js文件 https://mozilla.github.io/pdf.js/getting_started/ web里边有一个viewer.html文件 此文件为展示pdf的文件 直接打开此文件不能展示 需要本地启动一个服务 可以使用 http-server -c-1 提示错误的 全 ......
pdf js

graalvm 23.1.0 开始 js docker 镜像&简单试用

graaljs docker 镜像 很简单就是下载官方包,集成下,然后进行一些简单的配置 Dockerfile FROM debian:bullseye-backports LABEL author="rongfengliang" LABEL email="1141591465@qq.com" WO ......
镜像 graalvm docker amp 23

graalvm 23.1.0 开始 js 引擎独立了

从graalvm 23.1.0 开始graaljs 可以独立使用了,这样就方便了不少,我们可以集成jvm 同时也可以集成nodejs 但是软件包会小不少有利用项目的使用,目前来说官方提供了不同版本的,包含了js 命令的nodejs 的同时包含jvm 的对于社区版包含了-community,jvm的包 ......
graalvm 引擎 23 js

Http Fetch+StreamSaver.js在内存有限的设备下载大文件

目前前端没有很好的api支持流式的文件的分片下载。如果直接把整个文件保存到Blob对象中再保存,有可能出现很多不可以预期的问题,可能会因为达到浏览器的Blob对象上限而下载失败。也有机会因为客户端内存太低而导致OOM。那如果我们有额外的文件服务器的话,可以选择把文件先导出到文件服务器,然后前端再通过 ......
StreamSaver 内存 文件 设备 Fetch

js 前端 时间日期 月份 日期不满10 前面加0

法一: //获取当前日期的yyyy-MM-dd格式var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date ......
日期 前端 月份 时间 js

JS加密参数的解决办法

基本上所有前端加密都是用的CryptoJS库,因此可以通过特征函数定位加密函数。比如CryptoJS要求加密时需要对key(密钥)进行解析(parse)后才能作为参数,因此所有需要加密的地方均会调用`enc.Utf8.parse`函数,比如 ​![](https://raw.githubuserco ......
参数 办法

How to enable HTTPS on a localhost Node.js Server All In One

How to enable HTTPS on a localhost Node.js Server All In One Let's Encrypt - Free SSL/TLS Certificates ......
localhost enable Server HTTPS Node

arcgis for js4.x自定义Graphic数组创建FeatureLayer添加标注

var point = [{ "geometry": { "x": 116.820688, "y": 33.974053, "spatialReference": { "wkid": 4326 } }, "attributes": { "cxcd": "监测站", "name": "相山区管网监测站 ......
数组 FeatureLayer Graphic arcgis for

xpath.js

`xpath.js`是一个基于XPath的查询语言解析库,可以用于解析和查询XML文档。它提供了一组函数来执行XPath表达式,并返回满足条件的节点列表。 要使用`xpath.js`,我们首先需要安装该模块,可以使用npm进行安装: ``` npm install xpath.js ``` 安装完成 ......
xpath js

xpath.js

在JavaScript中,我们可以使用`xpath`模块来解析XML文档,并使用XPath语法来选择和提取特定的元素。以下是一个使用`xpath`模块的示例代码: 首先,确保你已经安装了`xpath`模块。可以使用npm进行安装: ``` npm install xpath ``` 然后,使用下面的 ......
xpath js

js/jquery 关于select 的一些操作

1. 如何设置默认选中呢 设置默认选中可在option 中添加 selected = "selected",具体举例如下: <option value="2" selected="selected">test2</option> <select id="citySel" class="select" ......
jquery select js

js removeRepeat 数组去重

//数组不去重 _this.incompleteData.map(e => e.order_id).join(',') //数组去重var order_ids = _this.incompleteData.map(e => e.order_id).removeRepeat().join(','); ......
数组 removeRepeat js

js 回调函数的用法

简单例子: function add(num1, num2, callback) { var sum = num1 + num2; callback(sum); } add(1, 2, function (sum) { console.log(sum); //=>3 } vue 中用法: metho ......
函数 js

node.js打包exe可执行文件遇到的问题记录

1.buffer.js ,three.js 这样引用会报错: import { Buffer } from 'buffer'; import * as THREE from 'three'; 所以需要找到node_modules里相关js文件,然后引用其文件路径(我是复制出来放到src文件夹下了), ......
文件 问题 node exe js

destoon上做纯js实现html指定页面导出word

因为最近做了范文网站需要,所以要下载为word文档,如果php进行处理,很吃后台服务器,所以想用前端进行实现。查询github发现,确实有这方面的插件。 js导出word文档所需要的两个插件: FileSaver.js jquery.wordexport.js 首先引入: <!--生成word!-- ......
destoon 页面 html word

npm does not support Node.js的解决办法

原文链接:https://blog.csdn.net/UKilll/article/details/131589827 1、查看npm和nodejs的版本是否配套。 2、因为我的使用了npm install -g npm 把npm的版本升级到了9.几 导致运行项目的时候提示npm v9.8.0 do ......
support 办法 does Node npm

Node.js ORM Sequelize All In One

Node.js ORM Sequelize All In One Sequelize is an easy-to-use and promise-based Node.js ORM tool for Postgres, MySQL, MariaDB, SQLite, DB2, Microsoft S ......
Sequelize Node All ORM One

How to use ESM & TypeScript in Node.js All In One

How to use ESM & TypeScript in Node.js All In One { "compilerOptions": { "module": "NodeNext", // "module": "Node16", } } { "name": "esm-ts-package", ......
TypeScript Node How ESM All

js_对输入框按下enter键会触发change事件

测试代码 <body> <input type="text" id="i1" /> <script> const oI1 = document.querySelector('#i1') oI1.addEventListener('keydown', function (e) { console.lo ......
事件 change enter js

Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例

js循环方式 在es6语法中:(以后尽量少用var有很多坑) - let:定义变量 - const:定义常量 1. 方式一:for循环,基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
表单 购物车 案例 v-model 事件

Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符

js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
v-model model 表单 购物车 案例

js循环方式、v-model、事件处理、表单控制、购物车案例

js循环方式 js循环 for(),基于索引的循环 let :es6语法,用于定义变量 const:用于定义常量 var以后尽量少用 、for循环写法一: for循环写法二: 列表循环 循环方式二:in循环 基于迭代的循环,依赖于索引取值 直接console.log是索引值,只有list[i]才是要 ......
表单 购物车 案例 v-model 事件

Node.js URL 模块:解析和操作 URL

任何基于 Web 的应用程序不可或缺的方面之一是其有效使用 URL 的能力。无论是解析传入的 URL 还是构建 URL 来发出请求,清楚地了解 Node.js 中的 URL 模块对于现代 Web 开发人员来说至关重要。 在这篇博文中,我们将探索 Node.js 的 URL 模块,从基本的 URL 解 ......
URL 模块 Node js

如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在 ......
流媒 流媒体 EasyPlayer 框架 播放器

js学习

变量 使用var 定义的变量,在最外层定义时,可以是使用window获取 使用 let 和 const 时,就不行,let 和cont是从当前作用域中获取 实现一个const 数据类型 null、undefined 、NaN、0、空字符串 会在转换成布尔值的时候转化为false for循环 可以使用 ......

highlight_highlight.js在vue项目中的基本用法

目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j ......
highlight highlight_highlight 项目 vue js

JS防抖和节流

引言: 在前端开发中,性能优化是至关重要的。在处理用户输入、滚动事件、表单提交以及其他频繁触发的操作时,防抖和节流是两个常用的技术,用来减少不必要的资源消耗和提高用户体验。 什么是防抖和节流? 防抖:它限制了一个函数在连续触发事件后的执行次数。如果在一段时间内多次触发同一事件,只有最后一次触发后,函 ......