余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

转自github大神总结的前端工程师技能图谱,有你还没掌握的吗?

xiyangw 2022-12-05 10:06 15 浏览 0 评论

浏览器

 - IE6/7/8/9/10/11 (Trident)
 - Firefox (Gecko)
 - Chrome/Chromium (Blink)
 - Safari (WebKit)
 - Opera (Blink)

编程语言

 - JavaScript/Node.js
 - CoffeeScript
 - TypeScript

切页面

 - HTML/HTML5
 - CSS/CSS3
 - Sass/LESS/Stylus
 - PhotoShop/Paint.net/Fireworks/GIMP/Sketch

开发工具

编辑器和IDE

- VIM/Sublime Text2
- Notepad++/EditPlus
- WebStorm
- Emacs EmacsWiki
- Brackets
- Atom
- Lime Text
- Light Table
- Codebox
- TextMate
- Neovim
- Komodo IDE / Edit
- Eclipse
- Visual Studio/Visual Studio Code
- NetBeans
- Cloud9 IDE
- HBuilder
- Nuclide

调试工具

- Firebug/Firecookie
- YSlow
- IEDeveloperToolbar/IETester
- Fiddler/Charles
- Chrome Dev Tools
- Dragonfly
- DebugBar
- Venkman

版本管理

- Git/SVN/Mercurial
- Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge

代码质量

  • Coding style

    转自github大神总结的前端工程师技能图谱,有你还没掌握的吗?

- Eslint/JSLint/JSHint/jscs
- CSSLint
- Markup Validation Service
- HTML Validators

单元测试

- QUnit/Jasmine
- Mocha/Should/Chai/Expect
- Unit JS

自动化测试

- WebDriver/Protractor/Karma Runner/Sahi
- phantomjs
- SourceLabs/BrowserStack

前端库/框架

 - jQuery/Underscore/Mootools/Prototype.js
 - YUI3/Dojo/ExtJS/KISSY
 - Backbone/KnockoutJS/Emberjs
 - AngularJS
 - Batarang
 - Bootstrap
 - Semantic UI
 - Juice UI
 - Web Atoms
 - Polymer
 - Dhtmlx
 - qooxdoo
 - React
 - Brick
 - Vue.js

前端标准/规范

- HTTP/1.1: RFCs 7230-7235
- HTTP/2
- ECMAScript 5/6/7
- W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
- CommonJS Modules/AMD
- HTML5/CSS3
- Semantic Web
 - MicroData
 - RDFa
- Web Accessibility
 - WCAG
 - Role Attribute
 - WAI-ARIA

性能

- JSPerf
- YSlow 35 rules
- PageSpeed
- HTTPWatch
- DynaTrace's Ajax
- 高性能JavaScript

SEO

编程知识储备

 - 数据结构
 - OOP/AOP
 - 原型链/作用域链
 - 闭包
 - 编程范型
 - 设计模式
 - Javascript Tips

部署流程

压缩合并

- YUI Compressor
- Google Clousure Complier
- UglifyJS
- CleanCSS

文档输出

- JSDoc
- Dox/Doxmate/Grunt-Doxmate

项目构建工具

- make/Ant
- GYP
- Grunt
- Gulp
- Yeoman
- FIS
- Mod
- Webpack

代码组织

类库模块化

- CommonJS/AMD/ES6 Module
- YUI3模块

业务逻辑模块化

- bower/component

文件加载

- LABjs
- SeaJS/Require.js/Webpack

模块化预处理器

- Browserify

安全

 - CSRF/XSS
 - CSP
 - Same-origin policy
 - ADsafe/Caja/Sandbox

移动Web

 - HTML5/CSS3
 - 响应式网页设计
 - Zeptojs/iScroll
 - V5/Sencha Touch
 - PhoneGap (Cordova)
 - Ionic
 - jQuery Mobile
 - W3C Mobile Web Initiative
 - W3C mobileOK Checker
 - Open Mobile Alliance
 - React Native/Weex

前沿技术社区/会议

 - D2/WebRebuild
 - NodeParty/W3CTech/HTML5梦工厂
 - JSConf/沪JS(JSConf.cn)
 - QCon/Velocity/SDCC
 - JSConf/NodeConf
 - CSSConf
 - YDN/YUIConf
 - HybridApp
 - WHATWG
 - MDN
 - codepen
 - w3cplus
 - CNode

计算机知识储备

 - 编译原理
 - 计算机网络
 - 操作系统
 - 算法原理
 - 软件工程/软件测试原理
 - Unicode

软技能

 - 知识管理/总结分享
 - 沟通技巧/团队协作
 - 需求管理/PM
 - 交互设计/可用性/可访问性知识

可视化

 - SVG/Canvas/VML
 - SVG: D3/Rapha?l/Snap.svg/DataV
 - Canvas: CreateJS/KineticJS
 - WebGL/Three.JS


相关推荐

前端经典面试题(60道前端面试题包含JS、CSS、React、程序题等)上

文章转载:乐字节简答题1、什么是防抖和节流?有什么区别?如何实现?参考答案防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用...

JavaScript语言中的变量(js变量作用范围)
JavaScript语言中的变量(js变量作用范围)

