记录学习与实践:前端开发、工程化与可视化

这里主要整理个人的学习笔记与实践总结,包括:页面性能优化、组件封装、路由与部署、可视化图表实践等。 站点为个人非经营性用途,用于技术交流与自我沉淀。

Vue / Vite Nginx 部署 TypeScript ECharts / Canvas 性能与工程化
📘 查看学习笔记 (持续更新) 🧪 浏览练习项目 (非商业展示)

站点信息

用于技术学习记录与经验整理,内容包含文章、代码片段与练习项目说明。

更新频率不定期
方向前端 / 可视化 / 部署
内容类型笔记 / 总结 / Demo

最近文章

  • 2025-12-25部署
    Ubuntu + Nginx 多站点部署要点(含 HTTPS)

    整理多域名/子域名站点的 server block、静态资源部署、Certbot 自动续期等实践细节。

    NginxHTTPSCertbot
  • 2025-12-18前端
    SPA 路由刷新 404 的处理方式(Vue Router History)

    为什么会 404、try_files 的正确写法、CDN/反向代理下的常见坑与排查思路。

    VueRouterNginx
  • 2025-12-06可视化
    大屏页面的布局与自适应:从 1080p 到 4K

    总结常见的大屏缩放方案(scale / vw/vh / rem)以及字体与图表的可读性处理。

    可视化自适应CSS

练习项目

  • 可视化练习Vue / ECharts
    数据可视化练习:地图 & 指标看板

    用于学习可视化布局、图表交互与性能优化的练习项目,聚焦组件拆分与工程化配置。

    EChartsCanvas性能优化
  • 工程化CI / Nginx
    前端静态站点发布流程梳理

    总结从构建产物、目录结构、缓存策略到 Nginx 配置的发布流程与回滚策略。

    构建缓存部署
  • 小工具TypeScript
    常用工具函数与代码片段合集

    记录日常开发中常用的 TS 工具类型、格式化、时间处理、请求封装等片段。

    TypeScriptUtils封装

技术栈与关注点

  • 前端开发

    Vue / Vite / TypeScript,组件化、路由与状态管理,页面性能优化与工程化实践。

    VueViteTS性能
  • 可视化实践

    ECharts / Canvas / SVG,布局与交互、数据更新策略、图表渲染性能与适配。

    EChartsCanvasSVG布局
  • 部署与运维

    Nginx 多站点、HTTPS 证书、缓存策略、日志排查、发布与回滚。

    NginxHTTPS缓存排错

关于本站

  • 站点用途

    个人非经营性技术分享与学习记录,内容包括文章笔记、实践总结与练习项目说明。

  • 联系

    如需交流,可通过邮箱联系:necorythe@gmail.com

  • 声明

    本站内容为个人学习记录,仅用于技术交流与自我总结。