前端知识体系收藏

1. 布局框架:

Bootstrap: http://getbootstrap.com/

Foundation: http://foundation.zurb.com/

Uikit: http://www.getuikit.com/

Web Components:http://css-tricks.com/modular-future-web-components//

2. 构建工具及包管理器:

Grunt: http://gruntjs.com/

Yeoman: http://yeoman.io/

Bower: http://bower.io/

NPM: https://www.npmjs.org/

3. 代码优化:

Google Closure Compiler:

CSS Lint: http://csslint.net/

JSHint: http://www.jshint.com/

JSLint: http://www.jslint.com/

4. CSS预处理器

Less: http://lesscss.org/

Sass: http://sass-lang.com/

5. 调试工具:

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

6. 文档工具:

JSDoc: https://github.com/jsdoc3/jsdoc

Jekyll: http://jekyllrb.com/

7. IDE/文本编辑器

WebStorm: http://www.jetbrains.com/webstorm/

8. 移动端 手势事件库:

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/

9. 思维导图

XMind:http://www.xmind.net/

10.模块加载器:

ESL:< https://github.com/ecomfe/esl>

RequireJS: http://requirejs.org/

SeaJS:http://seajs.org/docs/

11. 项目管理:

Github: https://github.com/

GitLab: https://about.gitlab.com/

Redmine: http://www.redmine.org/

12. 原型设计:

Axure RP: http://www.axure.com/

13. 富互联网应用框架

AngularJs: http://www.angularjs.org

Backbone: http://backbonejs.org/

AmpersandJShttp://ampersandjs.com//

Knockout: http://knockoutjs.com/

Underscore: http://underscorejs.org/

14. 模板引擎

EJS: http://www.embeddedjs.com/

Handlebars: http://handlebarsjs.com/

Jade: http://jade-lang.com/

Velocity: http://velocity.apache.org/

15. 测试框架

Jasmine: http://pivotal.github.io/jasmine/

QUnit: http://qunitjs.com/

mocha: http://visionmedia.github.io/mocha/

16. 版本控制

Git: http://git-scm.com/

Subversion: http://subversion.apache.org/

Mercurial(Hg): http://mercurial.selenic.com/

17. WEB框架/服务器

Node: http://nodejs.org/

Express: http://expressjs.com/

Apache: http://httpd.apache.org/

Nginx: http://nginx.org/

18. CommonJS

Component: http://component.io/

19. WEB安全

XSS(跨站脚本攻击):

CSRF(跨站点伪造请求攻击):

跨iframe攻击:

Clickjacking安全漏洞:

20. 代码规范

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/

21. HTML模块化

html5boilerplate: http://html5boilerplate.com/

22. 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/

23. HTML5 Canvas

D3:http://d3js.org/

KINETIC:http://kineticjs.com/

转载于:https://www.cnblogs.com/-guan-xing-/p/5615345.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/458328.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

20分钟快速了解Redis

Redis可以说是目前最火爆的NoSQL数据库&#xff01; 过去几年&#xff0c;Memcached很盛行&#xff0c;现在有很多公司已将Memcached替换成了Redis。当然&#xff0c;很多人替换并不清楚为什么&#xff0c;只是感觉不想让主流抛弃&#xff0c;这也充分反映了目前Redis的强势。 …

进程通信例子

from&#xff1a;https://msdn.microsoft.com/zh-cn/library/system.diagnostics.process.beginoutputreadline(vvs.80).aspx?cs-save-lang1&cs-langcsharp#code-snippet-4备注可同步或异步读取 StandardOutput 流。Read、ReadLine 和 ReadToEnd 等方法对进程的输出流执行…

IDEA15 下运行Scala遇到问题以及解决办法

为了让Scala运行起来还是很麻烦&#xff0c;为了大家方便&#xff0c;还是记录下来&#xff1a; 1、首先我下载的是IDEA的社区版本&#xff0c;版本号为15. 2、下载安装scala插件&#xff1a; 2.1 进入设置菜单。 2.2 点击安装JetBrains plugin 2.3 输入scala查询插件&#xff…

通过扫码自定义链接安装iOS app,版本更新总结。

1、打包ipa&#xff0c;plist工具&#xff1a;xcode6证书&#xff1a;企业级开发证书 1.1&#xff09;xcode6开始企业级打包时不在生成plist&#xff0c;需要自己编写&#xff1a;模版见下&#xff1a; <?xml version"1.0" encoding"UTF-8"?><!…

安排与愿想

机器学习的理论学了好久了&#xff0c;对于回归&#xff0c;分类&#xff0c;聚类&#xff0c;数据的预处理的各种算法也有了深刻认识&#xff1b; 但纸上谈兵&#xff0c;没有意义&#xff1b; 从今天开始用起来吧&#xff0c;把各种算法的实践以及思路记录下来&#xff0c;附…

pdf破解版

网页说明http://aikongke.com/3754.html1118-1805-7284-0295-8107-3663您好 亲 看到您拍的宝贝了&#xff01; 链接&#xff1a;http://pan.baidu.com/s/1c0iE44C 密码&#xff1a;bnyc XI版转载于:https://www.cnblogs.com/computerMatainance/p/5192834.html

使用try-with-resources替代try finally释放资源

