websocket客户端 客户js
面试题：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 ......
告别输入网址烦恼！ChatGPT不错开源客户端
ChatBox 是什么 开源的 ChatGPT API (OpenAI API) 桌面客户端，Prompt 的调试与管理工具，支持 Windows、Mac 和 Linux。 为什么需要它 每次想访问 ChatGPT 时，都需要在浏览器中输入 ChatGPT 网址，然后点击登录，选择账号，整个过程中比 ......
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 ......
基于 xterm + websocket + vue 实现网页版终端 terminal
cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
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 ......
js 闭包是什么
1、阐述闭包：闭包是js的一种语法特性； var x='test';function(){console.log(x)};「函数」和「函数内部能访问到的变量」的总和，就是一个闭包。 2、闭包的作用：间接访问一个变量；以下就实现了一个闭包，它通过返回一个函数使得外部能获得内部的变量。 const in ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......
好奇心驱使下试验了 chatGPT 的 js 代码的能力
手边的项目中有个函数，主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力，优化能力，实现能力，用例能力。 于是有了这篇文章。 实验结果总结： chatGPT 确实强大，提供的答案可以借鉴，但不能完全依赖，需要你自行判断是否正确 当你需要一个纯函数时，可以考虑使用。 提 ......
js字符串转base64
js字符串转base64 原文链接：https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......
JS字符串转base64格式
JS字符串转base64格式 原文链接：https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......
实现在request.js里引用store
###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......
在 IIS 上启用 Websocket
第一种方式通过“管理”菜单或“服务器管理器”中的链接使用“添加角色和功能”向导。选择“基于角色或基于功能的安装”。 选择“下一步” 。选择适当的服务器（默认情况下选择本地服务器）。 选择“下一步” 。在“角色”树中展开“Web 服务器 (IIS)”、然后依次展开“Web 服务器”和“应用程序开发” ......
HTTP1.1之后的长连接 WebSocket的长连接 gRPC 长连接 Keep-Alive
HTTP1.1之后的长连接和WebSocket的长连接之间的区别 https://mp.weixin.qq.com/s?src=11×tamp=1681315755&ver=4464&signature=MFfuJCZhqrF0CJHXIkkxwwNd9-JhgHbZAcYSVqyDtLu ......
Vue.js 两个新的生命周期钩子（路由组件独有）
视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
Vue.js 缓存路由组件
视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
js数组方法之数组变异方法
push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率，比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了，还有一些非变异方法 了解一下 filter() //过滤数组中某 ......
编译安装c2工具sliver以及python 客户端sdk
背景： 项目需要安装sliver服务端和客户端还有sliver的python sdk； git clone https://github.com/BishopFox/sliver.git cd sliver make # 执行make后会拉取当前服务器版的go安装包，包括windows,linux( ......
Vue.js 编程式路由导航
视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......
js基础
// js 会把var声明的变量提升到js文件的最顶部 // 控制台打印语句 // console.log('你好！'); // 警告框！ 通知用户出错了 // alert(' haha') // 输入框-输入内容 prompt得到的输入内容永远都是字符串 // var n1 = prompt("第 ......
gotenberg+ chromiumly + pdf.js 进行office 文档转换以及预览处理
日常中office 预览是一个比较常见的问题，基于微软的office online 是一个选择，但是移动端效果不是很好 就有pdf 以及一些基于生成图片的方案也是不错的，以下是基于gotenberg+ chromiumly 的一个尝试 简单说明 gotenberg 是基于golang 开发的包装了C ......
js的基本数据类型的检测
检测变量类型： 1. typeof 运算符用来判断未知数据的数据类型，返回值是一个用来描述类型的字符串，有6种结果 (string,number, boolean,object, function, undefined)需要注态的是，数组，null在使用typeof判断的时候都会返回object。 ......