前端开发技术栈

最后更新于:2022-04-01 10:29:40

## 前端开发的技术栈 ![front-end dev skills](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/front-end-skills.png) 对于任何类型的前端开发人员, HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器利用是基本的技术要求. 对于HTML, CSS, DOM, JavaScript, HTTP/URL 和浏览器开发之外的, 一个前端开发者还应该掌握下面技术列表中的一个: * Content Management System (内容管理系统, 又称 CMS) * Node.js * Cross-browser testing (跨浏览器测试) * Cross-platform testing (跨平台测试) * Unit Testing (单元测试) * Cross-device testing (跨设备测试) * Accessibility / WAI-ARIA (无障碍访问/无障碍富Internet应用程序) * Search Engine Optimization (搜索引擎优化, 又称 SEO) * Interaction or User Interface design (交互或用户设计) * User Experience (用户体验) * Usability (可用性/易用性) * E-commerce Systems (电子商务系统) * Portal Systems (门户系统) * Wireframing (框架) * CSS layout / Grids (CSS 布局/栅格系统) * DOM manipulation (e.g. jQuery) (DOM 操作) * Mobile Web Performance (移动Web性能) * Load Testing (载荷测试) * Performance Testing (性能测试) * Progressive Enhancement / Graceful Degradation (渐进增强/优雅降级) * Version Control (e.g. GIT) (版本控制) * MVC / MVVM / MV* (MV* 框架) * Functional Programming (函数式编程) * Data Formats (e.g. JSON, XML) (数据格式) * Data API's (e.g Restful API) (数据API) * Web Font Embedding (Web字体嵌入) * Scalable Vector Graphics (可伸缩向量图形, 又称 SVG) * Regular Expressions (正则表达式) * Content Strategy (内容策略) * Microdata / Microformats (微数据/微格式) * Task Runners, Build Tools, Process Automation Tools (任务管道, 构建工具, 过程自动化工具) * Responsive Web Design (响应式设计) * Object Oriented Programming (面向对象编程) * Application Architecture (应用架构) * Modules (模块) * Dependency Managers (依赖关系管理) * Package Managers (包管理) * JavaScript Animation (JavaScript 动画) * CSS Animation (CSS 动画) * Charts / Graphs (图表/图形) * UI widgets (UI工具集) * Code Quality Testing (代码质量测试) * Code Coverage Testing (代码覆盖测试) * Code Complexity Analysis (代码复杂度测试) * Integration Testing (集成测试) * Command Line / CLI (命令行/命令行界面) * Templating Strategies (模板策略) * Templating Engines (模板引擎) * Single Page Applications (单页应用) * XHR Requests (aka AJAX) (XHR 请求, 又称 AJAX) * Web/Browser Security (Web/浏览器安全) * HTML Semantics (HTML 语义化) * Browser Developer Tools (浏览器开发者工具) 译者补充: ![front-end-skills1](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/front-end-skill1.jpg) ![front-end-skills2](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/front-end-skill2.png)
';