websocket node 04 js

通过node.js部署vue项目

一、下载 Node.js官网下载大家根据自己的系统进行下载安装包(我的电脑是windows10-64位,所以下载第一个) 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\,我这里选择在D:\Program Files\n ......
项目 node vue js

selenium无头浏览器,禁用图片,禁用js,切换UA,反爬

from selenium import webdriver from fake_useragent import UserAgent ua = UserAgent().random options = webdriver.ChromeOptions() options.add_argument(' ......
selenium 浏览器 图片

04_基本元器件介绍

基本元器件介绍 晶体三极管 什么是晶体三极管 三极管特点 三种工作状态 放大状态 特点: ​ 1Ic = βIb ​ 2Ic的大小只受Ib的控制 ​ 3Ie = Ic+Ib 工作状态: ​ 1Ib一定时, Ic的大小和Uce无关 截止状态 特点: ​ 1Ib=0, Ic=0, Ie=Ib+Ic=0 ......
元器件 04

git Bash 执行 node npm run prod 执行报错?

在本地执行 ` npm run prod prod npm run production 'npm' is not recognized as an internal or external command, operable program or batch file. ` 大概意思是npm没有配 ......
Bash node prod git npm

NET7下用WebSocket做简易聊天室

NET7下用WebSocket做简易聊天室 步骤: 建立NET7的MVC视图模型控制器项目 创建websocket之间通信的JSON字符串对应的实体类 一个房间用同一个Websocket websocket集合类,N个房间 创建websocket中间件代码 Program.cs中的核心代码,使用We ......
简易 WebSocket 聊天室 NET7 NET

Vue.js框架:vue3版本里数据变化监听watch和watchEffect的使用

一、监听方法 vue3中定义的变量默认不是响应式的,所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch: <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
watchEffect 框架 版本 数据 watch

20个js工具函数助力高效开发

1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() } 示例: typeOf('树哥') // string type ......
函数 工具

目录-04-队列

1:链接 2:链接 3:链接 4:链接 5:链接 6:链接 7:链接 8:链接 9:链接 0:链接 1:链接 2:链接 3:链接 4:链接 5:链接 6:链接 7:链接 8:链接 9:链接 0:链接 1:链接 2:链接 3:链接 4:链接 5:链接 6:链接 7:链接 8:链接 9:链接 0:链接 ......
队列 目录 04

js_为innerHTML添加的图片添加onerror处理事件

在今天的开发中遇到这样的需求:通过接口获取到文章数据, 文章数据是html字符串, 使用innerHTML将其注入到某一个元素中, 文章中的某些图片因为服务器端的图片失效等原因无法访问,需要为其添加一个onerror处理事件, 替换调损坏的图片, 替换为一个显示加载失败的图 function han ......
innerHTML onerror 事件 图片 js

JavaScript(JS)

js引入方式: js基础语法: 变量: 数据类型、运算符、流程控制语句: parseInt() 用来将字符串转换成数字 函数: 但还是接收前几个。 对象 Array数组: string字符串: charAT()指定位置是表示的索引的意思(从0开始) indexOf()检索字符串,返回值是字符串的索引 ......
JavaScript JS

js 拿到下一个序列化整数

