- 博客(49)
- 收藏
- 关注
RSS订阅原创 capo.js前端开发神器
Capo.js 是一个轻量级、高性能的 JavaScript 库，核心定位是帮助开发者优化 HTML 中 <head> 标签内元素的加载顺序，从而提升网页的 Core Web Vitals（核心网络指标）和整体加载性能。
2026-01-26 09:48:28
579
原创 前端 HTML 入门（标签）
HTML（HyperText Markup Language，超文本标记语言）是构建网页的基础，它不是编程语言，而是标记语言，通过一系列标签描述网页的结构和内容。
2025-12-31 10:20:39
659
原创 goldenLayout布局
GoldenLayout 是一个用于 Web 应用的多窗口布局管理器，允许开发者创建可定制的、类似桌面应用程序的界面
2025-12-05 10:04:39
770
原创 NVM的安装与配置(window系统)
nvm 是 Node Version Manager 的缩写，是专门用于管理 Node.js 版本的工具，能轻松切换不同 Node.js 版本、安装 / 卸载指定版本，解决多项目依赖不同 Node 版本的问题
2025-11-25 16:03:35
499
原创 Nginx错误拦截转发 error_page
在Nginx 中实现 “页面路径未请求成功之前展示错误页面”，核心是利用 Nginx 的错误页面配置和请求处理机制
2025-11-21 14:47:51
198
原创 interact.js 前端拖拽插件
interact.js 是一款轻量且功能强大的 JavaScript 拖拽交互库，核心用于实现元素的拖拽、缩放、旋转等交互式操作。
2025-11-14 16:11:39
946
原创 JavaScript eval函数
在 JavaScript 中，eval() 是一个全局函数，用于将字符串作为代码解析并执行，返回代码执行的结果。它的功能与其他语言（如 Python）中的 eval 类似，但在使用场景和风险上有更具体的特性。
2025-10-28 15:25:58
329
原创 javaScript事件委托
事件委托（是 JavaScript 中一种高效处理事件的设计模式，核心思想是将子元素的事件委托给父元素（或更上层的祖先元素）处理，利用事件冒泡机制实现对动态生成元素的事件监听
2025-10-24 14:04:03
413
原创 UniverSheets最新版本测试
univerSheets版本更新至0.10.4，更新速度快，官网文档也更加清晰明了，优化了许多方法，使用起来更方便。
2025-10-17 09:49:07
1361
原创 JavaScript防抖与节流的实现及应用场景
在 JavaScript 开发中，防抖（Debounce）和节流（Throttle）是两种核心的高频事件优化方案，用于解决「事件频繁触发导致性能问题」的场景（如搜索输入、高频点击事件、滚动监听、窗口 resize 等）
2025-09-26 09:25:51
894
原创 HTTP协议
HTTP（HyperText Transfer Protocol，超文本传输协议）是用于在客户端（如浏览器）和服务器之间传输超文本（如 HTML、图片、视频等资源）的应用层协议，是互联网的核心协议之一，也是 Web 通信的基础
2025-09-25 10:29:07
884
原创 前端数据存储sessionStorage
优先用：客户端临时存储大量数据（如表单草稿、页面状态），且无需跨标签页共享，非敏感数据。用 Cookie（会话级）：存储极少量数据（<4KB），且需跨同源页面共享（如登录状态标记）。敏感数据（如 Token）：必须用，禁止前端存储。
2025-09-24 16:10:03
1078
原创 thymeleaf前端使用语法介绍
Thymeleaf 是一款强大的 Java 模板引擎，支持多种语法和表达式，主要用于动态生成 HTML、XML、JavaScript 等文档
2025-09-24 15:20:44
988
原创 后端post请求返回页面，在另一个项目中请求过来会出现的问题
后端通过 POST 请求直接返回页面（而非 JSON/XML 等数据），且该接口被另一个独立项目（跨项目 / 跨域场景）请求时，会面临一系列兼容性、安全性和体验层面的问题，核心根源在于 “页面返回” 的设计初衷是服务于同项目内的前端渲染，而非跨项目的数据 / 资源交互。
2025-09-12 15:45:49
1194
原创 CSS scale函数详解
scale() 是 CSS 中的一个变换函数，用于对元素进行缩放操作，可放大或缩小元素的尺寸，同时保持元素的位置和布局关系。它是 transform 属性的常用值之一，广泛用于动画、交互效果和响应式设计中。
2025-08-29 10:01:30
1053
原创 AgGrid学习笔记
AgGrid是一款高性能表格组件，支持虚拟DOM技术可流畅加载上万条数据。提供社区版和企业版，企业版拥有更多高级功能（如数据分组、Excel导出等）。安装方式推荐npm（ag-grid-community），也可通过GitHub或CDN获取。核心功能包括列操作（拖动/冻结）、过滤器（文本/数字/日期）、排序及单元格编辑。V32.2+版本优化了选择功能，通过rowSelection对象配置多选/复选框模式，新增enableSelectionWithoutKeys等属性改善交互体验。
2025-06-20 17:08:16
2592
原创 CSS a标签内文本折行展示
本文针对<a>标签内文本折行问题提供了多种CSS解决方案，包括强制折行控制(line-height/overflow-wrap)、任意位置折行(word-break)、保留空白符(white-space)等方法，并给出代码示例
2025-06-13 15:11:11
678
原创 CSS radial-gradient函数详解
radial-gradient() 是 CSS 中用于创建放射性渐变的函数，它会从一个中心点向外扩散形成圆形或椭圆形的渐变效果。与线性渐变（linear-gradient）不同，放射性渐变的颜色过渡是从中心向四周辐射的。
2025-06-03 13:51:29
1644
原创 CSS Animation 详解
CSS Animation 允许元素平滑地从一个样式状态过渡到另一个样式状态。通过设置关键帧（keyframes），可以控制动画序列中的中间步骤。
2025-05-28 16:06:45
3789
原创 CSS 中的transform详解
CSS 中的transform属性允许你对元素进行变形操作，包括旋转、缩放、平移和倾斜等。这个属性不会影响文档流，而是在视觉层面上对元素进行处理。
2025-05-27 16:38:22
3373
原创 正则表达式 test方法
JavaScript 的 test() 方法用于检测字符串是否匹配正则表达式，返回布尔值。核心用法包括简单匹配、大小写忽略（i标志）和全局匹配（g标志）。
2025-05-26 14:25:58
1494
原创 CSS @media print媒体查询特性
@media print 是 CSS 中的媒体查询特性，用于优化打印文档的样式和布局。通过它，可以隐藏非必要元素（如导航栏、广告）、调整排版（如字体、间距）、显示打印专用内容（如 URL、页码）以及节省墨水（避免深色背景）。基本语法包括内联媒体查询和外部打印样式表。常用优化包括隐藏元素、调整字体和颜色、控制分页、显示链接 URL 以及优化表格和图片。此外，@page 规则可用于设置页面边距、页眉和页脚，结合 CSS 计数器实现自动页码。注意事项包括浏览器兼容性、内容限制和测试打印效果。
2025-05-22 09:45:40
2044
原创 实现监听大写锁定是否开启并给出相应的提示
在登录界面中密码输入框通常都设有输入隐藏，为了提高用户的操作体验，出现了密码输入框输入时提示大写锁定的需求。
2025-04-17 14:13:17
535
原创 纯前端实现图片上传并在页面中预览缩略图
一般情况下，预览图片功能，是后端返回一个图片地址资源（字符串）给前端，前端在img标签中进行展示，但是某些情况下，需要前端去临时预览一下图片（是否上传是后续的操作，需要先看一下）。
2025-04-02 16:12:54
885
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人