Vue-cli 微博注册登录系统
Vue-cli 项目展示
下载链接链接：https://pan.baidu.com/s/1h7GcnPzGe0AmztnSD9gv1A提取码：na37
流程
首先花了点事件撸出页面
然后设计逻辑，其中有些坑记录一下
Input 框样式参考这个连接
express的使用
JavaScript的原型，原型链到底是什么！看完这篇绝对会有感悟
JavaScript 原型链平常老听别人说什么原型链，我总是半知半解的，终于有时间好好梳理一下！给大家介绍我老婆。
图解我们先来看一下这张图，不理解没关系，我来慢慢解释，先有个印象！当然结衣父母也可以生男孩（我觉得还是生女孩好 ohhhhhh）
关卡 1：通过构造函数 => new 一个对象听说您还没有对象？没关系，我来给你new一个！
123456789101112131415// 1. 首先通过构造函数，初始化一个女孩儿function Girl(name, age, bustSize) { this.name = name; this.age = age; this.bustSize = bustSize; this.show = function () { console.log(`初次见面，我叫${this.name},请多指教！`); };}// 2. 实例化一个女朋友var girlfriend1 = new Girl("唐泽雪穗", 22, "D ...
华为云账号注销之后账号下的域名丢了怎么办？记录一次域名转移权限的经历
# 背景我之前在阿里云上买了个域名，有效期10年的，然后在2023年1月末转移到华为云了，交了一年的域名费用，买了一个一年的华为云服务器
一年之后，华为云的服务器也到期了，我就想着参加新用户计划，就顺手注销掉之前的华为云账号
然后，这个账号下的域名也消失了
根据域名查域名代理商可以在这个网址查看
下面是我在阿里云上查的信息
于是我在这个网站上找了一下 whois 信息，是新网的
于是注册了个新网的账号（不知道为啥 Chrome 注册不了，用 Edge 注册的），然后他们客服说在华为云下我就打电话给华为云
华为云客服沟通客服那边转了五次吧，每次都要描述一遍，不过华为的客服效率还是挺高的，最后转到技术部，他是这么说的
华为云账号注销了，域名还是在的，只是无法通过华为云账号管理了。域名属于按需资源，您当时注销账号时应该忽略了域名资源。
新网转移域名管理权打开这个页面，域名管理权变更操作流程，我用的方法二
然后就会给你发个邮箱
然后就等着吧，我暂时是搞到这步了，域名弄回来了就行~
Tauri 的基本使用笔记
前言记录一下 Tauri 的基本操作
如何将 Tauri 集成到前端项目?我们先创建一个普通的前端项目，这里我用 Vite + Vue3 创建一个空项目
然后启动检查一下，没啥问题：
之后引入 Tauri 的脚手架，我们可以看一下官网的说明
1pnpm add -D @tauri-apps/cli
然后 pnpm tauri init ，通过脚手架 init 一些配置
导入之后可以看一下代码结构，新增了 src-tauri 文件夹！
然后 pnpm tauri dev 启动一下，可以看到我启动花了四分钟，真的是挺慢的了，不过还是启动了！！
这里插一嘴，如果卡 blocking 的话，稍微等一下吧，太久了就检查一下代理，然后重复上述步骤
进程间通信（命令）前端如何调用 Rust 指令呢？
我们把前端精简一下，就剩一个组件，然后写一个按钮，用来触发命令
想要前端调用 Rust，还需要安装一个 @tauri-apps/api，具体可以看 官网：调用指令，安装完运行 tauri dev
我们就按照官网给的例子，写好 Rust 的代码
之后来测试一下
cons ...
前端 Node 项目迁徙为桌面 Electron 应用笔记
# 起因我的服务器到期了，服务器上有几个服务，人家问这几个网站怎么不好使了，奈何服务器续费太贵租不起了…
但是服务还是要提供的，所以我在想如何把 node 的项目变成桌面端应用，于是有了这个笔记
效果展示页面没啥变化，就是把 node 打包成 exe 应用了
技术选型我是前端出身，这里偏向使用 js 去开发桌面端，想要短期解决客户的需求嘛，这里有几个技术选择:
Electron
Tauri
Wails
大致浏览了一下，这里选择使用 Electron，纯粹是官方说明第一眼看的比较顺，而且看论坛里关于它的讨论还挺多的，遇到问题估计能查到。
简单了解 Electron类似浏览器套壳子，大概的组成如下图所示：
准备步骤：安装 Electron首先把前端的整个项目复制一份，我们在复制的这份处理，然后打开 package.json，精简一下包内容（我是把 koa 都删掉了）
接着安装脚手架，（这里我是直接安装的 @electron-forge/cli, 方便以后打包，当然你也可以按照官方的直接安装 electron）官方的安装文档点我跳转！
12yarn add --dev ...
【文件上传系列】No.3 断点续传（原生前端 + Node 后端）
# 上一篇文章
【文件上传系列】No.2 秒传（原生前端 + Node 后端）
断点续传效果展示
准备工作：暂停上传前端点击暂停按钮，之后把所有上传的请求取消掉，需要使用 xhr.abort() 这个方法，点我跳转到 MDN 。
写个按钮，监听点击事件
12345678910111213<body> <button id="pauseButton">暂停</button></body><script>/** * 功能：暂停按钮 */document.getElementById('pauseButton').addEventListener('click', () => { console.log(xhrList); xhrList.forEach((xhr) => xhr.abort());});</script>
这里的 xhrList 是我们在上传的时候传递给 request 的
来测试一下暂停后是 ...
【文件上传系列】No.2 秒传（原生前端 + Node 后端）
上一篇文章【文件上传系列】No.1 大文件分片、进度图展示（原生前端 + Node 后端 & Koa）
秒传效果展示
秒传思路
整理的思路是：根据文件的二进制内容生成 Hash 值，然后去服务器里找，如果找到了，说明已经上传过了，所以又叫做秒传（笑）
整理文件夹、path.resolve() 介绍接着上一章的内容，因为前端和后端的服务都写在一起了，显得有点凌乱，所以我打算分类一下
改了文件路径的话，那么各种引用也要修改，引用就很好改了，这里就不多说了
这里讲一下 path 的修改，为了方便修改 path，引用了 path 依赖，使用 path.resolve() 方法就很舒服的修改路径，常见的拼接方法如下图测试：(如果不用这个包依赖的话，想一下如何返回上一个路径呢？可能使用 split('/)[1] 类似这种方法吧。)
会使用这个包依赖之后就可以修改服务里的代码了：
200 页面正常！资源也都加载了！
前端思路
具体思路如下
计算文件整体 hash ，因为不同的文件，名字可能相同，不具有唯一性，所以根据文件内容计算出来的 hash 值比较靠 ...
【文件上传系列】No.1 大文件分片、进度图展示（原生前端 + Node 后端 & Koa）
# 分片（500MB）进度效果展示
效果展示，一个分片是 500MB 的
分片（10MB）进度效果展示
大文件分片上传效果展示
前端思路
前端的思路：将大文件切分成多个小文件，然后并发给后端。
页面构建先在页面上写几个组件用来获取文件。
1234<body> <input type="file" id="file" /> <button id="uploadButton">点击上传</button></body>
功能函数：生成切片切分文件的核心函数是 slice，没错，就是这么的神奇啊
我们把切好的 chunk 放到数组里，等待下一步的包装处理
1234567891011121314151617181920/** * 默认切片大小 10 MB */const SIZE = 10 * 1024 * 1024;/** * 功能：生成切片 */function handleCreateChunk(file, size = SIZE) { co ...
【文件上传系列】No.0 利用 FormData 实现文件上传、监控网路速度和上传进度（原生前端，Koa 后端）
利用 FormData 实现文件上传基础功能：上传文件演示如下：
概括流程：
前端：把文件数据获取并 append 到 FormData 对象中
后端：通过 ctx.request.files 对象拿到二进制数据，获得 node 暂存的文件路径
前端前端的工作就是把页面写好，ajax 和 FormData 组装好，发送给后端。
基础功能：组装 FormData 和 XHR前端这边代码如下：
123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document& ...
【日志】光猫 GM219-s 改桥接以及常见问题
起因我母上跟我说家里的 wifi 怎么这么卡，而且断电后重新接电源要反应好久才有网，于是我就研究一下我家的网络
发现这个光猫还挺能干的，是啥都干啊，可怜它于是摸了摸，发现 tm 的有点烫手，一下就明白了，它负载有点高啊
于是上网上看了看很多人改桥接，为啥要改桥接呢
改桥接能有什么好处？减少光猫的负担（我家的光猫 GM219-s，它既要调制与解调，又要负责 PPPoe 拨号上网又有两根天线，负责路由部分，还能智能家居管控，但是各个功能发挥的都不太行，页面也是丑的一批，说白了就是，什么都能做，但是什么都做不好）
设置了光猫桥接模式后，拨号上网由路由器来进行，可以方便进行其他网络相关操作，而且可以减少因为光猫问题造成的网络性能瓶颈，家庭网络故障等。
升级路由器效果图升级前的
升级后的
步骤概括
跟运营商找到超级用户以及密码，设法进入光猫后台，从路由模式改为桥接模式
配置路由器，PPPoe 上网
详细操作1. 光猫部分进入光猫后台的准备工作首先要进入光猫后台，一般光猫上都会写后台地址以及用户名和密码
先尝试访问，如果访问失败，可以进行如下尝试
将电脑网口和光猫用网线直接连 ...
