正在加载中...

Neilson's blogNeilson 的技术博客

Code is cheap，show me the talk! 😜

前端杂谈

前端设计思想、实现方案

HTML

语义化标签、表单与多媒体、Canvas/SVG、SEO 与无障碍访问。

CSS

选择器与盒模型、Flex/Grid 布局、响应式设计、动画与预处理器（Sass/Less）。

JavaScript

ES6+ 语法、DOM 操作、事件循环、异步编程（Promise/Async）、闭包与原型链。

TypeScript

类型注解、接口与泛型、高级类型、装饰器。

浏览器

渲染流程、开发者工具、存储机制（Cookie/LocalStorage）、跨域与安全（CSP/XSS）。

网络协议

HTTP/HTTPS、TCP/IP、WebSocket、RESTful API 设计、缓存策略与状态码。

数据结构与算法

数组、链表、栈/队列、树/图、排序与搜索、动态规划、复杂度分析。

代码规范

ESLint/Prettier 配置、Git Hooks（Husky）、Commitlint、Lint-staged。

版本控制

Git 工作流（分支策略、rebase/merge）、GitHub/GitLab 协作、CI 触发。

包管理

npm/yarn/pnpm 原理、依赖版本锁定、Monorepo 管理（Workspaces）。

构建工具

Webpack/Vite 配置、Loader/Plugin 开发、代码分割与 Tree Shaking。

Vue

响应式原理、组合式 API、Vue Router/Pinia、SSR（Nuxt）。

React

JSX、Hooks、Context、Redux/Zustand、Next.js 服务端渲染。

UI 库

Element Plus/Ant Design/Vuetify 组件使用、主题定制、按需加载。

性能优化

打包优化（代码分割/懒加载）、渲染性能（重排重绘）、首屏加载优化、性能审计（Lighthouse）。

测试

单元测试（Jest/Vitest）、组件测试（Testing Library）、E2E（Cypress/Playwright）。

设计模式

单例、工厂、观察者、装饰器等常用模式，以及 MVVM、依赖注入。

接口协作

使用 Apifox/Postman 管理接口文档、Mock 数据、自动化测试。

React Native

原生组件、Bridge 通信、热更新、性能调优。

UniApp

跨端编译（H5/小程序/App）、条件编译、插件市场。

Electron

主进程/渲染进程、IPC 通信、打包与更新、安全性。

Node.js

事件驱动、非阻塞 I/O、npm 生态、Express/Koa 框架。

NestJS

模块化、依赖注入、GraphQL/微服务支持、TypeORM 集成。

Golang

协程并发、垃圾回收，高并发微服务与中间件开发。

MySQL

数据库设计（范式/索引）、SQL 优化、事务隔离级别、主从复制，掌握关系型数据库核心。

MongoDB

文档模型、聚合框架、索引策略、分片集群，非结构化数据存储。

Redis

五种数据结构、持久化（RDB/AOF）、缓存穿透/雪崩、哨兵/集群模式。

消息队列

RabbitMQ/Kafka 使用场景、交换机/队列设计、消息可靠性投递，实现异步解耦与流量削峰。

运维

Linux 基础操作、Shell 脚本、CI/CD 流水线（Jenkins/GitHub Actions）、Docker 容器化部署。

AI

机器学习基础、LLM 应用开发、Prompt Engineering、Agent 构建（LangChain）。

Python

后端开发（Django/Flask）、数据处理与爬虫、自动化运维脚本、机器学习入门。

站点搭建

wordpress、vitepress。