前端教程
-
超实用!2024年必看的10个导航栏设计
如果说到UI设计中最常用的组件,一定有导航栏。对一个网站/APP来说,导航栏就像旅途中的指南针,告诉用户现在在哪里,可以到哪里去。 一个直观、易用的导航栏能显著提升用户体验,增加网…
-
如何使用 Node.js 发送电子邮件全解和相关工具推荐
大多数Web应用程序都需要发送电子邮件。它可能用于注册、密码重置、状态报告,甚至是完整的市场营销活动,如新闻和促销。本教程解释了如何在Node.js中发送电子邮件,但其概念和挑战适…
-
Farmer 滚动动画效果集合 (讲解)
滚动动画在我们浏览一些网站的时候经常看到(苹果官网,oppo官网,等等).但是我们今天不是讲如何使用代码来实现,而是讲一下在Farmer 里面如何实现. 且非常容易就可以实现酷炫的…
-
WebSocket-Vue3 封装, 支持心跳检测和断线重连
客户端对于 WebSocket 的封装重点考虑三个问题: 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种: 0、WebSocket…
-
Zustand:简化状态管理的JavaScript库
在前端开发中,状态管理是一个至关重要的问题。随着应用程序的复杂性增加,有效地管理状态变得尤为重要。在JavaScript生态系统中,有许多状态管理库可供选择,其中之一就是Zusta…
-
Webpack原理及相关配置学习笔记
最近读完了居玉皓老师的《Webpack实战——入门、进阶与调优》,记下了这篇笔记。 Webpack简介 什么是Webpack? Webpack是一个开源的模块打包工具,其最核心的功…
-
怎么在浏览器里运行C语言?Wasm用过吗?
WebAssembly(简称Wasm)是一种可移植、体积小、加载快并且兼容Web平台的二进制格式。它旨在为Web开发者提供一种更高效的编译目标,使其能够在Web浏览器中运行任何语言…
-
基础-CSS属性值的计算过程
对于css,属性值的计算过程是非常核心和重要的。把这个搞定了,那其他的规则就变得很简单了。 属性值的计算过程,指的是 某个元素从所有css属性都没有值,到所有css属性都有值的过程…
-
vue2插件
vue2插件 插件是什么,它们在Vue应用程序中起什么作用。 在Vue.js中,插件是一种用来为Vue添加全局级别功能的扩展。它们可以用来添加一些全局方法或属性、添加全局资源如指令…
-
vue2生命周期
vue2生命周期 描述Vue2实例的生命周期,解释生命周期图 Vue实例的生命周期指的是从创建、初始化、挂载、更新到销毁的整个过程。每个阶段都有相应的生命周期钩子函数,可以让开发者…