前端分享

Husky - 你一定需要的Git Hook 工具 前言 在团队开发协作中，Git作为不可或缺的利器，想必每个开发人员都已经对它的基本运用驾轻就熟了。然而，在实际的团队协作开发中，你是否曾经遇到过这样

前端换肤方案 - element+less无感换肤（无需页面刷新） 前言 前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的

贝赛尔曲线 - Vue3实现加入购物车抛物线效果组件（可连续多个动画，动态回收DOM） 前言 在前几天的一次迭代中，我遇到了这么一个需求，模仿支付宝首页应用中心的编辑功能，支持编辑首页展示的应用，在支

使用Canvas绘制一个验证码组件 前言 验证码，这一日常伴随我们的要素，是我们在线交互的重要安全保障。你的手机短信里是否被它占据半壁江山，今天我们就来聊聊如何在网页上实现一个简单的验证码组件。大家在

瀑布流 - Vue3基于Grid布局简单实现一个瀑布流组件 前言 在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，

虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表 前言 在开发中经常遇到大量的渲染列表数据问题，往往我们就只是简单地遍历渲染，没有过多地去关注是否会存在性能问题，这导致如果数据量较大的时候，

Vue3 实现一个无缝滚动组件（支持鼠标手动滚动） 前言 在日常开发中，经常遇到需要支持列表循环滚动展示，特别是在数据化大屏开发中，无缝滚动使用频率更为频繁，在jquery时代，我们常用的无缝滚动组件

Docker Compose 什么是 Docker Swarm？ Docker Swarm 是 Docker 官方推出的容器编排和集群管理工具，它可以让多个 Docker 主机（即 Docker 节点

容器 什么是 Docker 容器？ Docker 容器是 Docker 平台上的一个轻量级的可移植软件打包和交付解决方案。容器是一种独立的、可执行的软件单元，包括应用程序和其所有的依赖项。容器技术使得

镜像 什么是 Docker 镜像？ Docker 镜像（Docker Image）是一个可执行的软件包，其中包含运行应用程序所需的所有内容，包括代码、运行时、库、环境变量和配置文件等。Docker 镜

Docker 是什么，为什么使用 Docker？ Docker 是一个开源项目，提供了一种以容器为基础的应用程序运行环境，使得应用程序可以快速、可靠、跨平台地打包、分发和部署。使用 Docker 可以

中间件 Nuxt3 中间件类型可以分为以下两种： 服务端中间件：供服务器使用，每次请求都会运行。 客户端中间件： 仅在客户端运行，运行时并不改变页面内容，通常用于处理路由守卫等场景。 其中，服务端中间

深入理解 SSR、SPA、SSG Nuxt3同时具备 SSR、SPA、SSG 三种不同的渲染模式，以便适应不同的需求。下面是这三种渲染模式的详解。 SSR（服务端渲染） SSR（Server Side

nuxt.config.ts 配置详解 nuxt.config.ts 文件中常见配置选项： head：该属性用于配置应用程序的 HTML 标头。在此处可以定义标题、元标记和链接到外部文件（例如样式表和

状态管理 useState useState是一个ssr友好的ref替换,用于创建响应式的且服务端友好的跨组件状态,它的值将在服务器端呈现之后保存(在客户端hydration作用期间)，并使用唯一的键

defineEventHandler defineEventHandler 是一个函数，用于定义可复用的事件处理器函数。 在 Vue 或 Nuxt.js 应用中，通常会定义一些事件处理器函数，以便在不

默认资源目录 在 Nuxt.js 中，资源文件包括样式表、字体、图片、视频、音频等文件都可以放在 public 目录下。当应用启动时，Nuxt.js 会将 public 目录下的所有文件复制到应用的根

数据传递 1、使用全局变量：可以在app.js中定义一个全局的变量，然后在其他页面中通过 getApp().globalData.xxx 的方式来访问该变量。 在其他页面或组件中，可以通过getApp

数据绑定和修改 微信小程序数据绑定是指将数据和视图进行关联，当数据发生变化时，视图也会相应地发生变化。微信小程序数据绑定主要有以下几种方式： 双向绑定：双向绑定是指数据和视图之间的双向关联，当数据发生

生命周期 微信小程序的生命周期是指小程序从创建到销毁所经历的一系列事件和方法。微信小程序的生命周期包括以下几个阶段： onLaunch:小程序启动时触发，此时小程序实例已经创建完成，但还未进入应用状态