websocket node 04 js

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

面试题: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

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[ ......
时间 时间差 工作日 范围 js

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 ......
静态 简易 系统 博客 JS

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

基于 xterm + websocket + vue 实现网页版终端 terminal

cdn形式html页面实现 在进行开发这个功能的时候,进行了百度,最后参考此博主的文章中的自定义版本,进行修改:https://blog.csdn.net/qq_25252769/article/details/127791918 开发过程中,由于后台数据返回的格式需要进行处理,根据自身需求,代码进 ......
终端 websocket terminal 网页 xterm

Vue.js 独享路由守卫

视频 独享守卫: beforeEnter(to,from,next){ console.log('beforeEnter',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localStorage.getItem('school') 'atgui ......
路由 Vue js

Vue.js 全局前置和后置-路由守卫

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用:对路由进行权限控制 分类:全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......
路由 全局 Vue js

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 ......
vite 语法 jsx Internal analysis

(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统04

开发笔记四 菜品管理业务开发 文件上传下载 文件上传介绍 文件上传,也称为upload,是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛,我们经常发微博、发微信朋友圈都用到了文件上传功能。 文件上传时,对页面的form表单有如下要求: me ......
项目 商户 实战 餐饮 校园

js 闭包是什么

1、阐述闭包:闭包是js的一种语法特性; var x='test';function(){console.log(x)};「函数」和「函数内部能访问到的变量」的总和,就是一个闭包。 2、闭包的作用:间接访问一个变量;以下就实现了一个闭包,它通过返回一个函数使得外部能获得内部的变量。 const in ......
闭包 js

vscode如何设置HTML/CSS/JS保存后自动格式化?

具体操作:点击小齿轮,选择设置按钮 第二步:点击右上角按钮,进入设置页面 第三步:粘贴自动保存的js代码! "editor.formatOnType": true, "editor.formatOnSave": true, ......
格式 vscode HTML CSS JS

js 判断是否为 IE 通过事件关闭新打开的浏览器窗口

//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......
浏览器 事件 js IE

好奇心驱使下试验了 chatGPT 的 js 代码的能力

手边的项目中有个函数,主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力,优化能力,实现能力,用例能力。 于是有了这篇文章。 实验结果总结: chatGPT 确实强大,提供的答案可以借鉴,但不能完全依赖,需要你自行判断是否正确 当你需要一个纯函数时,可以考虑使用。 提 ......
好奇心 chatGPT 能力 代码 js

js字符串转base64

js字符串转base64 原文链接:https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......
字符串 字符 base 64

JS字符串转base64格式

JS字符串转base64格式 原文链接:https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......
字符串 字符 格式 base 64

实现在request.js里引用store

###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......
request store js

在 IIS 上启用 Websocket

第一种方式通过“管理”菜单或“服务器管理器”中的链接使用“添加角色和功能”向导。选择“基于角色或基于功能的安装”。 选择“下一步” 。选择适当的服务器(默认情况下选择本地服务器)。 选择“下一步” 。在“角色”树中展开“Web 服务器 (IIS)”、然后依次展开“Web 服务器”和“应用程序开发” ......
Websocket IIS

HTTP1.1之后的长连接 WebSocket的长连接 gRPC 长连接 Keep-Alive

HTTP1.1之后的长连接和WebSocket的长连接之间的区别 https://mp.weixin.qq.com/s?src=11&timestamp=1681315755&ver=4464&signature=MFfuJCZhqrF0CJHXIkkxwwNd9-JhgHbZAcYSVqyDtLu ......
Keep-Alive WebSocket HTTP1 Alive HTTP

解决m1遇到的node-sass依赖无法install的问题

node-sass这个库比较老,用ruby写的,安装时需要python2编译,建议新项目使用dart-sass或者less 由于homebrew不支持安装python2,网上其他教程太复杂了,咱简单粗暴的来 直接安装包安装python2 python2安装包 安装完终端输入python2即可验证 复 ......
node-sass install 问题 node sass

每日总结2023-04-12

今天对项目目前进度做了总结,并针对当前的任务做了思路说明以及调整, 在每日站立会议中,我充分了解了目前项目所需要完成的部分。 今天针对这些内容做出了调整。 1.新增数据库,内容为用户购买的商品,主键为商家绑定信息,根据这些信息可以算出每日总收益。 2.绘制出补货的具体页面。 3.写出了补货的增删改查 ......
2023 04 12

2023-04-12 面试中常见的数组题目

数组中的问题其实最常见 通过基础问题,掌握写出正确算法的“秘诀” 巧妙使用双索引技术,解决复杂问题 对撞指针- 滑动窗口 1 从二分查找法看如何写出正确的程序 本节学习重点:处理边界问题! 1.确定边界范围方法,先用区间表示,即明确范围的数学定义,后用代码表示; 2.在循环里维护循环不变量,能保证算 ......
数组 题目 常见 2023 04

Vue.js 两个新的生命周期钩子(路由组件独有)

视频 11.两个新的生命周期钩子 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
钩子 路由 组件 周期 两个

ubuntu 22.04国内镜像阿里云/163源/清华大学/中科大

Ubuntu 22.04 LTS这是一个长期支持版本,它将被支持五年,直到2027年4月。已发布的LTS版本带来了一些新的功能 国内有很多Ubuntu 22.04的镜像源,包括阿里、网易,还有很多教育网的镜像源,比如清华源、中科大源。 在教程中我们将介绍如何更改镜像在ubuntu 22.04。国内的 ......
镜像 ubuntu 大学 22.04 163

Vue.js 缓存路由组件

视频 10.缓存路由组件 作用:让不展示的路由组件保持挂载,不被销毁。 具体编码: <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
路由 缓存 组件 Vue js

js数组方法之数组变异方法

push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率,比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了,还有一些非变异方法 了解一下 filter() //过滤数组中某 ......
数组 方法 变异