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

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

xiyangw 2022-12-05 10:06 66 浏览 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

- 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


相关推荐

高效删除文件名中的指定内容,祛除烦恼

如何快速批量删除文件名中的指定字符?在电脑整理文件时,我们常常需要进行批量重命名操作。如果文件名中含有不必要或重复的字符,这将影响文件的识别和查找。因此,删除这些文字或字符是非常必要且有效的。本文将分...

你的手机是不是经常提示存储空间不足?Python帮你清理重复文件

  最近我的手机经常提示存储空间不足,主要是微信和QQ群里接收的文件太多了,平时也没怎么整理。我把这些文件从手机里拷出来,打算整理一下,把该删的文件都删掉,把要备份的文件分门别类存到电脑或网盘上。我突...

从零开始打造云端AI管理调度平台(四)如何设计主页_1

最近闲来无事,想着把自己工作正在做的一个项目做一个简单的分享与实战教程,该项目不困难但是由于涉及要素过多所以比较复杂。所以这里分享出来也是为了帮助新手小白能在实战当中快速了解python知识。主要内容...

「万能Python」-17-标准库OS_python2.7标准库

Python的库是指预先编写好的代码集合,可以用来处理特定的任务或实现特定的功能。Python的标准库提供了许多常用的标准库,无需安装引入使用。Python3的标准库提供了许多常用的功能,包括...

十多行代码生成原帖和临写对照图_几十行代码可以申请软著吗

介绍这个小工具把原帖和临写分解成多列对照的形式。输入原帖图片,和输入临写图片,生成对照图片。使用说明运行compare.py文件,输入参数为:原帖图片文件名,临写图片文件名,列数。python3co...

Python合集之目录操作(四)_python之文件操作大全

1.删除目录删除目录可以通过os模块提供的rmdir()函数实现。通过rmdir()函数删除目录时,只有当要删除的目录为空时才起作用。os.rmdir(path)path为要删除的目录,可以使用绝对路...

excel办公自动化,自动合并excel表格

平时时收到不同人反馈的excel表格,需要将其合并在一个excel中,每个excel打开复制粘贴会很慢,如下脚本可一键合并所有的exceldefauto_merge():try:print('...

批量打开一个文件夹下面所有的excel表格

如果现在有一个文件夹,名称叫做“练习表格”,路径名是'C:\Users\123\Desktop\练习表格',现在的要求是打开这个文件下面所有的excel表格,后缀名字为“xlsx”,我...

500行代码,教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手/右手...

python 日志写入_python日志文件写入

1.第一步,新建日志文件路径,如下图:2.日志模块封装,代码如下:importlogging,oslogs_path=os.path.join(os.path.dirname(__file...

Python os.path模块使用指南:轻松处理文件路径

前言在Python编程中,文件和目录的操作是非常重要的一部分。为了方便用户进行文件和目录的操作,Python标准库提供了os模块。其中,os.path子模块提供了一些处理文件路径的函数和方法。本文主要...

Python中获取当前路径之pathilb和os的区别

20230114星期六:1,直接在py脚本中,执行,没有区别;2,打包成exe文件以后,在本机执行,有区别,这时,不能使用os.path.dirname(__file__),只能使用pathlib.P...

Python(办公自动化编程系列)学习笔记1

1、获得当前程序工作目录importos#os.getcwd()函数可以取得当前工作路径的字符串print(os.getcwd())运行结果2、获得程序文件夹相对路径#相对路径都用/表示#../...

文件路径名Pathnames的操作_路径和文件名是什么意思

1.现象问题使用路径名来获取文件名,目录名,绝对路径等等2.原因分析无3.问题解决使用os.path模块中的函数来操作路径名importos.path#查看标准化的绝对路径print...

关于《Python入门:os常用函数》中复制文件(夹)函数从简到繁

基本考虑练习os模块及file读写操作:将给定的源路径的文件(夹)复制到目标路径简单实现#文件到文件的复制path_src='E:\src.txt'path_tar='D...

取消回复欢迎 发表评论: