jo miro的博客

原创 vue3和vue2定义全局变量

vue3和vue2定义全局的变量

原创 域名解析，二级域名解析，二级域名解析到新端口

原创 electron+vite+vue3.0+forge或electron builder最新打包流程

现在官方统一推荐forge来打包了，哪个打包工具有什么的优势也没有人说明白。总之官方推荐，并且存在即正义的准则，那么就不要问为什么了，用就完了。

原创 mac自定义环境变量，mac自定义python变量，自定义通用变量（任意名字）

如果该文件夹下有隐藏的文件夹或文件就会显示，这时候你就可以对着命令行给出的结果到这些文件夹看一下有没有自己的程序，这里有可能是程序本身有很可能是替身，两者都可以。所以我们定义变量的时候可以看做是给电脑指定几个有程序的文件夹，所以就会有很多的文件夹和程序变量，所以环境变量也有优先级。比如我输入python，程序会优先到我们指定的路径找有没有可以执行的python程序，有就执行，没有就返回没有该程序。，结果会返回几个文件夹，一开始我们可能看不到这些文件夹，这时候就需要打开我们的访达。| 功能 | 命令 |

原创 moviepy接口API中文文档

官方文档git的文档https://github.com/APhun/moviepy-cn网站的文档https://zulko.github.io/moviepy/ref/code_origanization.html#codeorganization——————————转载请注明出处！！！本文首发：https://www.ic365club.comic365club是知识分享和学习交流的扁平化平台，欢迎广大爱好学习的伙伴一起加入...

原创 瀑布流布局的实现

做了一个图片管理系统，由于图片的高度不一，需要瀑布流布局。文章目录先看效果技术需求固定数据动态数据防抖节流防抖常见错误js闭包先看效果技术需求HTML、javascript、数学固定数据js函数是我参照其他网页的布局效果想出来的，这里我们先采用固定的列数来进行分析。首先我们假设会有5列的图片，这样每行最多就会有5张图片。我们将父容器的position设置为相对定位，图片的位置设置成绝对定位，然后在图片加载完成后js遍历修改图片的位置。function rePosion(){ //

原创 VUE自定义分页器组件

vue/cli框架撸一个分页器组件，非常的好用，快来领取吧。文章目录视频教程预览源码视频教程B站直通车预览这是调取组件后传入总页数20，显示4页的效果。源码源码请到源码链接源码仅供学习和参考，请勿直接使用。源码里的前进后退按钮我用用了iconfont所以在使用时需要替换一下。参数：参数类型默认值描述totalnumber/string5总页数show-pagenumber5展示页数事件：自定义事件描述curre

原创 DOCs常用命令集合cmd常用api集合

原文：https://www.ic365club.com/article/detail?id=MA21jf10fo17这是我在学习win系统CMD命令总结的几个常用的命令。介绍.bat和.cmd文件后缀常用命令1.简介2.注意/？查看帮助dir 文件夹命令cd 切换文件夹命令ver windows的命令，查看版本time 查看并改变时间date 查看日期并改变cls 清屏pause 停住，按任意键继续启动程序copy 复制move 移动del 删除md 建立目录（mkd

原创 nodejs生成pdf文件

开发的需求中难免会遇到下载文件的要求，下载自定义HTML文件的需求尤为显著。而不是所有的用户都知道HTML，但是知道和使用pdf的肯定多余HTML的，将HTML文件转pdf提供下载优化用户体验自然也就成为各位内卷的又一目标啦！[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kRxh9Tvd-1633685073551)(/article/img/AI21bk10pz08.jpg “奋斗”)]加油奥利给冲起来（别想歪了）文章目录思路方法一安装举例方法二安装使用api文档总

原创 关于IP地址转数字的存储和转化

由于数字的查询、传输效率要优于字符串，所以我将之前用字符串存储ip地址的方案彻底改为使用数字型来存储ip地址。文章目录直接给函数后面说过程运算符>>、<<、>>>数据类型直接给函数后面说过程var obj={ ip_number:function(ip){ // ip地址转数字函数，我们这里就随便找一个ip 27.115.124.38 var num = 0; ip = ip.split("."); // 将ip字符串转为数组[27,11.

原创 谈谈我对使用jimp的一些看法

现在随着网络技术的不断发展，信息传递发方式和媒介也在不停的发生着变化。一图胜千言更是在人们口中常常说到。说到作图想必使用node的大家应该都知道jimp吧，但不知道真正项目中用的人多不多？根据网上的资料node处理图像的模块很多，我用过的就有几个。之前用的只是调整图片尺寸，添加水印什么的，并不能绘制图片内容。后来了解到gm和jimp模块这两个模块都很好，但是又用着都不是很顺手。先说说gm吧，好好的node模块，却需要安装其他软件（ImageMagick）支持，这个安装软件给我感觉就怪怪的，再说jim

原创 electron自定义导航栏、菜单

其实自定义导航栏比较简单，但是一般自用的软件没有必要自定义，面向客户的可能需要自定义一下。主要分为两步：1.关闭默认的边框win和mac的方法不一样。2.在html里写自己的导航栏。3.给自定义的导航添加css样式。有两个-webkit-app-region: drag;和-webkit-app-region: no-drag;，可以拖动和不可以拖动。目录取消默认边框（导航栏）自定义取消默认边框（导航栏）在BrowserWindow里面设置frame:false，如果你的是mac系统则titleB.

原创 JavaScript闭包的使用案例

闭包在我们平时的前端编程中使用，使用好了可以利用，使用不好了则会导致内存溢出文章目录JavaScripthtml操作截图###目标使用闭包的变量性质定义一个变量，不会影响作者的使用，也不会被其他地方的定义影响。JavaScriptfunction clickFn(){ var counts=0; var obj={ click:function(){ counts++; }, getcounts:funct.

原创 gulp-babel没有报错也没有输出ES6

背景：一次用gulp转js文件就遇到问题了，没有输出也没有报错。也不知道是哪个插件的问题。网上也找了一些方法，自己也不断的做了尝试最终发现了问题。原来是js的错误，但是没有在gulp报出来，导致了没有报错也没有输出。结论：for循环里面的变量不要声明。找到问题的方法：经过不断的尝试，我发现是有两个js的问题，但是我的js运行起来是没有问题的。于是我就加了一个简单正确的css（我的gulp配置是js和css一起处理的）文件进去，结果就爆出错误了。图片里吗有一个红点就是报错的地方，这里我确定js在浏览器

原创 python获取当前路径、文件、文件夹

在这之前我们可以先学一下docs命令，会比较理解它的原理标准输入：程序执行时会接收标准输入，输入参数中就包括当前执行的文件绝对路径。【这里需要注意的是，不同的编程语言标准输入的顺序不太一样，node会把文件夹也计入，但是python不会】，所以python需要先获取标准输入的文件，然后再由文件获取文件夹路径。# 获取当前文件夹路径import sysimport osprint(sys.argv[0]) # 获取标准输入的第一位，也就是执行文件的绝对路径print(os.path.dirnam

原创 node加mongodb实现和mongoose的分词模糊查询

查询是我们程序不可缺少的一部分，那么我们怎么来实现智能而又模糊的查询呢？网上看了一些，多多少少有些不够，于是就有了这篇文章。至于数据库的链接和数据插入这里就不说了。我们直接从查询开始1.分词我们知道用户是上帝，所以我们要尽可能的理解用户想要的是什么，有的时候用户可能会拼错，但是生活还得继续，我们就不得不将用户的关键词进行分词处理，在进行正则拼接。2.正则拼接3.查询...

原创 测试一下node和python的递归效率

测试纯属无聊环境介绍：win10，I7之前做过一些测试，有的node效率很高，有的python效率更高。所以测试不代表什么先出函数import timestart=time.time()def digui(n): if n==1 or n==2: return 1; return digui(n-1)+digui(n-2)print(digui(45))end=time.time()print(start-end)console.tim

原创 mongoDB导致时间相差8小时的解决方法

结论：放弃mongodb数据库本身的date类型，使用number类型替代。（一会说为什么）在开发过程中，特别的是数据库的创建中，我们希望可以确定每个字段或是变量的类型，方便我们查询和计算。但是mongodb的date类型对我们东八区却不是很友好。在我们存入时间的时候给我们减少8个小时，在我们获取时间的时候给我们加上8的小时。目前网上有几种方法：1.在取时间的时候加八小时。这里有问题，如果是跨天的、跨月的我们不好相加，虽然可以换算成毫秒相加，但是有的时候取出来的数据不能换算，所以..

原创 JS识别二维码，JS解二维码，前端识别二维码

1.之前有找过识别二维码的插件，但是遇到了些问题，具体表现为文字识别不了，带get参数识别不了。正常的普通链接没问题。2.找了一天也没找到一个正常的。吐槽一下网上的教程正是什么样的都有，真是醉了。3.找了一天，就在我要放弃的时候，真是印证了踏破铁鞋无觅处，皇天不负有心人。最后给我找到了。下面会分享出来。4.我做了全栈开发，开发了一个平台，免费的。以后文章和文章提到的文件啊，脚本啊，都会免费的提供下载。教程大部分都是我亲自测试的。或者是我自己写的。开始引入两个库jQuery和jsQR.js（网上有可

原创 SLL证书在express添加

总体的来说证书就是添加在实例化主路由的时候。如果你用的NGINX，那就在NGINX添加。如果你用的express，就在express添加。1.下载证书，证书有五种吧，NGINX和express都选express文件夹下的那个证书文件和秘钥文件即可。2.创建option对象，降证书和秘钥路径放到该对象中，创建路由的时候把对象带进去。前端访问自然成HTTPS。...

原创 回车添加删除标签

今天借用几分钟，写了一个回车添加标签、删除标签、标签获取的js，大家可以随意使用啊！！！html： <div id=""> <div id="tagsContainer"> <input type="text" id="tagIn" size="8" maxlength="15" placeholder="输入标签回车"/> </div> </div>css:<style type="text/css"&g

原创 服务器缓存的必要性

防攻击、防恶意、助体验。最近再做登录验证，原理其实就是数据库增删改查的查，前端带cookie来，然后查询一下数据库就可以了。之前也看过数据库缓存的教程，但觉得没这个必要，就没深究。但今天突然想到...

原创 前后端加解密

既然都到这了，重要性就不用我重复了。1、首先我们来了解一下加解密的类型，方便我们根据自己的需求选择。加密一般分为hash加密、对称加密、非对称加密。可能还有，但这几个基本够用了。另外我才想大厂可能会有自己的加密算法。哈希加密：这是单向计算加密，不能解密。但不是绝对不能解，要是挖矿群体来了应该就可以解了。对称加密：有点像以前的秘文电报，只要有密码本（私钥）就可以解开。或者说有点像方言。非对称加密：有点像普通话（公钥），然后接收方再根据（私钥）解密。非对称加密效率比较低，他的应用场景是多方交互时会用到

原创 简单的服务器部署流程

（服务器就是一台电脑，和平时用的电脑区别就是服务器在那些大厂管理着）1、和平时买电脑一样，选一台满足自己需要的服务器，卖服务器的很多，网上一搜一大把。2、选好之后付费。（装系统什么的都是一键完成的）。3、付费后你就得到了一台云服务器了，也就是一台要天天吃钱的电脑。4、和平时买电脑一样，接下来你就要安装软件了，有的软件要依赖环境，所以环境也需要安装。5、防火墙和端口配置，因为服务器要被访问，需要设置防火墙和端口。具体的网上一收一大把。...

原创 高并发测试、压力测试

1.postman没有并发测试，run collection是阻塞操作。那么怎做并发测试呢？使用JMeterjmeter可以进行压力测试、并发测试、性能测试，功能挺多，我就看了高并发，有需求请自行研究。本文分为两步：1.环境安装 2.测试1.安装1.1 JDK下载、安装推荐使用网盘下载，因为官网不知道何时起需要注册才能下载了。注册流程较为繁琐。方法1：网盘下载：链接：https://pan.baidu.com/s/1iVxsnX25mvbNia8-_b...

原创 nodejs创建内部接口api内部调用

一般的我们有一个路由或者接口是暴露在外的，比如80。如果我们这个路由有我们的秘钥信息是不是会有些不安全了，比如短信接口秘钥……等其他一些接口的秘钥。这时我们就可以创建另外一个服务，让它只能被本机调用，不暴露在外。这样是不是就安全一些了。试想一下数据库的接入是不是就是这么个道理，数据库的端口我们没有暴露在外吧。我们利用nodejs来创建请求向内部发送请求这里我是用的是axios模块来发送请求安装：npm install axios --saveconst expres..

原创 前端相对路径、绝对路径，后端相对路径、绝对路径

前端和后端的相对路径不太一样，前端不会有什么幺蛾子，后端因为不同的路由会打包对象放到不同的目录，这是有的相对路径就是从App开始，有的就是从子路由开始。这次先聊聊前端的吧*特别注意 /*特别注意 /*特别注意 /在相对路径中有dirname/、/dirname、./dirname、//dirname、…/dirname。大约有这么多，比较模糊的就是前三种：1.dirname/ 这种路径，浏览器会讲地址栏的url和该路径拼接。2./dirname 这种路径，浏览器会将协议、主机名和该路径

原创 nodejs压缩包打包文件

我了解到的插件有好几个，我在用adm-zip具体的没有对比过1.导入2.new一个对象3.添加文件到压缩包4.保存压缩包

原创 获取微信用户信息

嗷嗷嗷奥利给当你开通公众号，获得测试号时个人的订阅号只支持做测试，要做项目就需要公司的订阅号主要分三步1.拼接url，当用户在微信访问拼接的这个url时就会弹出授权提示，用户授权后就会自动带着钥匙（code）跳转到我们拼接到url里，希望用户真正跳转的地址。这时我们就可以拿到这个钥匙（code）2.根据1的钥匙再一次拼接url，这个时候涉及到jsonp的知识了，然后访问带着钥匙的拼接url，得到一个json字符串，字符串里有token和openid。3.使用2获得的taken和openid再次拼

原创 python终止死循环和开启死循环

很遗憾，没有这样的方法……但是世上无难事，只怕有心人。理论：由于没有单独开启和停止死循环的方法，所以我们需要使用别的方法使用进程管理的方法来实现使用全局变量了控制是否是死循环说一下程序的功能，在需要时不停的向下滚动滚轮，不需要时停止开始代码选用的模块1.time # 不多说2.threading # 用于开启新线程3.pyautogui # 用于操作系统gui4.keyboard # 用于监听按键事件模块安装不作介绍# 1.将死循环函数开一个新的线程执行，让它不要影响主进

原创 nodejs生成二维码并保存

1.需要两个模块fs（用于创造可写入流，用于存储文件），qr-image（用于生成二维码，这个生成后会形成一个文件流，需要用pipe的方法来返回给文件或者请求）// 引入模块const qrCreate=require("qr-image");const fs=require("fs");const express=require("express");// 创建路由，监听端口var app=express();app.listen(9002);// var userStr="

原创 A标签锚点跳转不改变路由地址

屏蔽

原创 JS对象排序

var person = [{name:“Rom”,age:12},{name:“Bob”,age:22},{name:“Ma”,age:5},{name:“Tony”,age:25}]person.sort((a,b)=>{ return a.age-b.age})//升序person.sort((a,b)=>{ return b.age-a.age})//降序`var person = [{name:“Rom”,age:12},{name:“Bob”,age:22},{name:“Ma

原创 使用formdata必须要注意的坑

1.不要设置请求头，不要设置请求头，不要设置请求头。（如果是自己封装的函数，自己解决一下，如果是三方的，自己查一下）2.只能post，只能post，只能post3.服务器需要用三方插件解析

原创 函数封装、函数封装默认值

我们在封装函数时，为给用户带来更好的用户体验，避免某个参数用户没有输入时出错。在封装函数时会封装一个默认对象作为默认值。假如我们在函数中声明一个对象作为默认值，var defaults={key1：value1，key2：value2}。然后再调用JS对象的object.assgin方法来进行自动判断和更新默认值。Object.assgin（defaults，arguments）...

原创 ajax总结

1、可异步可同步，通过设置open的第三个参数，true异步，false同步。2、get和post参数，参数体一样都是key1=value1&key2=value2。get参数用？号接后面的参数。post参数直接放到send里。3、get和post都需要send()，get的send不用传递数据，post的send用于传递字符串4、post发送数据不一样是请求头不一样服务端...

原创 selenium鼠标移动、拖拽、双击、长按等操作

　selenium鼠标操作靠的是ActionChains(行为链)类，前面的文章我们已经介绍过，详情可以看ActionChains类，selenium的鼠标操作就不一一举例了，本节把鼠标移动、拖拽、双击、长按常见操作罗列下。会使用一种方法自然也会用多种方法！(selenium视觉上看不出鼠标在移动，你可以用右键点击来证实下确实移动了，案例鼠标滚动移动网页下拉）1、move_to_element(to_element)鼠标移动到指定元素from selenium import webdriverf

原创 Python线程池、多线程、异步

导入线程池定义阻塞函数（需要多线程的执行语句）准备参数，数组形势的，线程池是以数组的形势接收参数的。一个数组一个参数，如果阻塞函数有多个参数就多几个数组，没有参数则不要数组。演示：我需要同时开启多个selenium执行相应操作（点击、等待）先简单封装selenium的打开和关闭，看能不能同时打开多个selenium并关闭。...

原创 Unexpected token ‘ in JSON

字符串转json时报错Unexpected token ' in JSON那就报json或数组中的单引号（'）改成双引号（"）就可以了

原创 Python、nodejs读取json文件

首先读取出来的都是字符串，不是对象或者字典，所以需要一步转换。同理，需要存储的时候也需要这样的操作。否则操作就会变形。1.nodejs读取json文件（分异步、同步）同步的方法读取2.Python读取json文件...