share-MicroMatrix

MicroMatrix 博主等级

明月别枝惊鹊,清风半夜鸣蝉

累计撰写 135 篇文章
累计创建 41 个标签
累计收到 2 条评论

目录CONTENT

以下是 share 相关的文章

2024-09-01
Next.js 14 配置 PWA：打造渐进式 Web 应用的完整指南前言前面的文章中对 PWA 做了介绍，也介绍了它的交互流程。那么这里就对我开发的音乐网站做一个 PWA 配置，来实践一下 PWA 的配置过程。操作环节安装依赖 pnpm install next-pwa 然后就是之前文章提到的 Manifest配置文件新建配置文件 /public/pwa/
- 2024-09-01
- 19
- 0
- 0
- share
2024-08-22
Vue 3 + Vite 在 Vercel 部署及跨域配置指南前言 vite 项目可以直接部署到 vercel 上，不用做任何修改。但是这里会遇到一个问题，就是网站访问接口跨域。如果是普通的服务器，那么通常就是用 nginx 做反向代理。但是对于 Vercel 我们无法这么做。解决方法采用 vercel 上的配置做代理。项目安装插件 pnpm insta
- 2024-08-22
- 23
- 0
- 0
- share
2024-08-12
PWA 技术解析：实现快速响应、离线能力和流畅操作的 Web 应用摘要在现代 Web 开发的世界中，用户体验是最重要的因素之一。无论是 Web 应用还是原生应用，用户都期望应用能快速响应、操作流畅、具备离线能力，并能方便地访问。渐进式 Web 应用（PWA，Progressive Web App）的出现，正是为了满足这些需求。 PWA 是一种结合了 Web 应用
- 2024-08-12
- 16
- 0
- 0
- share
2024-07-23
三行 CSS 实现滚动动画：提升用户体验的简单方法简介在这篇博客中，我将向大家展示如何使用仅三行简单的 CSS 代码，实现元素的滚动动画效果。通过创建一个视图容器，添加一些块元素，并利用 CSS 动画属性，我们可以轻松实现平滑的滚动动画。除此之外，我还会介绍如何根据滚动位置单独针对每个元素进行动画处理，以及如何使用动画范围属性确保元素在到达时完全
- 2024-07-23
- 4
- 0
- 0
- share
2024-07-12
前端必学：CSS 盒子模型与布局技巧前言盒子模型的理解是前端使用 css 实现准确布局、处理元素排列的关键，下面是对 MDN 上盒子模型文章的一部分难点做见解。其一就是区块盒子和行内盒子上的行为，其二是 2 种盒子模型的大小问题。区块盒子和行内盒子在 CSS 中，有几种类型的盒子，一般分为区块盒子（block boxes）和
- 2024-07-12
- 34
- 0
- 0
- share
2024-07-08
加速你的项目！详解 Cloudflare Workers & Pages 优选域名设置前言很多人应该都有把自己的域名解析在大善人 Cloudflare 吧，今天又来介绍如何针对 works 和 pages 项目的 CDN 加速。后面再弄一期使用 Cloudflare CDN 的网站设置优选域名来加速访问。使用条件首先，你要确定使用的优选域名，也可以使用自建的，也可以使用网友免费
- 2024-07-08
- 49
- 0
- 0
- share
2024-06-20
React 项目性能提升：如何避免路由懒加载和图片懒加载导致的慢速问题前言在日常的 React 项目开发中，这些错误会让你的项目变慢。实际上如果你熟悉 Vue 项目的开发话，这些道理是相同的。这边文章分析的是路由懒加载和图片懒加载。路由懒加载通过 React.lzay() 实现组件的动态加载 import() 拆包优化性能不需要一次加载全部的 js 文件例子
- 2024-06-20
- 24
- 0
- 0
- share
2024-06-18
React 性能优化：如何避免乱用缓存带来的问题前言在之前的文章中，我列举了一些 React 常用的 Hooks。其中一些 Hooks 如 React.memo,useMemo 等 hooks 可以缓存结果，但是这不代表我们可以无脑的缓存，因为内存的开销也是很昂贵的。组件化 import React from "react"; const
- 2024-06-18
- 9
- 0
- 0
- share
2024-06-05
《你不知道的JavaScript》第三章笔记语法 JavaScript中对象的定义方式有 2 种，声明或构造的 2 种方式。对象的文字形式 let a = { name: "micromatrix" }; 对象的构造形式 let obj = new Object(); obj.name = "micromatrix"; 类型 JavaS
- 2024-06-05
- 25
- 0
- 0
- share
2024-05-18
vue3源码学习-5-分支切换前言上篇回顾，核心代码逻辑是通过 reactive 中的 Proxy()来代理一个对象，然后通过 get 收集依赖，主要操作放在来 effect 中。那么当我们回顾上一篇的问题。当用户有一个这样当操作 const { effect, reactive } = VueReactivity; let
- 2024-05-18
- 13
- 0
- 0
- share

1
2
3
4
5
...
10