首页
关于
MicroMatrix
明月别枝惊鹊,清风半夜鸣蝉
累计撰写
116
篇文章
累计创建
36
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
share
相关的文章
2024-12-04
React 常用 Hooks 实战
对于新手 react 玩家来说,了解常用的 React Api 是一件重要的事情,这篇文章可以帮组你很快的了解常用 Api,帮助你在开发中快速而有效的完成任务。 React 中常用的五个 Hooks useState 用于在函数组件中添加状态,状态的更新会触发组件重新渲染。 示例: import R
2024-12-04
4
0
0
share
2024-12-01
TypeScript 技巧记录
const 的妙用 在日常开发中,经常能看到这种 const ROLE = {} as const 。 原来使用as const 主要是为了在 TypeScript 中将对象 ROLE 的属性设置为只读。从而增强安全性,此外还能帮助 TS 推到更精确的类型。 同时在使用的过程中使用 ROLE[”xx
2024-12-01
3
0
0
share
2024-11-23
前端常见的安全问题及防范措施
在当下这个通信技术高速发展的时代,网站的出现拉近了用户和商家,用户与用户之间的距离。这也滋生了一些黑色产业,对网站进行攻击获取数据,瘫痪网站以获取不法收入。 这篇博客,我们将探讨网站安全的方方面面,从基础的防护措施到应对复杂攻击的策略。帮助开发者构建一个安全性高的网站应用。 跨域攻击 现如今的网站应
2024-11-23
3
0
0
share
2024-11-05
用SVG和Vue3构建一个极简高效的加载提示组件
在开发现代Web应用时,加载提示是一个不可忽视的小细节——它不仅能提升用户体验,还能避免让用户在等待时“焦头烂额”。但说到加载动画,大家往往会想到图片、GIF或者其他需要大量资源的方式。那么,如果我们不用这些沉重的资源,能否创造出既轻量又炫酷的效果呢?答案是肯定的!今天,我们就来聊聊如何用SVG和V
2024-11-05
1
0
0
share
2024-11-05
Docker 检查容器大小及清除docker磁盘空间
前言 今天服务器一直提示资源异常,一看发现空间 32G 快用完了,一层层查询下去发现是 docker 容器overlay2目录占用了大量空间。下面是清理的方法。 查看服务器内存大小 # -T:可以用来查看分区的文件系统。 # -h:表示使用「Human-readable」的输出,也就是在档案系统大
2024-11-05
4
0
0
share
2024-10-21
在 VS Code 中为 JSON 文件添加注释的方法
在 VS Code 中,JSON 文件默认不支持注释,这确实会让配置文件的阅读和维护变得困难。不过,你可以通过以下步骤将 JSON 文件设置为支持注释的格式,从而提高可读性。 配置 JSON 文件以支持注释 打开 VS Code 左下角的设置图标 → 选择设置。 在设置页面中搜索文件关联。 找到 F
2024-10-21
3
0
0
share
2024-09-01
Next.js 14 配置 PWA:打造渐进式 Web 应用的完整指南
前言 前面的文章中对 PWA 做了介绍,也介绍了它的交互流程。那么这里就对我开发的音乐网站做一个 PWA 配置,来实践一下 PWA 的配置过程。 操作环节 安装依赖 pnpm install next-pwa 然后就是之前文章提到的 Manifest配置文件 新建配置文件 /public/pwa/
2024-09-01
3
0
0
share
2024-08-22
Vue 3 + Vite 在 Vercel 部署及跨域配置指南
前言 vite 项目可以直接部署到 vercel 上,不用做任何修改。但是这里会遇到一个问题,就是网站访问接口跨域。如果是普通的服务器,那么通常就是用 nginx 做反向代理。但是对于 Vercel 我们无法这么做。 解决方法 采用 vercel 上的配置做代理。 项目安装插件 pnpm insta
2024-08-22
6
0
0
share
2024-08-12
PWA 技术解析:实现快速响应、离线能力和流畅操作的 Web 应用
摘要 在现代 Web 开发的世界中,用户体验是最重要的因素之一。无论是 Web 应用还是原生应用,用户都期望应用能快速响应、操作流畅、具备离线能力,并能方便地访问。渐进式 Web 应用(PWA,Progressive Web App)的出现,正是为了满足这些需求。 PWA 是一种结合了 Web 应用
2024-08-12
4
0
0
share
2024-07-23
三行 CSS 实现滚动动画:提升用户体验的简单方法
简介 在这篇博客中,我将向大家展示如何使用仅三行简单的 CSS 代码,实现元素的滚动动画效果。通过创建一个视图容器,添加一些块元素,并利用 CSS 动画属性,我们可以轻松实现平滑的滚动动画。除此之外,我还会介绍如何根据滚动位置单独针对每个元素进行动画处理,以及如何使用动画范围属性确保元素在到达时完全
2024-07-23
1
0
0
share
1
2
3
4
5
...
9