JavaScript中变量是用于存储数据值的容器,举个例子,例如vara=1,其中a就是一个变量,1是存入变量的值,也叫做字面量。在实际应用...

2023-03-21 19:38 xiyangw

JavaScript面试题(javascript面试题及答案)

1.javaScript的数据类型有什么基本数据类型:Undefined、Null、Boolean、Number、String、Object、Symbol(es6--原始数据类型)复杂数据类型:obj...

JAVA应用程序集成控件JxBrowser v7.2来啦!允许自定义错误页面
JAVA应用程序集成控件JxBrowser v7.2来啦!允许自定义错误页面

JxBrowser是将基于Chromium的浏览器与Java应用程序集成,以处理和显示HTML5,CSS3,JavaScript,Flash等。JxBrowse...

2023-03-21 19:38 xiyangw

这款让浏览器失去功能的扩展为什么如此流行?
这款让浏览器失去功能的扩展为什么如此流行?

NoScript是一款知名的Firefox扩展,它会默认禁用JavaScript、Java、Flash、Sliverlight等浏览器脚本、插件,让用...

2023-03-21 19:38 xiyangw

Chrome禁用js规避网站不能复制(chrome 禁止跳转)
Chrome禁用js规避网站不能复制(chrome 禁止跳转)

Chrome禁用js规避网站不能复制有一些坑爹的网站不让复制文字,复制就得扫码关注或者付费之类的。作为白X党,怎么能忍受这个呢?在该网站页面,按住F12不松开,...

2023-03-21 19:37 xiyangw

苹果iOS9 Safari加入贴心功能:烦人弹窗请滚粗
苹果iOS9 Safari加入贴心功能:烦人弹窗请滚粗

苹果在最新的iOS9beta测试版中为手机版的Safari浏览器加入了一项十分实用的新功能,让用户们可以不用再忍受一些网站上的恶意行为。日前有不少用户在浏览网页...

2023-03-21 19:37 xiyangw

iOS 9.3应用链接失效可能是第三方应用所致(app内链接)
iOS 9.3应用链接失效可能是第三方应用所致(app内链接)

目前,苹果尚未就此事发表评论。威锋网讯,近日有用户指出,在升级iOS9.3后又发现了新的bug,具体表现为部分应用内的链接失效从而导致卡死、崩溃等情况...

2023-03-21 19:37 xiyangw

网页不能右键 F12 查看源代码解决方案(网站无法右键)
网页不能右键 F12 查看源代码解决方案(网站无法右键)

简单一种方法浏览器直接输入:view-source:网址或者使用快捷键为:Ctrl+UF12debug页面右键不能用的话,快捷键为:Ctrl+Shift+I再...

2023-03-21 19:37 xiyangw

新兴技术袭来,Web开发如何抉择?(新兴技术袭来,web开发如何抉择技术)
新兴技术袭来,Web开发如何抉择?(新兴技术袭来,web开发如何抉择技术)

【编者按】本文来自AListApart,重点讲述了开发者如何应对琳琅满目的新技术。作者建议,开发者在接受新概念的同时,更要重视对原始浏览器的支持,并增强用户...

2023-03-21 19:36 xiyangw

微软发现一种恶意软件新型下载方式——“HTML 走私”
微软发现一种恶意软件新型下载方式——“HTML 走私”

微软已经标记了一种相对较新的攻击方式,称为“HTML走私”,它被用于部署银行恶意软件和远程访问木马(RAT)的电子邮件活动,并作为有针对性的黑客攻击的一部...

2023-03-21 19:36 xiyangw

发生重大错误后,Avast 在其防病毒软件中禁用 JavaScript 引擎
发生重大错误后,Avast 在其防病毒软件中禁用 JavaScript 引擎

Avast决定禁用其杀毒软件的一个主要组成部分,因为此前一名安全研究员发现了一个危险的漏洞,可能会将该公司的所有用户置于危险之中。图片来源:Shutterst...

2023-03-21 19:36 xiyangw

网站能找到IP地址吗?(网站能找到ip地址吗安全吗)
网站能找到IP地址吗?(网站能找到ip地址吗安全吗)

在任何时候连接网站,网站都会自动访问基础系统,给出相关建议。建议包括版本和用于连接的Web浏览器,以及远程IP地址,操作系统和语言。当插件内容在网站上执行时...

2023-03-21 19:35 xiyangw

JavaScript框架的四个时代(javascript框架是什么)
JavaScript框架的四个时代(javascript框架是什么)

作者:Chris早在2012年,我就开始主要用JavaScript进行编程。我曾为一家本地企业用PHP从头到尾做了一个应用,一个基本的CMS内容管理系统和网站,...

2023-03-21 19:35 xiyangw

出于安全考虑,开发人员告诉用户不要启动这个顶级 Linux 发行版
出于安全考虑,开发人员告诉用户不要启动这个顶级 Linux 发行版

流行的TailsLinux发行版的开发人员(在新标签中打开)已警告用户在下一个版本发布之前不要使用该操作系统,如果他们使用它来输入或访问敏感信息(在新标签...

2023-03-21 19:34 xiyangw

取消回复欢迎 发表评论: