hub / github.com/JacksonTian/fks

github.com/JacksonTian/fks @main sqlite

repository ↗ · DeepWiki ↗

1,543 symbols 4,018 edges 96 files 124 documented · 8%

README

Frontend Knowledge Structure

项目起源

还记得@jayli 的这幅前端知识结构图么。

前端知识结构

图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。

可视化效果

前端开发知识结构

前端工程师
- 浏览器
  - IE6/7/8/9/10/11 (Trident) / Edge (EdgeHTML)
  - Firefox (Gecko)
  - Chrome/Chromium (Blink)
  - Safari (WebKit)
  - Opera (Blink)
- 编程语言
  - JavaScript★/Node.js
  - TypeScript★
  - CoffeeScript
- 切页面
  - HTML5
  - CSS/CSS3
  - Sass/LESS/Stylus/postCSS
  - PhotoShop/Paint.net/Fireworks/GIMP/Sketch
- 开发工具
  - 编辑器和IDE
    - Visual Studio Code★
    - VIM/Sublime Text2
    - Notepad++/EditPlus
    - WebStorm
    - Emacs EmacsWiki
    - Brackets
    - Atom
    - CodeLobster
    - Lime Text
    - Light Table
    - Codebox
    - TextMate
    - Neovim
    - Komodo IDE / Edit
    - Eclipse
    - Visual Studio
    - NetBeans
    - Cloud9 IDE
    - HBuilder
    - Nuclide
  - 调试工具
    - Chrome Dev Tools★
    - Firebug/Firecookie
    - YSlow
    - IEDeveloperToolbar/IETester
    - Fiddler
    - Dragonfly
    - DebugBar
    - Venkman
    - Charles
  - 版本管理
    - Git/SVN/Mercurial
    - Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge
- 代码质量
  - Coding style
    - ESLint★
    - JSLint/JSHint/jscs/
    - CSSLint
    - Markup Validation Service
    - HTML Validators
  - 单元测试
    - Mocha★
    - QUnit/Jasmine
    - Should/Chai/Expect
    - Unit JS
  - 自动化测试
- 前端库/框架
  - Vue★
  - React★
  - jQuery/Underscore/Mootools/Prototype.js
  - YUI3/Dojo/ExtJS/KISSY
  - Backbone/KnockoutJS/Emberjs
  - AngularJS
    - Batarang
  - Bootstrap
  - Semantic UI
  - Juice UI
  - Web Atoms
  - Polymer
  - Dhtmlx
  - qooxdoo
  - Nwjs
  - React-native
  - Brick
- 前端标准/规范
  - HTTP/1.1: RFCs 7230-7235
  - HTTP/2
  - ECMAScript3/5
  - ECMAScript6
  - W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
  - CommonJS Modules/AMD
  - HTML5/CSS3
  - Semantic Web
    - MicroData
    - RDFa
  - Web Accessibility
- 性能
- SEO
- 编程知识储备
  - 数据结构
  - OOP/AOP
  - 原型链/作用域链
  - 闭包
  - 编程范型
  - 设计模式
  - Javascript Tips
- 部署流程
  - 压缩合并
  - 文档输出
    - JSDoc
    - Dox/Doxmate/Grunt-Doxmate
  - 项目构建工具
    - make/Ant
    - GYP
    - Grunt
    - Gulp
    - Yeoman
    - FIS
    - Mod
  - ES6＋转换器
    - Traceur
    - Babel★
- 代码组织
  - 类库模块化
    - CommonJS/AMD
    - YUI3模块
    - webpack
  - 业务逻辑模块化
    - bower/component
  - 文件加载
    - SeaJS/Require.js
    - LABjs
  - 模块化预处理器
    - Browserify
- 安全
  - CSRF/XSS
  - CSP
  - Same-origin policy
  - ADsafe/Caja/Sandbox
- 移动Web
  - HTML5/CSS3
  - 响应式网页设计
  - Zeptojs/iScroll
  - V5/Sencha Touch
  - PhoneGap/Cordova
  - jQuery Mobile
  - W3C Mobile Web Initiative
  - W3C mobileOK Checker
  - Open Mobile Alliance
  - React Native
  - ionic
- 前沿技术社区/会议
  - 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
后端工程师
- 编程语言
  - C/C++/Java/PHP/Ruby/Python/...
- 网页服务器
  - Nginx
  - Apache
  - Lighttpd
- 数据库
  - SQL
  - MySQL/PostgreSQL/Oracle/DB2
  - MongoDB/CouchDB
- 数据缓存
  - Redis
  - Memcached
- 文件缓存/代理
  - Varnish
  - Squid
- 操作系统
  - Unix/Linux/OS X/Windows
- 数据结构

前端书籍推荐

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

CSS

JavaScript

Core symbols most depended-on inside this repo

forEach

called by 96

fks_chart/bower_components/angular/angular.js

jQuery

called by 44

fks_chart/bower_components/jquery/src/core.js

isDefined

called by 40

fks_chart/bower_components/angular/angular.js

isString

called by 38

fks_chart/bower_components/angular/angular.js

d3_functor

called by 27

fks_chart/bower_components/d3/d3.js

extend

called by 27

fks_chart/bower_components/angular/angular.js

isFunction

called by 27

fks_chart/bower_components/angular/angular.js

isUndefined

called by 26

fks_chart/bower_components/angular/angular.js

Shape

Function 1,543

Languages

TypeScript100%

Modules by API surface

fks_chart/bower_components/d3/d3.js552 symbols

fks_chart/bower_components/d3/d3.min.js376 symbols

fks_chart/bower_components/angular/angular.js337 symbols

fks_chart/bower_components/angular/angular.min.js191 symbols

fks_chart/bower_components/marked/lib/marked.js11 symbols

fks_chart/bower_components/marked/test/index.js10 symbols

fks_chart/bower_components/jquery/src/effects.js9 symbols

fks_chart/bower_components/jquery/src/manipulation.js7 symbols

fks_chart/bower_components/jquery/src/ajax.js7 symbols

fks_chart/bower_components/jquery/src/css.js5 symbols

fks_chart/bower_components/jquery/src/event.js4 symbols

bin/generate.js4 symbols

Dependencies from manifests, versioned

grunt0.4.4 · 1×

grunt-bump0.0.13 · 1×

grunt-contrib-jshint0.10.0 · 1×

grunt-contrib-uglify0.4.0 · 1×

grunt-karma0.8.2 · 1×

karma0.12.9 · 1×

karma-chrome-launcher0.1.3 · 1×

karma-jasmine0.1.5 · 1×

karma-phantomjs-launcher0.1.4 · 1×

load-grunt-tasks0.4.0 · 1×

markdown* · 1×

robotskirt* · 1×

For agents

$ claude mcp add fks \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact