前端笔记

前言 在 mac 上使用 spaceship 主题习惯了，想着看看 windows 上能不能使用 效果预览 步骤 在 powershell 中安装 wsl,大概等了五分钟左右，安装过程的提示很少，一度

@[TOC] 概述 有常用的四种维度，用来变换物体 位置 position 旋转 rotation 缩放 scale 四元数 quaternion 再此之前引入一个 Axes Helper 用于帮我们

整体大纲 目的：为什么要建立 Derp 中转服务器 官方给你的公用服务器一般情况下不在大陆，所以延迟高 并且因为是公用的，可能会 拥挤，导致 不稳定 在大陆的情况下，为了降低延迟，提高带宽，所以要自建

效果 首先是连接情况，双端都连接上自建的 Headscale， 手机使用移动流量，测试一下 ping 值 再试试进入游戏 可以看到是没问题的！ 为什么要用 Headscale 比较 Wireguard

安装 首先用 vite 脚手架搭建一个空的项目，然后依赖安装 其中 核心组件：ag-grid-vue3 提供基础样式：ag-grid-community 提供语言包：@ag-grid-communit

需求 我如何用代码来实现 ElementPlus 的菜单的展开和收缩呢？ 几次探索 尝试通过找到节点之后，使用 click 事件，失败了 尝试模拟鼠标点击事件，失败了 官网寻找线索（解决办法） 不得已

需求 开发一个箭头组件，根据父组件传递的 props 来修改 css 的颜色 效果如下图所示 代码逻辑 代码 父组件： 子组件： 参考 1. 使用 CSS 自定义属性（变量） https://deve

省流 不要用 uni.xxx 那一套，用 socketTask = await uni.connectSocket({}) 的 socketTask 去控制 业务逻辑描述 第一次进入应用主页，连接 W

前言 最近需要用到 JointJs 做一些东西，但是 官方文档 的 @joint/core 跑下来后发现并不太好使，空白一片...（这是个误会...） 所以开了个贴给自己做个笔记，也给需要用到的人一个

往期 Puppeteer 使用实战：如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（二） 效果 写了一个 node 脚本用来批量处理 md 文件 本期用的基本上是 node 将文章信息导出

上一篇 Puppeteer 使用实战：如何将自己的 CSDN 专栏文章导出并用于 Hexo 博客（一） 效果演示 上一篇实现了一些基本功能，但是还有些问题 有些时候页面会卡死，或者说找不到导出的元素，

效果展示 说明 看了看网上很少做这个功能，但是我有这个需求，就抽出事件写了个简单的工具 目前只能导出专栏的文章，不过思路类似 并没有做 Promise 失败的重新发送，代码仍然待完善，欢迎提交分支 P

背景 我之前在阿里云上买了个域名，有效期10年的，然后在2023年1月末转移到华为云了，交了一年的域名费用，买了一个一年的华为云服务器 一年之后，华为云的服务器也到期了，我就想着参加新用户计划，就顺手

前言 记录一下 Tauri 的基本操作 如何将 Tauri 集成到前端项目? 我们先创建一个普通的前端项目，这里我用 Vite + Vue3 创建一个空项目 然后启动检查一下，没啥问题： 之后引入 T

前言 我翻了翻网上很多教程，并没有很全面的 Windows 下安装使用 Tauri 的笔记，鉴于之前踩过了很多坑，所以来写一篇笔记，希望需要的伙伴能够用Tauri 顺利开发打包 这篇文章大概讲了以下内

起因 我的服务器到期了，服务器上有几个服务，人家问这几个网站怎么不好使了，奈何服务器续费太贵租不起了... 但是服务还是要提供的，所以我在想如何把 node 的项目变成桌面端应用，于是有了这个笔记 效

上一篇文章 【文件上传系列】No.2 秒传（原生前端 + Node 后端） 断点续传效果展示 准备工作：暂停上传 前端点击暂停按钮，之后把所有上传的请求取消掉，需要使用 xhr.abort() 这个方

上一篇文章 【文件上传系列】No.1 大文件分片、进度图展示（原生前端 + Node 后端 & Koa） 秒传效果展示 秒传思路 整理文件夹、path.resolve() 介绍 接着上一章的内容，因为

分片进度 效果展示 大文件分片上传 效果展示 前端 思路 页面构建 先在页面上写几个组件用来获取文件。 功能函数：生成切片 切分文件的核心函数是 slice，没错，就是这么的神奇啊 我们把切好的 ch

基础功能：上传文件 演示如下： 前端 前端的工作就是把页面写好，ajax 和 FormData 组装好，发送给后端。 基础功能：组装 FormData 和 XHR 前端这边代码如下： 基础：xhr.u