页面driver js
js 正则提取cookie
const cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)name\s*\=\s*([^;]*).*$)|^.*$/, "$1"); ......
js中的dom：文档对象模型
js中的dom：文档对象模型 JavaScript分三部分dom：文档对象模型bom：浏览器对象模型ECMAScript：主要指的是语法，比如声明变量，函数，条件判断，循环等等。 dom:每个html标签都在dom中表示为一个节点（node），节点之间存在父子关系，通过dom，可以使用js编码，来修 ......
Node.js | Node.js简介
## 一、什么是node.js **为什么 JavaScript 可以在浏览器中被执行？** 通过每个浏览器不同的 JavaScript解析引擎。 - Chrome 浏览器 => V8 - FireFox 浏览器 => OdinMonkey (奥丁猴) - Safri 浏览器 => JSCore - ......
js循环语句
js循环语句 原文件代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>循环</title> </head> <body> <Ul> <li>001</li> <li>002</li> <li>003 ......
js_将字符串保存为文本文件
将字符串保存为文本文件 注：文件保存在当前电脑、下载文件夹中 1 //保存 2 var mySave = function () { 3 console.log(event) 4 const content = 'a plain text.' 5 const blob = new Blob([ co ......
去往js函数式编程(7)
## 管道和组合 管道和组合是一种技术，用于设置函数以便它们按顺序工作，使一个函数的输出称为下一个函数的输入。在 linux 中，执行一个命令并将其输出作为第二个命令的输入，而第二个命令的输出又成为第三个命令的输入，依此类推，这被称为管道。 ```javascript const markers = ......
js条件语句与
js条件语句 if条件语句：格式 if(条件）{ 语句1 }else{ 语句2 } 小练习： const score = 60 if(score>=80){ console.log("优秀") }else if(score>=60){ console.log("及格") } else { conso ......
js数据类型
* 字符串String：‘’，“”，“123”，‘都是字符串’ let a = 1 //是赋值号，是动态的，把右边的赋值给左边 * 数字Number:所有数字，整数，小数都是数字。 var b = 2.3 * 布尔Boolean：true，false var c = true * 空值Null：表示 ......
js数组常用的方法
在JavaScript中，数组是一种非常重要的数据类型。数组提供了一系列常用的方法，可以方便地对数组进行操作和处理。本文将介绍JavaScript中几种常用的数组方法的含义、返回值以及是否改变原数组。 #### 一、push() push()方法可以将一个或多个元素添加到数组的末尾，并返回数组的新长 ......
便签页面仿写
<style> body { background-color: #f6f6f6; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; } .container { max-widt ......
JS(简单数据类型、数据类型转换)
一. 数据类型简介 1.1 为什么需要数据类型 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。 1.2 变量的数据类型 ......
掌握Node.js：构建高性能后台的利器
当使用Node.js作为后台开发技术时，可以享受到以下优势： 高效处理并发请求：Node.js采用事件驱动和非阻塞I/O的模型，使得它能够高效地处理大量并发请求。这意味着在处理多个客户端请求时，Node.js能够快速响应并保持高性能，从而提供出色的用户体验。对于需要处理实时数据和大规模并发的应用程序 ......
JS(入门）
一. 编程语言 1.1 编程 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。从事编程的人员，就是程序员。 但 ......
Nginx代理静态界面资源后，浏览器端CSS、JS不起作用
现象说明： VUE项目打包后通过Nginx代理访问时，JS、CSS等资源都加载到浏览器端了，但是不起作用。 经过分析后，发现对于JS、CSS在浏览器端显示的资源类型为：Content-Type=text/plain。 发现Nginx没有配置：include mime.types; 当Nginx服务器 ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下： 
一，复制svg 在开发者工具中，选中要复制的svg然后在svg上右键->copy->copy element 二，保存成文件 在sublime或其他编辑工具中粘贴， file->save->保存成wordpress.svg 注意：此处的width/height 两项可以按自己的需求修改 说明：刘宏缔 ......
使用ChatGPT和Next.js构建一个开源项目
小介绍，我以前从未编码过，这对我来说看起来非常难，2 个月前我决定为什么不现在。🤷♀️ 我的朋友建议我从开源项目开始，还帮助我完成了最初的简单设置步骤。 我几乎在每一步都使用了 ChatGpt，从弄清楚如何设置、安装、将 API 连接到代码的含义，如何重写函数或更改大小。 现在我要详细介绍一下我 ......
babylon.js 学习笔记(10)
今天来学习下车床(lathe)建型及粒子系统，babylon.js有一个很强大的函数CreateLathe，可以将一段路径经过旋转后，形成1个shape，这么说有点抽象，比如下面这张图： 其中的关键点坐标为： const fountainProfile = [ new BABYLON.Vector3 ......
使用 Vue.js 的 CDN（内容分发网络）来添加 Vue.js
在您的 HTML 文件中添加 script 标签，并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。 下面是一个常用的 Vue.js CDN 地址： <script src="https://cdn.jsdelivr ......
记录--封装一个通过js调用的全局vue组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在使用vue项目编写的时候，不可避免的会碰到需要时js api来调用组件进行显示的情况 例如饿了么element ui 的 Notification 通知、Message 消息提示等组件 虽然已经提供了，但是由于api的限制，我们只 ......
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
js拦截XMLHttpRequest
需要做一个扩展，拦截XMLHttpRequest，修改response里面部分值，查阅资料后一般是通过下面方法拦截 ``` let oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(me ......
js实现canvas保存图片为png格式并下载到本地
function exportCanvasAsPNG(id, fileName) { var canvasElement = document.getElementById(id); var MIME_TYPE = "image/png"; var imgURL = canvasElement.to ......
js中循环判断找到满足条件的单项后结束循环
关于跳出循环的详细介绍可以看这篇：https://blog.csdn.net/Code_King006/article/details/130565506 说下自己的业务场景：判断数组中是否有满足条件的套餐，如果有就接着判断下一个条件不再查询后续数组（也就是需要终止当前循环），否则返回false原本 ......
js的new做了什么
new对象底层发生了什么 ```javascript function Person(phone, age) { this.age = age; this.phone = phone; this.showone = function () {}; } Person.prototype.docall ......
关于js单线程的问题
## 为什么说 js 是单线程？ 为了搞清楚这个问题，我们需要先了解这几个问题： > 1. 什么是线程？什么是进程？他们之间的关系？ > 2. 什么是任务队列( Event Queue )，任务分类（宏任务、微任务）？ > 3. 什么是事件循环？ > 4. 为什么说 js 是单线程？ > 5. 为什 ......
tween.js简单案例
‘ init(); animate(); function init() { var output = document.createElement( 'div' ); output.style.cssText = 'position: absolute; left: 50px; top: 300p ......
Fabric.js 选中元素不置顶（防止显示到顶层挡住其它元素）
初始化画布的时候把preserveObjectStacking的属性改成true，默认是false this.canvas = new fabric.Canvas('mycanvas',{ preserveObjectStacking: true }); 其它 【Fabric.js 元素被遮挡的部分 ......