- 博客(15)
- 收藏
- 关注
RSS订阅原创 前端性能优化实战：从理论到实践的全方位指南
本文系统介绍了前端性能优化的核心策略与实战技巧。内容涵盖加载优化（图片懒加载、资源压缩）、渲染优化（减少重排、虚拟列表）、JavaScript优化（防抖节流、Web Workers）以及现代API应用（Intersection Observer、Service Worker）。通过代码示例展示了各项优化技术的具体实现，并提供了性能监控方法。这些优化手段能显著提升页面加载速度和响应性能，改善用户体验，是现代Web开发的必备技能。
2026-02-03 11:31:46
379
原创 保姆级教程！GitHub+Netlify+阿里云域名全自动部署网站，代码一推网站秒更新
摘要： 本文详细介绍如何搭建全自动网站部署系统，通过GitHub与Netlify的联动实现代码推送即自动更新。从创建GitHub仓库、配置静态网站/生成器项目，到连接Netlify自动构建部署，并配置阿里云域名解析。涵盖故障排除、个性化工作流优化（如分支策略、GitHub Actions）及性能数据对比，最后提供懒人配置包和进阶优化方向。只需5步配置，即可告别手动上传，实现"代码一推，网站秒更新"的高效部署流程。
2026-02-03 10:45:42
845
原创 glTF WebGPU 查看器
摘要：gltf-wgpu-viewer 是一个基于 WebGPU 和 Rust (WASM) 的高性能 glTF 2.0 查看器。Rust 的 WASM 实现提供了接近原生的性能和无 GC 的优势，特别适合 3D 渲染等计算密集型任务。项目采用 WebGPU 进行高效渲染，支持 Draco 压缩、PBR 光照和交互式控制。核心功能包括 Rust 实现的零拷贝 glTF 解析器（通过 wasm-bindgen 与 JS 交互）和 WebGPU 渲染管线。关键技术点包括 WASM 内存优化、多文件加载处理和 W
2026-02-02 16:46:03
721
原创 绘制一个三角形
顶点着色器是用 WGSL (WebGPU着色语言) 编写的,这里后续计划单独开一章学习相关知识。// 顶点着色器,定义了一个三角形的三个顶点坐标（顶部、左下、右下），将其转换为齐次坐标 const vertexShaderSource = ` @vertexvec2f( 0.0, 0.5), // 顶部vec2f(-0.5, -0.5), // 左下vec2f( 0.5, -0.5) // 右下} `;@vertex- 这是一个WGSL的属性标记，表明这是一个顶点着色器函数。
2025-12-23 10:25:34
998
原创 WebGPU 基础核心概念
这种设计提供了显式的控制、可预测的性能，并且与Vulkan、Metal、DirectX 12等现代图形API理念一致。它是WebGPU中性能的关键，因为一旦创建，其大部分状态在GPU上是预编译和优化的。在GPU上运行的小程序，用 WGSL 语言编写。它们是管线的核心“算法”部分。它是着色器与外部资源（缓冲区、纹理、采样器）之间的桥梁。这是初始化 WebGPU 的两层抽象，用于连接物理硬件和逻辑操作。一系列即将提交给GPU执行的命令。它是一个临时的工作区。GPU内存中存储数据的容器。
2025-12-18 16:45:17
256
2原创 记录使用docker的搭建node环境
docker安装记录系统配置：CentOS 8.4 64位# 升级yumsudo yum update#安装yum 需要用到的包。yum-util 提供yum-config-manager功能，另外两个是devicemapper驱动依赖的sudo yum install -y yum-utils device-mapper-persistent-data lvm2# 卸载旧版本sudo yum remove docker docker-common docker-selinux d
2021-11-04 15:50:24
2827
原创 移动适配viewport方案记录
随着viewport单位在浏览器中的兼容，移动端适配方案lib-flexible+postcss-pxtorem的转换系数设置有点不想设置了。本次记录使用postcss-px-to-viewport插件做viewport适配的方案安装npm install postcss-px-to-viewport --save配置项目根目录新建.postcssrc.js文件module.exports = { plugins: { autoprefixer: {}, // 用来给不同的.
2021-02-25 14:45:57
469
原创 vue项目中使用clmtrackr.js报错
vue项目中使用clmtrackr.js报错referenceerror: module is not defined通过webpack加载clmtrackr时出现此问题。start()调用函数时显示此错误。原因：jsfeat模块引入失败。解决：使用引入script标签动态引入js文件const bodyEl = document.querySelector('body') const clmScript = document.createElement('script')
2021-01-13 16:48:48
990
原创 express开发后端接口
这里写目录标题常用命令行记录sequelize操作数据库三级目录常用命令行记录sequelize操作数据库# 创建数据库sequelize db:create --charset 'utf8mb4'# 创建模型和迁移文件sequelize model:generate --name Article --attributes title:string,content:text创建了一张叫Article的表，字段有title,content# 运行迁移命令：在数据库中生成对应的表和字段se
2020-11-13 17:23:16
454
原创 记录gitlab仓库搭建
记录gitlab仓库搭建。介绍GitLab 是一个用于仓库管理系统的开源项目，使用Git作为代码管理工具，并在此基础上搭建起来的web服务。可通过Web界面进行访问公开的或者私人项目。它拥有与Github类似的功能，能够浏览源代码，管理缺陷和注释。可以管理团队对仓库的访问，它非常易于浏览提交过的版本并提供一个文件历史库。团队成员可以利用内置的简单聊天程序(Wall)进行交流。它还提供一个代码片段收集功能可以轻松实现代码复用。离线下载rpm包Gitlab的rpm包集成了它需要的软件，简化了安装步骤，所
2020-11-06 10:25:26
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人