作者归档-MicroMatrix

MicroMatrix 博主等级

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

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

目录CONTENT

以下是 David 的文章

2024-06-07
浅谈 CSS3 视口单位：如何优化移动端和PC端显示前言网站会在 PC 和移动端上浏览，那么各个浏览器和设备的差异性，会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端上的屏幕展示问题。视口单位概述： vw (视口宽度)：视口宽度的 1%。 vh (视口高度
- 2024-06-07
- 11
- 0
- 0
- thinks
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
2024-05-17
TypeScript--装饰器前言 TypeScript 中的装饰器是一种特殊的语法，可以用来修改类、方法、属性或参数的行为。装饰器是一种函数，它接收一个目标对象或一个属性描述符作为参数，并可以返回一个新的对象或属性描述符，或者不返回任何值。装饰器可以用来实现一些常见的编程模式，例如依赖注入、日志、缓存、验证等。使用要使用装
- 2024-05-17
- 13
- 0
- 0
- share
2024-05-16
vue3源码学习-4-effect编写以及依赖收集前言经过上文的响应式编写之后，实现了数据包裹之后变成了响应式数据，用户修改数据的时候能监听到操作。但是实际编写的响应式 reactive.ts 中最核心的是 Proxy 中的 get 和 set 方法。为此我们本次需要将核心代码抽离，并且编写 effect 副作用函数和依赖收集功能，这样函数依赖
- 2024-05-16
- 12
- 0
- 0
- share
2024-05-15
Vim 安装插件管理器 vim-plugin 插件安装 Vim 本身也有很多插件，而插件管理器有很多，比较火的这个 vim-plugin 是一个异步更新的管理器。首先去vim-plugin 执行对应版本的命令，例如 mac(unix) curl -fLo ~/.vim/autoload/plug.vim --create-dirs \\
- 2024-05-15
- 22
- 0
- 0
- share
2024-05-12
VSCode 快捷代码片段：提升前端开发效率的必备技巧前言在前端开发中，尤其是使用 Vue 或者 React 框架时，我们经常需要新建页面，并且编写一些重复性很高的代码片段。本文将介绍如何利用 VSCode 内置的代码片段功能，快速生成这些重复且繁琐的代码。 VSCode 内置的 snippets VSCode 内置了一些常用语言的 snippets
- 2024-05-12
- 17
- 0
- 0
- share
2024-04-12
Next.js 14 开发环境搭建指南：从安装到项目结构解析什么是 Next.js Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React Components 来构建用户界面，并使用 Next.js 来实现附加功能和优化。安装项目请确保你的操作系统上安装了 Node.js 18.17 或更高版本。我们采用官网
- 2024-04-12
- 14
- 0
- 0
- thinks
2024-03-12
如何在 NestJS 中配置 PostgreSQL 数据库与实现用户密码加密前言最近在学习 NestJS，一个基于 Express 开发的 Node 框架，他更加前端适合编写后端需求。对接 Postpresql 数据库安装如下插件 pnpm install @nestjs/typeorm typeorm pg 编辑 main.ts 文件内容，增加数据库配置 impo
- 2024-03-12
- 15
- 0
- 2
- share
2024-03-04
使用 CSS 混合模式实现动态反差色效果前言在前端开发中，我们经常会遇到需要动态变化的视觉效果。今天我们将讨论如何利用 CSS 的 mix-blend-mode 属性，实现一个文本穿过特定背景时反色的效果。具体来说，我们会创建一个背景为黑色的 div 元素，并让文本从中穿过。当文本进入 div 的区域时，其颜色会从黑色变为白色，离开时则
- 2024-03-04
- 47
- 0
- 0
- share

1
...
5
6
7
...
14