Blog

• 前端优化

  • 页面加载流程 以及 CSS 与 JavaScript 的加载阻塞

  • 微前端详解 - 构建灵活应用的全新方法

  • 前端最佳实践（Frontend Performance Best Practices）

  • 提升性能与体验 - Vue3 + Vite 项目的前端打包优化

  • 前端开发中的CSS优化 - 使用常用样式类

  • 前端开发规范梳理

  • 网站优化 - SEO最佳实践探索

• 网站服务

  • 个人网站开启Giscus评论系统 - GitHub-Giscus

  • VuePress开启PWA

  • 轻松建站：使用腾讯云快速搭建个人网站

• Vue3

  • Vuex 与 Pinia 状态管理

  • Vue 组件通信 - 深入了解 Vue2 与 Vue3 的组件交互方式

• Node.js

  • Node.js + Express + MySQL - 数据库链接超时问题修复

  • NPM - npm install 安装依赖卡顿在 sill idealTree buildDeps 问题

  • NPM - node-sass 安装报错 python 相关

  • 轻松管理 Node.js 版本：使用 N 在 Mac 上实现无缝切换

  • 轻松管理 Node.js 版本：nvm 的使用教程

• Vue2

  • 以 Element 与 Vue 为例-基于原有组件的再封装

  • 消除 Vue2 + Element 表格闪烁抖动问题 - 提升用户体验的实用技巧

  • Vue2项目优化 - 使用 Vue CLI 将 CSS 打包成单一文件

  • Vue2 + Element - Table表头顺序错乱问题

• Tools

  • 前端开发路线图 (Fornted Development Roadmap)

  • Lodash - JavaScript实用工具库

  • 个人心得：关于前端学习的体会与反思

  • 收藏网站推荐 - 包括前端相关\学习网站\博客收藏\资源网站

• NestJS

  • Nest JS 接收 navigator.sendBeacon 发送请求传参

• JavaScript

  • 由 [-a+++b++] 引发的思考 - JavaScript运算符优先级

  • JavaScript方法 - 实现 Vue 中 nextTick 方法

  • 轻松上传文件：通过拖拽和复制实现

  • 从数组对象嵌套数据中快速查找数据[FindObjectById.js]

• CSS

  • CSS绘制点阵背景图 - 利用圆形渐变实现

  • CSS 中 transform 和 filter 对 fixed 定位的影响

  • 轻松实现网页全局缩放 - CSS-zoom 快速指南

• HTML

  • DOM事件流与事件委托

  • 事件冲突 - 禁止拖动时触发点击事件（Mousedown 与 Click 冲突）

  • H5移动端 - 浏览器滚动条自动隐藏问题

  • H5页面点击体验优化：解决异常背景色问题