2019独角兽企业重金招聘Python工程师标准>>> 1、旧社会 Java里&#xff0c;对于文件操作IO流、数据库连接等开销非常昂贵的资源&#xff0c;用完之后必须及时通过close方法将其关闭&#xff0c;否则资源会一直处于打开状态&#xff0c;直至程序停止&#xff0c;增加…

MFC模态对话框和非模态对话框

MFC中对话框有两种形式&#xff0c;一个是模态对话框&#xff08;model dialog box&#xff09;&#xff0c;一个是非模态对话框&#xff08;modeless dialog box&#xff09;。一、模态对话框&#xff08;model dialog box&#xff09;在程序运行的过程中&#xff0c;若出现了…

平板电脑离寿终正寝还有多远?

近期有评论称&#xff0c;因为大尺寸智能手机越来越普及&#xff0c;小尺寸平板正遭受着越来越严重的冲击&#xff0c;在这样的背景下&#xff0c;平板厂商也纷纷转攻超大尺寸平板市场&#xff0c;以此避开大尺寸智能手机的竞争&#xff0c;只是。这样的策略转变是否能扭转平板…

Swift 与 JSON 数据

转载自&#xff1a; http://www.cnblogs.com/theswiftworld/p/4660177.html 我们大家平时在开发 App 的时候&#xff0c;相信接触最多的就是 JSON 数据了。只要你的 App 有读取网络数据的功能&#xff0c;你就免不了要与 JSON 打交道。比如你做一个新闻 App&#xff0c;你要读取…

TeamViewer - 最好用强大的免费跨平台远程桌面控制软件 (支持电脑和手机)

from&#xff1a;很早以前 LYcHEE 就提到过&#xff0c;家中的潮人爷爷奶奶每天摆弄着电脑&#xff0c;看看新闻发发邮件&#xff0c;安享晚年生活。只是意料之中的&#xff0c;电脑上莫名出现各种问题&#xff1f;不翼而飞的图标&#xff1f;照片又忘记怎么导出了&#xff1f;…

【设计模式】7、桥接模式

桥接模式就是对一个类的方法进行抽象化&#xff0c;吧不相关的因素提取出来&#xff0c;发展出第二个类 1 package com.shejimoshi.structural.Bridge;2 3 4 /**5 * 功能&#xff1a;桥接模式使用6 * 意图&#xff1a;将抽象部分与它的实现部分分离&#xff0c;使他们都…

hadoop HA 之 QJM

前言 本文主要通过对hadoop2.2.0集群配置的过程加以梳理&#xff0c;所有的步骤都是通过自己实际测试。文档的结构也是根据自己的实际情况而定&#xff0c;同时也会加入自己在实际过程遇到的问题。搭建环境过程不重要&#xff0c;重要点在于搭建过程中遇到的问题&#xff0c;解…

TeamViewer免费版和付费版有什么不同

提到远程控制软件 TeamViewer无疑是目前业内知名度比较高的一款&#xff0c;所以说到远程控制软件可能大部分人首先想到的就是TeamViewer。在使用功能上&#xff0c;它支持远程桌面控制、文件传输、远程计算机锁定、视频会话、主控方和被控方身份互换&#xff0c;远程管理无人执…

iOS-关于cell的重叠问题

记得很早之前遇到过一个问题&#xff0c;关于cell的重叠问题&#xff0c;现在回顾总结一下。 iOS中tableview的cell显示是会消耗内存的&#xff0c;如果要显示无数个cell&#xff0c;不可能把每个cell都存储下来&#xff0c;为了解决这个问题&#xff0c;cell就用了重用机制&am…

每天一个Linux命令-ls

ls 命令在linux系统中是使用频率最频繁的几个命令之一,直接使用不带目录名&#xff0c;是默认显示当前目录的文件及子目录名称&#xff0c;ls加指定目录名&#xff0c;则可以查看指定目录下的文件及子目录名称&#xff0c;ls不仅可以查看目录下有哪些文件和子目录&#xff0c;还…

halcon资料链接

本文转载自xiamentingtao&#xff0c;原文地址如下&#xff1a; http://blog.csdn.net/xiamentingtao/article/details/52583787 1目录(?)[]论坛培训博客文档书籍视频论坛、培训halcon学习网&#xff1a;http://www.ihalcon.com/鸟叔机器视觉&#xff1a;http://bbs.szvbt.com…

【代码笔记】iOS-翻书效果的实现

代码&#xff1a; RootViewController.m #import "RootViewController.h"interface RootViewController ()endimplementation RootViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {self [super initWithNibName:…

修改TFS与本地源代码映射路径

使用源代码管理资源管理器修改工作区 在“文件”菜单上单击“源代码管理”&#xff0c;再单击“工作区”。 在“管理工作区”对话框的“名称”列下&#xff0c;突出显示要修改的工作区&#xff0c;然后单击“编辑”。 在“编辑工作区”对话框中&#xff1a; 修改“名称”框中…

halcon基础知识

一、程序中的颜色&#xff1a; 绿色&#xff1a;注释 褐色&#xff1a;控制开发 浅蓝色&#xff1a;外部函数——HDevelop函数文件&#xff0c;可在所有Halcon程序中使用 深蓝色&#xff1a;图像获取和处理 紫色&#xff1a;内部函数——本地程序函数&#xff0c;只在当前程序使…