配色: 字号:
前端技能树
2020-11-23 | 阅:  转:  |  分享 
  
前端攻城师技能树演讲人2020-11-2301切页面html/html501canvas画布02html5语义化标签D3:http://d
3js.org/KINETIC:http://kineticjs.com/html模块化04localstorageweb存储0
3html5boilerplate:http://html5boilerplate.com/css/css3030102fle
x布局css基本属性transition过度060405@keyframe动画@media媒体查询合并雪碧图sprite
imgcss/css30102字体图标iconfontcss模块化css/css3css模块化Normalize.css:h
ttp://necolas.github.io/normalize.css/LESS:http://www.lesscss.net
/OOCSS:http://www.oocss.cc/http://oocss.org/CssReset:http://www.
cssreset.com/切页面CSS预处理器Less:http://lesscss.org/01Sass:http://sa
ss-lang.com/02postcss:?https://github.com/postcss/postcss0302编程语言
编程语言jsphp/java(php是世界最好的语言呵呵)nodejs03数据库数据库04020301mongodbhtml5
indexDBmysqloracle/db204开发工具开发工具WebStorm:http://www.jetbrains.co
m/webstorm/sublime:?http://www.sublimetext.com/05版本控制版本控制03Mercur
ial(Hg):http://mercurial.selenic.com/02Subversion:http://subver
sion.apache.org/01Git:http://git-scm.com/06计算机知识储备计算机知识储备软件工程/软件
测试原理操作系统/算法原理C编译原理/计算机网络BA07前端标准规范前端标准规范airbnb-js(https://github.
com/airbnb/javascript)(个人更倾向于airbnb规范)airbnb-css(https://github.c
om/airbnb/css)编写可维护的CSS:http://segmentfault.com/a/11900000003887
84/standard-js(https://github.com/feross/standard)CodeGuide:htt
p://alloyteam.github.io/code-guide/GJS编码规范指南:http://alloyteam.gi
thub.io/JX/doc/specification/google-javascript.xml前端标准规范jQueryJS规
范:http://contribute.jquery.org/style-guide/js/08软技能软技能代码模块开发/代码版
本管理知识管理/总结分享交互设计/可用性/可访问性沟通技巧/团队开发/需求管理/pm《程序员颈椎病康复指南》09前沿社区前沿社区0
10203040506github(https://github.com)mdn(https://developer.mozill
a.org/zh-CN/)阮一峰个人博客(http://www.ruanyifeng.com/blog/)大漠(http://ww
w.w3cplus.com/)国人整理的资源站(https://www.awesomes.cn/)前端qq群(492107297)
注意:这不是广告群里分:跳板群,入门,初,中,高共五个群,群规很严格这是该群介绍:(http://www.kancloud.
cn/jikeytang/qq/87646)10?WEB框架/服务器?WEB框架/服务器12Node:http://nodejs
.org/Express:http://expressjs.com/34Apache:http://httpd.apache.
org/Nginx:http://nginx.org/11原型设计原型设计AxureRP:http://www.axure.
com/12web安全web安全Clickjacking安全漏洞:跨iframe攻击:DCSRF(跨站点伪造请求攻击):CXSS(
跨站脚本攻击):BA13前端框架样式框架:pc端移动端样式框架:pc端Bootstrap:http://getbootstrap
.com/Foundation:http://foundation.zurb.com/extjs:https://www.sen
cha.comUikit:http://www.getuikit.com/WebComponents:http://css-t
ricks.com/modular-future-web-components/sui:http://sui.taobao.or
g/sui/docs/样式框架:移动端muisuimobileweuiamazeuimateria-ui前端框架jsdom驱
动框架jqueryjs数据驱动框架:http://cn.vuejs.org/http://facebook.github.io/
react/AngularJs:http://www.angularjs.orgBackbone:http://backbon
ejs.org/AmpersandJShttp://ampersandjs.com/Knockout:http://knock
outjs.com/js数据驱动框架:Underscore:http://underscorejs.org/js数据驱动框架
:http://cn.vuejs.org/vue-routervuexvuxavalongulp:?http://www.gulp
js.com.cn/grunt:?http://gruntjs.com/Yeoman:http://yeoman.io/Bowe
r:http://bower.io/NPM:https://www.npmjs.org/前端框架js构建工具前端框架同步刷新
工具BrowsersyncjQueryMobile:http://jquerymobile.com/0605Swipe:ht
tp://swipejs.com/04Zepto:http://zeptojs.com/03QuoJS:http://quoj
s.tapquo.com/Hammer.js:<http://eightmedia.github.io/hammer.js
/>0201GMU:http://gmu.baidu.com/前端框架移动端手势框架前端框架AGoratchet:htt
p://goratchet.com/移动端手势框架KendoUI:http://www.telerik.com/kendo-ui
B前端框架Velocity:http://velocity.apache.org/js模板引擎Jade:http://jade
-lang.com/Handlebars:http://handlebarsjs.com/EJS:http://www.emb
eddedjs.com/前端框架测试框架Jasmine:http://pivotal.github.io/jasmine/01Q
Unit:http://qunitjs.com/02mocha:http://visionmedia.github.io/mo
cha/0314浏览器兼容浏览器兼容PC端(ie10firfoxchrome)01移动端(微信UCios与andriod原
生浏览器)0215编程知识储备编程知识储备javascript设计模式函数式编程D面向对象/切面编程C数据结构/MVCBA16代码
优化代码优化GoogleClosureCompiler:CSSLint:http://csslint.net/JSHint
:http://www.jshint.com/JSLint:http://www.jslint.com/17调试工具调试工具W
einre:http://people.apache.org/~pmuellr/weinre/docs/latest/Home.
html0605IEDeveloperToolbar:04Fiddler:http://www.telerik.com/fi
ddler03HTTPWatch:http://www.httpwatch.com/Firebug:https://getfi
rebug.com/0201Chrome:https://developers.google.com/chrome-develop
er-tools/18文档工具文档工具JSDoc:https://github.com/jsdoc3/jsdoc01jekyll
:http://jekyllrb.com/0219思维导图思维导图XMind:http://www.xmind.net/20模块
加载器模块加载器webpack:http://webpack.github.io/docs/01ESL:<https://github.com/ecomfe/esl>02RequireJS:http://requirejs.org/03SeaJS:http://seajs.org/docs/0421项目管理项目管理Github:https://github.com/GitLab:https://about.gitlab.com/Redmine:http://www.redmine.org/22分支主题分支主题感谢聆听
献花(0)
+1
(本文系职场细细品原创)