webpack html js
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
H5APP请求部分js脚本出现502情况问题排查
1. 问题现象 公司客户APP内网部署，集成到公司客户办公APP，如果想要外网访问APP，需要通过指定的地址，估计是反向代理，具体的我不是很清楚。 昨天突然出现无法进入APP的问题，经过排查发现是部分js文件请求失败，报502错误 2. 排查思路 首先排查服务器与网站是否正常，远程发现网站运行正常， ......
js约束区间的简单方法
这里不是使用Math.random()生成一个区间值，而是将一个变量约束在某一个区间，具体代码如下: const getRange = (value, max, min) => Math.max(Math.min(value, max), min) getRange(-100, 90, -90) / ......
js比较两个数组内容是否相等的方案
1. 深度相等比较 如果你想要比较两个数组的内容是否相同，包括数组中的嵌套数组或对象等元素，你可以使用深度相等比较方法，比如递归或使用第三方库： 递归方式： function arraysAreEqual(arr1, arr2) { if (arr1.length !== arr2.length) ......
nginx匹配所有请求路径显示index.html页面
server { listen 80; server_name example.com; # 替换为你的域名 root /path/to/your/root; # 替换为你的站点目录 location / { try_files $uri $uri/ /index.html; } } ......
[转]js获取元素的两种方法querySelector和getElementsBy系列的区别
原文地址:querySelector和getElementsBy系列的区别 - 掘金 querySelector系列和getElementsBy系列 之前在使用的时候，比较经常用getElementsById，这两个似乎可以混用，但是在有一些地方这两个的差别还是很大的，现在来整理一下。 queryS ......
js图片下载方式
1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = ......
webpack指南（管理输出、开发环境）
管理输出 随着应用程序的不断增长，开始 使用哈希值进行文件命名 并输出 多个 bundle 预先准备 project webpack-demo |- package.json |- package-lock.json |- webpack.config.js |- /dist |- /src |- ......
Node-js用FlexSearch给Hexo添加极速全站搜索
title: Node.js用FlexSearch给Hexo添加极速全站搜索 tags: [Node.js,node,Javascript,Debian,Linux,FlexSearch,搜索] 新版原文: https://www.carlzeng.top/search?q=Node.js用Flex ......
Js中对于DOM节点的操作
一获取dom树节点 //注：区分大小写`` 1.getElementById()； getElementByClassName()； getElementByTagName()； getElementByName()； 2.querySelector() querySelectorAll() 案例 ......
js 操作 clipboard
文章目录 Document.execCommand() 方法 复制操作 粘贴操作 优缺点 Clipboard 对象介绍 Clipboard 对象方法 Clipboard.readText() 粘贴文本 Clipboard.read() 粘贴数据 Clipboard.writeText() 复制文本 ......
JS取两个数间的随机数
js获取一个随机整数基本用Math的random方法生成，再去乘一个整数并向下或向上取整。 随机数生成的方式，自己摸索了下。 参考文章 代码 生成整数范围内的随机数，从0开始不包含这个数我在数组中会用到，[0,x)。 var a=(x)=>{ return Math.floor(Math.rando ......
HTML语义化
用正确的标签做正确的事情。 html语义化让页面的内容结构化，结构清晰，便于对浏览器、搜索引擎解析； 即使在没有css样式的情况下也以一种文档格式显示，并且是容易阅读的； 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（Search Engine Optimizatio ......
js常用的数据处理方法
js常用的数据处理方法： 一、数据类型判断 1、typeof 右侧跟一个一元表达式。返回该表达式的数据类型，返回的结果是用该类型的字符串形式表示 number、boolean、symbol、string、object、undefined、function 对于基本类型，除 null 以外，均可以返回 ......
HTML之src与href的区别
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 1、src src是source（/sɔːs/ n. 来源、源头、出处）的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档中，例如js脚本，img图片和fr ......
npm install安装依赖包时报错npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js，npm ERR! ChromeDriver installation failed Error with http(s) request: Error: read ECONNRESET
PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> npm install npm ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
JS中的单引号和双引号
原文链接：https://www.cnblogs.com/ranyonsue/p/7761487.html 单引号和双引号之间的字符串可以相加 'af'+"bvvv"+'dd' 输出 "afbvvvdd" 首先，单引号和双引号在各自单独用时是木有什么区别的，都可以，比如： var a="你好";// ......
js、JavaScript进制转换
function baseConverter(decNumber, base) { var remStack = new Stack(), rem, baseString = '', digits = '0123456789ABCDEF'; //{6} while (decNumber > 0) { ......
JS中的0和php中的0
请注意：包含 0 的字符串 "0" 是 true 一些编程语言（比如 PHP）视 "0" 为 false。但在 JavaScript 中，非空的字符串总是 true。 alert( Boolean("0") ); // true alert( Boolean(" ") ); // 空格，也是 tru ......
webpack指南（起步）
起步 mkdir webpack-demo cd webpack-demo npm init -y // 生成一个package.json npm install webpack webpack-cli --save-dev // 安装webpack、webpack-cli ......
ArcGIS-JS 投影变换
Projects the geometry EPSG:4326 投影到 EPSG:3857 webMercatorUtils.geographicToWebMercator() https://developers.arcgis.com/javascript/latest/api-reference ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
js 生成二维码
1：引入js文件 @*二维码生成器*@ <script src="~/BigScreen/js/qrcodes.min.js"></script> 2:html <div class="hgz-QRcode"> <div id="qrcode" style=" padding-right: 10px ......
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性： 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址：外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
01-JS基础
js基础 学习目标: 逆向工具准备 熟悉 逆向的基本过程 熟悉 JavaScript语法 一.前期准备 1. 技术准备 python基础语法 爬虫基础功底 JavaScript基础语法知识(可以自己偷偷的学习一些) 2. 工具准备 node解释器 官网地址:https://nodejs.org/zh ......
Html（布局标签---表单标签---表单项标签）
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页 <span> 用于组合行内元素。 代码演示： 运行界面： 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项，通过type属性控制输入形式 <label> 为表单 ......
html（超链接---列表标签---表格标签）
一、超链接 标签描述 <a> 定义超链接，用于链接到另一个资源 href：指定访问资源的URL target：指定打开资源的方式 _self:默认值，在当前页面打开 _blank：在空白页面打开 代码演示： 运行界面： 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
html常用基础知识（基础标签---音视频标签）
一、基础标签 标签描述 HTML 定义 HTML 文档 head 定义关于文档的信息 title 定义文档的标题 body 定义文档的主体 标签描述 <h1 > ~< h6> 定义标题，h1最大，h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 ......
js中用canvas生成固定长宽的图片
js中用canvas生成固定长宽的图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. ......