使用过的 JavaScript 内置函数记录
前言这篇文章记录学习算法用到的函数，因为经常记不住。(静不下心来导致的)这下貌似知道怎么分类了，简单记录一下用到过的，下次见到能想起来干啥用的就行。这 TypeScript 也太好用了，以后就写 TypeScript 了。 tsconfig.json 配置文件 生成中文注释的配置文件 1tsc --init --locale zh-CN 使用 Vitest 进行测试下载 Vitest1npm install -D vitest 配置 Vitest 创建一个 vitest.config.ts 文件，写入以下内容 1234567import { defineConfig } from 'vitest/config'export default defineConfig({ test: { include:['./test/**/*.test.ts'], },}) 安装 VsCode 插件 插件页面寻找 Vitest 插件并下载 Array 与其他编程语言中的数组一...
使用 WebAPI 实现简单的前后端通信
前言尝试实现前后端通信，前端用 Vite 打包，同时还有热更新功能。后端则是 server.js 脚本。 初始化项目 新建文件夹 12mkdir [yourprojectName]cd [yourprojectName] 初始化项目结构 项目结构大致如下 Project node_modules … src dist … index.html main.js style.css .gitignore server.js vite.config.js package.json README.md 初始化包管理器1npm init -y 安装Vite1npm install -D vite 基本配置 进入 package.json 文件，没有则创建一个，写入脚本 1234567891011{ ... "main": "server.js", "scripts": { "dev:fe": "vite", ...
配置生产环境
前言对于 Javascript 的基础已经有了一定程度的掌握，现在想要试试配置一个生产环境，项目是这个六年前的老东西。 配置过程代码格式化工具prettier 运行以下代码进行安装 1npm install prettier -g 运行以下代码进行格式化 1prettier --write ./src/index.html –write 选项可以在格式化后自动保存代码 配置prettier 新建文件 .prettierrc.json 文件，将以下内容复制进去 (这里只是简单设置一下，还有更多其他配置可以更改) 1234{ "singleQuote": true, "trailingComma": "es5"} 配置Eslint JavaScript 代码检查的首选工具 ESLint，运行以下代码下载 ESLINT 1npm install --save-dev eslint prettier babel-eslint 新建文件 .eslintrc.json 文件，将以下内容...
在软路由上安装 Easytier
前言上一篇文章已经设置好了 OpenWrt 系统的软路由，已经可以当一个正常的路由器去使用了。那么接下来就可以在路由器上面安装 Easytier ，这样即便电脑不开机，也可以通过路由器随时随地访问家里的网络。 下载Easytier下载Easytier图形界面程序 进入路由器后台查看自己路由器的系统架构 进入 Easytier-GUI 的 github界面，然后点开右侧 releases ，找到与自己系统架构相同的压缩包并下载 解压后在软件包处找到上传软件包 依次将图中三个文件按照顺序上传 (一定要按照顺序，不然可能会出现什么问题) 点击上传后会显示上传结果，确保三个文件都上传成功 下载Easytier核心程序 进入 Easytier 核心程序的 github界面，然后点开右侧 releases ，找到与自己系统架构相同的压缩包并下载 进入 Easytier-GUI 界面 找到刚刚下载的压缩包，直接上传核心程序，不需要解压 之后会显示上传结果。确保上传成功 配置Easytier 主要配置请参见文章使用Easytier进行异地组网，下...
折腾 OpenWrt 系统的软路由
前言上篇文章说到，已经完成使用Easytier实现异地组网这一步了。但缺点仍然存在，需要电脑时刻保持开机状态。上网搜了各种解决办法，发现了软路由这玩意。不仅可以在这上面安装Easytier软件，同时还可以安装远程唤醒的插件。正好家里路由器也烂到爆了，经常断网，于是开始着手尝试设置软路由。 购买路由器由于懒得刷Uboot，于是上咸鱼买了一台已经刷好的rax3000m路由器。 下载OpenWrt系统正常来讲，买回来刷好的二手机子一般都是有一个路由器系统的。既然有系统那肯定就有刷过Uboot (相当于电脑主板的bios?)，如果不喜欢原来的系统，可以刷掉再重新装一个Openwrt系统。博主自己手里有两台，学校一台家里一台。学校的买回来直接就能用，而家里的那台自带的系统太乱了，并且自己改完密码还把密码整忘记了，没辙家里的电脑只能重新刷了一个OpenWrt系统。这篇文章就试着回忆一下怎么设置家里的路由器。 寻找固件进入OpneWrt固件下载的网站，可以在这个网站找找自己路由器的固件。这里也是找到了适配rax3000m的固件。 点击进入后选择要下载的bin文件，同时会有显示默认的用户名与密...
使用 Easytier 进行异地组网
前言上一篇文章记录了如何使用Sunshine与Moonlight进行串流，现在已经可以在局域网内对台式机进行操控了，但仅限于局域网内。那么有没有办法能够在任何时间任何地点连接到家里的局域网呢？有的兄弟，有的。这里使用一个名叫Easytier的开源软件，可以实现随时随地异地组网，这篇文章会记录如何使用Easytier进行异地组网(各种局域网联机的游戏也可使用此方法进行联机)。 安装Easytier进入Easyteir官网，点击官网中的下载按钮，随后选择自己电脑的安装包下载即可。 安装好后运行.exe文件，全部按照默认设置安装即可(也可选择更改安装位置)。 通过Easytier进行异地组网设置虚拟ip地址 填入虚拟ip地址(推荐格式192.168.xxx.xxx，也可以选择DHCP自动分配ip地址) 设置网络名称和密码 填写网络名称和密码，密码尽量复杂，以免别人进入你的网络 添加中继服务器这一不本来是不需要的，以前直接使用公共节点就行，但自从MC联机事件之后受其影响导致无法再自动使用公共节点了，需要手动添加节点。 填写节点地址后一定要在下拉框选中才会生效。(图中中继...
使用 Sunshine 与 Moonlight 进行串流
前言大学期间，博主自己买电脑硬件手动组装了一个台式机。由于上学2周才会回一次家，台式机就这样被丢在家里，怪可惜的。于是萌生了在学校也能操控家里电脑的想法。这里是实现这个想法的第一步：利用Sunshine与Moonlight进行串流，可以在局域网内通过其他设备操纵台式机。 主机下载Sunshine服务端 Sunshine是github上的一个开源项目，支持AMD、英特尔和英伟达GPU进行硬件编码。 可以通过这里进入Sunshine的github页面 下载Sunshine 进入release界面 选择AMD64的CPU架构安装包并下载 下载好后，找到安装包全部默认设置安装下来就行。 注册Sunshine本地账号 通过图中指示右键Sunshine图标 第一次进入界面直接输入用户名与密码，自动创建用户，过一会后界面会刷新，要求登录Sunshine，输入刚刚创建的用户名与密码登录就行。 登录后看到图中文字便是运行成功了。 若是上图文字是红色(某些模块没能正常启动)，可以尝试重启Sunshine。 客户机下载Moonlight客户端。 Moonlight同样是是git...
Javascript 基础学习案例
前言由于上一篇流水账太长了，移动端的浏览器出现了不知名故障，只能拆开一部分分到这里来了。这一部分主要记录写过的习题，方便可以随时随地回顾一下。不过将文章拆开来也不是一件坏事，以前复习来翻文章要要翻老久了。 习题例一123456789<label for="weather">选择今天的天气</label><select name="" id="weather"> <option value="">--请做出选择--</option> <option value="sunny">"晴天"</option> <option value="rainy">"雨天"</option> <option value="snowing">"雪天"</op...
Javascript 基础学习
前言这篇文章记录学习js查到过的资料，因为经常记不住。(静不下心来导致的)可恶不知道怎么分类，简单记录一下用到过的就算了，下次见到能想起来干啥用的就行。归类以后再说 各种遇到的Web API和接口(对象类型)可能会混进几个不是Web API或接口 document.querySelector() 文档对象模型Document引用的 querySelector() 方法返回文档中与指定选择器或选择器组匹配的第一个 Element对象。如果找不到匹配项，则返回null。 1234<select name="" id="weather"> <option value="1">String1</option> <option value="2">String2</option></select> 12345const select = document.querySelector("select");/...
博客添加评论功能
前言 博客也终于是部署在vercel上了，接下来要添加评论功能，使用的是 waline 评论系统。这篇文章会记录我部署服务的过程。 注册vercel账号进入vercel官网注册vercel账号 已经注册过的可以跳过这一步。 部署评论区服务端创建vercel项目进入waline官方文档 点击图中按钮直接跳转创建waline项目 给项目取个名称，然后点击Create 结束后点击最下面的Continue to Dashboard 创建数据库 点击图中的storage选项 创建Neno数据库 前面几步都选择默认即可，直到下图这一步骤，选择刚刚创建的项目，然后Connect即可 点击图中open in neno 进入waline.pgsql将链接中的sql语句替换掉图中选中的区域，然后点击Run运行 重启项目 回到我们的项目，点击Redeploy ok成了 添加域名(可选) 可以参照我的上一篇博客，步骤差不多，不过这里建议创建一个二级域名。 这个截图是完成后的效果 创建管理员用户 通过我们绑定的域名(或者默认给的域名)进入到管理界面...