前端技能学习网站分享
2022-10-26 17:44:13 0 举报
AI智能生成
前端技能学习网站分享
作者其他创作
大纲/内容
web安全
XSS(跨站脚本攻击):
CSRF(跨站点伪造请求攻击):
跨iframe攻击:
Clickjacking安全漏洞:
前端框架
样式框架:
pc端
Bootstrap: http://getbootstrap.com/
Foundation: http://foundation.zurb.com/
extjs:https://www.sencha.com
Uikit: http://www.getuikit.com/
Web Components:http://css-tricks.com/modular-future-web-components/
sui: http://sui.taobao.org/sui/docs/
移动端
mui
sui mobile
weui
amaze ui
materia-ui
js dom驱动框架
jquery
js 数据驱动框架:
http://cn.vuejs.org/
vue-router
vuex
vux
http://facebook.github.io/react/
AngularJs: http://www.angularjs.org
Backbone: http://backbonejs.org/
AmpersandJS http://ampersandjs.com/
Knockout: http://knockoutjs.com/
Underscore: http://underscorejs.org/
js 构建工具
avalon
gulp: http://www.gulpjs.com.cn/
grunt: http://gruntjs.com/
Yeoman: http://yeoman.io/
Bower: http://bower.io/
NPM: https://www.npmjs.org/
同步刷新工具
Browsersync
移动端 手势框架
GMU: http://gmu.baidu.com/
Hammer.js:< http://eightmedia.github.io/hammer.js/>
QuoJS: http://quojs.tapquo.com/
Zepto: http://zeptojs.com/
Swipe: http://swipejs.com/
jQuery Mobile: http://jquerymobile.com/
KendoUI:http://www.telerik.com/kendo-ui
Goratchet:http://goratchet.com/
js模板引擎
EJS: http://www.embeddedjs.com/
Handlebars: http://handlebarsjs.com/
Jade: http://jade-lang.com/
Velocity: http://velocity.apache.org/
测试框架
Jasmine: http://pivotal.github.io/jasmine/
QUnit: http://qunitjs.com/
mocha: http://visionmedia.github.io/mocha/
浏览器兼容
PC端(ie10 firfox chrome)
移动端(微信 UC ios与andriod原生浏览器)
编程知识储备
数据结构/MVC
面向对象/切面编程
函数式编程
javascript设计模式
代码优化
Google Closure Compiler:
CSS Lint: http://csslint.net/
JSHint: http://www.jshint.com/
JSLint: http://www.jslint.com/
调试工具
Chrome:https://developers.google.com/chrome-developer-tools/
Firebug: https://getfirebug.com/
HTTPWatch: http://www.httpwatch.com/
Fiddler: http://www.telerik.com/fiddler
IE Developer Toolbar:
Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html
文档工具
JSDoc: https://github.com/jsdoc3/jsdoc
jekyll: http://jekyllrb.com/
思维导图
XMind:http://www.xmind.net/
模块加载器
webpack: http://webpack.github.io/docs/
ESL:< https://github.com/ecomfe/esl>
RequireJS: http://requirejs.org/
SeaJS:http://seajs.org/docs/
项目管理
Github: https://github.com/
GitLab: https://about.gitlab.com/
Redmine: http://www.redmine.org/
切页面
html/html5
html5语义化标签
canvas画布
D3:http://d3js.org/
KINETIC:http://kineticjs.com/
localstorage web存储
html模块化
html5boilerplate: http://html5boilerplate.com/
css/css3
css基本属性
transition 过度
flex 布局
@keyframe 动画
@media 媒体查询
合并雪碧图 sprite img
字体图标 iconfont
css模块化
Normalize.css: http://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/
Sass: http://sass-lang.com/
postcss: https://github.com/postcss/postcss
编程语言
js
php/java(php是世界最好的语言 呵呵)
nodejs
数据库
mysql
mongodb
html5 indexDB
oracle/db2
开发工具
WebStorm: http://www.jetbrains.com/webstorm/
sublime: http://www.sublimetext.com/
版本控制
Git: http://git-scm.com/
Subversion: http://subversion.apache.org/
Mercurial(Hg): http://mercurial.selenic.com/
计算机知识储备
编译原理/计算机网络
操作系统/算法原理
软件工程/软件测试原理
前端标准规范
airbnb-js(https://github.com/airbnb/javascript)(个人更倾向于airbnb规范)
standard-js(https://github.com/feross/standard)
airbnb-css(https://github.com/airbnb/css)
Code Guide: http://alloyteam.github.io/code-guide/
编写可维护的CSS: http://segmentfault.com/a/1190000000388784/
GJS编码规范指南: http://alloyteam.github.io/JX/doc/specification/google-javascript.xml
jQueryJS规范: http://contribute.jquery.org/style-guide/js/
软技能
知识管理/总结分享
沟通技巧/团队开发/需求管理/pm
代码模块开发/代码版本管理
交互设计/可用性/可访问性
《程序员颈椎病康复指南》
前沿社区
github(https://github.com)
mdn(https://developer.mozilla.org/zh-CN/)
阮一峰个人博客(http://www.ruanyifeng.com/blog/)
大漠(http://www.w3cplus.com/)
国人整理的资源站(https://www.awesomes.cn/)
前端qq群(492107297) 注意:这不是广告 群里分:跳板群,入门,初,中,高共五个群,群规很严格 这是该群介绍:(http://www.kancloud.cn/jikeytang/qq/87646)
WEB框架/服务器
Node: http://nodejs.org/
Express: http://expressjs.com/
Apache: http://httpd.apache.org/
Nginx: http://nginx.org/
原型设计
Axure RP: http://www.axure.com/
0 条评论
下一页