1 function getNextInt(int) { 2 const config = int.reverse().reduce( 3 (config, digit) => { 4 let sum = digit + config.increment, 5 nextInt = config.ne ......
整数 序列 js

如何保护价值上千万的Node.js源代码?

如何保护价值上千万的Node.js源代码?https://zhuanlan.zhihu.com/p/84386456 1|0一个强大的JS混淆器。 github.com/javascript-obfuscator/javascript-obfuscator 2|0一套JS代码安全问题解决方案。 ww ......
上千 源代码 价值 Node js

记一次在服务器上运行node.js程序时无法通过nohup xxx & 方式挂起的问题

由于业务需求 每天要在服务器上整理一组数据,为了方便就用node.js来写了。但是运行的时候发现了一个问题 明明使用了nohup main.js &的方式后台运行了程序 但是一旦我关闭了shell控制台 这个后台运行的程序也会跟着终止掉,不知道是什么原因,于是采用forever.js的方式来运行项目 ......
方式 服务器 程序 问题 nohup

jsmind.js 思维导图

参考 npm install jsmind --save import 'jsmind/style/jsmind.css'; import jsMind from 'jsmind/js/jsmind.js'; require('jsmind/js/jsmind.draggable.js'); req ......
思维 jsmind js

js单击元素时,修改当前元素的样式,还原上一个元素的样式

<html> <head> <style> #tasklist{ /* background-color:gray; */ display: flex; } .item{ margin-right: 20px; } .active{ border-bottom: 3px solid orange; ......
元素 样式

python websocket server and client 用户认证

WebSocketServer.py pip install websockets #!/usr/bin/env python3 # -*- coding: utf-8 -*- # @mail : lshan523@163.com # @Time : 2023/10/18 9:58 # @Autho ......
websocket 用户 python client server

js分片上传&断点续传

原理 js将大文件分成多分,全部上传成功之后,调用合并接口合成文件。如果传输中断,下次上传的时候过滤掉已经上传成功的分片,将剩余的分片上传,成功之后合并文件。 前置条件 获取uoloadId接口(用于标记分片) 分片上传接口 合成文件接口(后端自动合成则不需要) 查询已上传的分片列表接口(断点续传) ......
断点 amp

关于 js ajax readyState 的阐述

为了弄清楚 ajax readyState 的具体意义,做了如下测试: index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" conten ......
readyState ajax js

js实现文件切片上传,断点续传

断点续传:顾名思义,继续上次断开的点,继续上传。 思路整理: 拿到文件,对文件进行fingerprint = md5(file),得到文件指纹。 将指纹保存服务器。 切割文件,分段上传,每次上传一段。 服务器根据指纹进行索引判断文件上传进度,直到文件的全部片段上传完毕。 以下文字没有完整的代码,只有 ......
断点 文件

html+css3+anime.js实现线条来回滑动且渐隐动画

效果: 代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
线条 动画 anime html css3

html+css3+anime.js实现文字故障动画

记录一个很酷的动画,效果如图: 是基于html+css3+anime.js实现的,看了眼代码,其实是默认文字的div中定位了几个相同的文字块,利用clip-path这个属性去裁剪展示其中的一部分,用于展示故障的效果,动画则是使用anime.js去循环改变X与Y轴的位置,同时调整绘制的颜色,demo代 ......
故障 文字 动画 anime html

【2023-10-04】连岳摘抄

23:59 谁也不能回到过去。向前看,那才是你未来的所在。 ——安·兰德斯 人生是实践,不是纯理论,不能靠思辨推理出来,所以,人生的一大特征,就是随着人生的实践,不停发现自己原来错了。这符合“否定之否定”原理,说明你在进步。现在认识更深刻的事情,原来认识浅薄,是否定的一种。现在认为对的事,原来认为是 ......
2023 10 04

js 深拷贝

let obj = { name: '张三', user: { name: 'hdcms', }, data: [], }; function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] ......
拷贝 js

Vue.js框架:vue2和vue3开发环境共存

一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下,老项目需要使用vue2运维,新项目使用vue3开发,因此需要两种环境共存。 找一个合适的位置,新建一个文件夹,在该文件夹目录下,打开cmd终端,运行命令: npm install @vue/cli --registry=htt ......
vue 框架 环境 vue2 vue3

Node.js中常用的设计模式有哪些?

本文由葡萄城技术团队首发。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 设计模式简介 设计模式是由经验丰富的程序员在日积月累中抽象出的用以解决通用问题的可复用解决方案,它提供了标准化的代码设计方案提升开发体验。Node.js 作为一款用来构建可扩展高性能 ......
设计模式 常用 模式 Node js

原生js实现下拉框可输入

js实现下拉框可输入 前言 众所周知,html默认的下拉框是无法输入值的,然后最新的办法是用datalist和输入框绑定,但是很多浏览器不支持。然后还有很多框架提供的下拉框都是可输入的。但是公司的项目太老了,考虑到依赖性需要使用原生js去实现。 业务是这样,现在有一个输入框存在,需要在不改变这个输入 ......

js基础

语法类似Python var和let的区别:https://blog.csdn.net/a1056244734/article/details/107150875 fuction声明函数,还有指针函数等等 数据类型 对象 Array String 自定义对象 JSON BOM window Loca ......
基础

21_常用命令04

1. uniq 去重 [root@kvm ~]# cat 1.txt 10 20 30 40 30 30 50 70 70 70 80 [root@kvm ~]# cat 1.txt | uniq 10 20 30 40 30 50 70 80 [root@kvm ~]# [root@kvm ~]# ......
命令 常用 21

【js渲染markdown】

remarkable (CDN标签链接)[https://cdnjs.com/libraries/remarkable] <script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/2.0.1/remarkable.js"></scr ......
markdown

vue项目运行内存不足 JS stacktrace

因为node配置的环境变量默认是4096,如果vue项目过大,可能就会导致保存的时候,项目死掉。 解决办法: 1、我的电脑右键属性 2、搜索环境变量,点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
stacktrace 内存 项目 vue JS