前端工程师进阶技能
2025-04-08 18:08:30 0 举报AI智能生成
前端工程师进阶技能
作者其他创作
大纲/内容
编程语言深入理解
JavaScript高级特性
ES6+ 新特性
解构赋值
模板字符串
箭头函数
Promise和async/await
原型链和继承
原型对象
构造函数
原型链的工作原理
继承模式（原型链继承、构造函数继承、组合继承等）
异步编程
回调函数
事件监听
发布/订阅模式
TypeScript基础
类型系统
基本类型
接口
泛型
高级类型
联合类型
交叉类型
映射类型
装饰器
类装饰器
属性装饰器
方法装饰器
框架和库的深入使用
React进阶
高阶组件（HOC）
HOC的概念
HOC的实现方式
HOC与混入（mixins）的区别
React Hooks
useState
useEffect
useReducer
自定义Hooks
React Router
路由配置
动态路由
路由守卫
Vue进阶
Vue Router
路由模式
路由守卫
动态路由匹配
Vuex状态管理
State
Getters
Mutations
Actions
Modules
Vue 3 Composition API
setup函数
reactive和ref
computed和watch
provide和inject
Angular进阶
组件通信
父子组件通信
服务（Service）和依赖注入
事件绑定和事件发射
模块化开发
NgModules
模块懒加载
模块间依赖关系
管道（Pipes）
内置管道
自定义管道
管道的链式调用
性能优化
代码分割和懒加载
按需加载
动态import
Webpack代码分割
资源优化
图片压缩和懒加载
CSS和JavaScript压缩
CDN加速
渲染性能优化
重绘和回流
避免不必要的DOM操作
使用requestAnimationFrame
Web组件化开发
自定义元素（Custom Elements）
创建自定义元素
使用自定义元素
自定义元素的生命周期
Shadow DOM
Shadow DOM的概念
创建和使用Shadow DOM
Shadow DOM的样式封装
HTML模板（HTML Templates）
使用<template>标签
模板内容的提取和使用
模板与数据绑定
前端工程化
构建工具Webpack
Webpack核心概念
Entry
Output
Loaders
Plugins
Webpack优化
Tree Shaking
Code Splitting
Scope Hoisting
版本控制和代码规范
Git分支管理策略
Git Flow
Feature Branch
Rebase vs Merge
代码规范和格式化工具
ESLint
Prettier
EditorConfig
持续集成/持续部署（CI/CD）
自动化测试
单元测试
集成测试
E2E测试
持续集成工具
Jenkins
Travis CI
GitHub Actions
浏览器工作原理
渲染流程
HTML解析和DOM树构建
CSS解析和样式计算
布局和绘制
JavaScript引擎和事件循环
V8引擎
事件循环机制
微任务和宏任务
安全性
XSS攻击和防御
CSRF攻击和防御
内容安全策略（CSP）
跨端开发
React Native
原生模块和桥接
样式和布局
性能优化
Flutter
Widget系统
状态管理
平台特定代码
小程序开发
微信小程序
WXML和WXSS
小程序生命周期
小程序API
其他平台小程序
支付宝小程序
百度智能小程序
设计模式和架构
设计模式
单例模式
工厂模式
观察者模式
0 条评论
下一页
