hook js
js中一个移除对象中子数组中空值的函数
js中一个移除对象中子集数组中空值（null，undefined）的函数 function removeNull(obj){ let delarr = []; for(let i in obj){ // 排除法寻找对象类型 if(typeof(obj[i]) 'boolean' || typeof( ......
js的一些小问题集合
##1.等于号的应用 function reverse(){ var checkbox = document.getElementsByName("hobby"); for (let i = 0; i < checkbox.length; i++) { if(checkbox[i].checked= ......
js基础：1.
javascript（简称“js”）开发外部脚本语言 是轻量级解释型语言 开始于1995年 网景公司 javascript的标准是ECMAscript 互联网是1970年1月1号 js代码必须写在script标签里 （预格式化文本）预格式输出标签 console.log 输出使用：控制台打印语句（控 ......
js常用语句
常用语句 1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,locat ......
栈空间和堆控件：JS数据怎么存储的？
JS数据存储主要分堆和栈两种， 栈空间：通常情况栈空间不会设置太大，主要用来存放一些原始类型的小数据，原始类型的数据有：Boolean、Null、Undefined、Number、BigInt、String、Symbol，栈空间具有空间小，但是读取速度快的特点 堆空间：空间很大，但是速度相对堆空间较 ......
【js】js内置对象Error(错误机制)
Error：基类型； ReferenceError：找不到对象时抛出； SyntaxError：语法错误； TypeError：类型错误时抛出； EvalError：eval()函数发生异常时抛出； InternalError ：js引擎内部发生的错误； RangeError：数值超出范围时触发； ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github：https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
函数解决js数值相加精度丢失问题
浏览器控制台输入 console.log(0.1+0.2) 结果为0.30000000000000004 当我们尝试将0.1和0.2相加时，结果应该是0.3，但是在JavaScript中，结果却是0.30000000000000004。这是因为0.1和0.2在二进制中无法被精确表示，所以在进行相加时 ......
JS中如何快速将字符串的“true"和"false"转换成Bool类型
JSON.parse('true') JSON.parse('false') ......
【异步加载JS脚本（script标签）至html文档中】的辅助函数
Code： /** * 'asyncLoadScript'方法的配置项'options'的类型定义 * @typedef {Object} IOptions * @prop {string} id - script标签的ID * @prop {Function} onSucceed - 加载成功后的 ......
js正则表达式
\d 查找数字 \D 查找非数字字符 \s 查找空白字符 \S 查找非空白字符 \w 查找数字、字母及下划线 \W 查找非单词字符 \n 查找换行符 \0 查找 NULL 字符 \r 查找回车符 n+ 查找一个或者多个 如： /a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" ......
js 手写发布订阅eventHub
1、发布-订阅是一种消息范式，通过定义发布者、订阅者、调度中心来完成消息通信。 const eventHub = { map: {}, on(name, fn) { this.map[name] = this.map[name] || []; this.map[name].push(fn); con ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（四）
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
js 手写防抖节流
1、防抖：避免事件的频繁调用，即当事件停止一段时间后再促发。 应用：浏览器resize、input校验、button点击 const myDebounce = (fn, wait){ let timer = null; return (...args) => { if (timer) clearTi ......
手机直播源码，JS实现页面下拉加载数据操作
手机直播源码，JS实现页面下拉加载数据操作 主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ......
js注入cookie不生效的情况
场景 直接使用js注入cookie 发现不生效，其实只设置了key和values值，没有注意其他字段。 后来发现还有个domain的字段需要配置，不然注入是不会生效的 document.cookie="token=123;domain=.baidu.com" #使用；分号隔开 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（三）
Edit.vue <template> <div id="edit"> <ClassicHeader> <template v-slot:left> <span>编辑随笔</span> </template> <template v-slot:right> <el-button @click="ne ......
面试题：JS如何最快的执行垃圾回收机制
因为没看见答案，所以也不知道对不对。 JavaScript 的垃圾回收机制是由 JavaScript 引擎自动管理的，通常情况下我们无法控制垃圾回收机制的执行时间和频率。 然而，我们可以采取一些优化策略来减少垃圾回收的性能开销，从而提高代码执行速度。 减少全局变量：全局变量不易被垃圾回收，因为它们始 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（二）
后台管理页面，需要配合NODE.JS搭建的EXPRESS服务器使用。 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import { Button, Input, For ......
JS倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
js中无需点击就可以实现页面跳转
###js中无需点击就可以实现页面跳转 第一种： 复制代码 代码如下: <script language="javascript" type="text/javascript"> window.location.href="xx.jsp?backurl="+window.location.href; ......
js 计算时间范围的时间差（只计算工作日，不计算周六周日，精确到天）
直接上demo代码和截图 btnClick() { var oneDay = 1000 * 60 * 60 * 24; var days = 0; // dates是一个时间范围,startDate是时间范围的开始时间,endDate是结束时间 var startDate = this.dates[ ......
Three.js教程：旋转动画、requestAnimationFrame周期性渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 基于WebGL技术开发在线游戏、商品展示、室内漫游往往都会涉及到动画，初步了解three.js可以做什么，深入讲解three.js动画之前，本节课先制作一个简单的立方体旋转动画。 本节课是在1.1节 第一个3D场景已绘制 ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（一）
很久以前写的。不想白写，这边记录一下，配合GPT简要回忆一下代码思路。 后台系统 demo_initBlog.js 首先是博客的后台系统，通过node demo_initBlog.js进行初始化。 const fs = require("fs").promises const path = requ ......
Vue.js 组件内路由守卫
视频 About.vue App.vue #components ##Banner.vue <template> <div class="col-xs-offset-2 col-xs-8"> <div class="page-header"> <h2>Vue Router Demo</h2> <bu ......
Vue.js 独享路由守卫
视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
Vue.js 全局前置和后置-路由守卫
全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
vite写jsx语法报错： [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you use tsconfig.json, make sure to not set jsx to preserve.
1.安装vite的jsx包 npm i @vitejs/plugin-vue-jsx --save 2.安装所有依赖 npm i 3.在vite.config.ts中配置 import { defineConfig } from 'vite'; import vue from '@vitejs/pl ......