前端开发工具:

web前端开发乃及其余的相干支付,

推荐sublime text,
webstorm(jetbrains公司体系产品)那八个的来由在于,有个技术叫emmet,
http://docs.emmet.io,而这两个对他的支持是:

sublime text 是具有编辑器里边协理emmet比较好的的唯11款。

webstorm是具备编辑器里边唯1内置emmet的1款,并且将emmet的神气往前推进的壹款。

 

webstorm针对前端er。 

她俩的事无巨细相比: http://www.36ria.com/5884

 

一. css工具:

  1. emmet http://docs.emmet.io/

json 1

json 2

a.
能够以插件的款型设置在dreamweaver,notepad++,editplus,sublime依次编辑器上。

http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html

http://www.qianduan.net/the-zen-coding-renamed-as-emmet.html

http://www.qianduan.net/zen-coding-update-to-0-7.html

http://www.qianduan.net/zen-coding-resources-to-update.html

http://www.qianduan.net/zen-coding-for-dreamweaver-plug-in-tutorial.html

emmet在sublime上的功能:

①). css
:他与其它编辑器的分歧在于细节上,比如ctrl,alt+方向键能够修和里面包车型地铁数值

json 3

2). html 效果:

json 4

叁). sublime的emmet规则修改:

packages->Emmet->emmet->snippets.json

json 5

b. 只有叁个不及jetbrain公司的产品线:webstorm,phpstorm,intellij
idea都是放到的,不供给设置。

1).

json 6

写js的效果:

json 7

二). webstorm的emmet规则修改:Files -> settings -> Live Templates

json 8

  1. css压缩办法:

a. 通过正则五步替换法,适用于任何编辑器:

http://www.cnblogs.com/sky000/archive/2010/12/22/1913719.html

b. 模块化学工业具

二. js工具:

  1. 压缩等:

http://www.yulonghu.com/?post=5

在线压缩

http://tools.css-js.com/

在线压缩

http://tool.oschina.net/

工具集

  1. 以emmet的章程开发js,php,jsp,java and so on。

http://www.cnblogs.com/jikey/archive/2012/03/28/2420704.html

http://www.cnblogs.com/jikey/archive/2012/06/14/2549347.html

  1. firebug,chrome调节和测试工具的运用: 

 

http://ued.taobao.org/blog/?p=5534

chrome调试

http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html

chrome的调试

https://developers.google.com/chrome-developer-tools/docs/commandline-api

chrome console 命令详解

http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html

Firebug入门指南

http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

Firebug控制台详解

https://developers.google.com/chrome-developer-tools/docs/mobile-emulation

chrome移动版调节和测试

http://www.seejs.com/archives/296

【译】Android上的长途调节和测试

http://blog.jobbole.com/31178/

用Chrome开发者工具做JavaScript品质分析

http://blog.moocss.com/code-snippets/mobile-web-code-snippets/1384.html

用谷歌(谷歌(Google))(Chrome)浏览器来当手提式有线电话机模拟器

http://www.cnblogs.com/xiaoyao2011/p/3447421.html

翻看事件绑定

chrome.exe –user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us;
Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko)
Version/4.0 Mobile Safari/533.1″

http://jinlong.github.io/blog/2013/08/29/devtoolsecrets/

总结浏览器开发工具

http://ccforward.net/2013/02/firebug_console.html

至于FireBug和Chrome的控制台

http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles

http://h5dev.uc.cn/article-25-1.html

chrome profiles

http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html

Chrome神器Vimium快捷键学习记录 

http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/

Chrome 开发工具 Workspace 使用 

 

  1. js参考手册:

w3c手册

  1. 任何开发工具:

新手推荐:editplus,vim

团组织支付:

webstorm, phpstorm(phper), pycharm(pythoner), intellij idea(javaer).

http://note.youdao.com/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook

  1. 模块化开发grunt

http://www.gruntjs.org/article/getting_started.html

入门

http://stackoverflow.com/questions/17059487/how-to-setup-grunt-in-webstorm-on-windows

增添工具grunt

http://www.gruntjs.org/article/home.html

http://www.cnblogs.com/tugenhua0707/p/3497488.html

前者项目创设筑工程具—Grunt

http://javascript.ruanyifeng.com/tool/grunt.html

http://www.infoq.com/cn/articles/GruntJs

http://blog.segmentfault.com/frankfang/1190000000372612

享受 Grunt

http://www.cnblogs.com/yexiaochai/p/3603389.html

http://www.cnblogs.com/yexiaochai/p/3594561.html

  1. gulpjs

http://gulpjs.com

官网

http://www.tuicool.com/articles/n2Uj2y

教程

http://gratimax.github.io/search-gulp-plugins

gulp plugins

https://github.com/gulpjs/gulp

http://blog.segmentfault.com/laopopo/1190000000372547?page=1

前者营造筑工程具gulp入门教程

http://zhuanlan.zhihu.com/TLA42/19691575

居尔p 另一种自动化流水生产线

三:jq工具

  1. oschina参考手册大全。

2.
w3c_all.chm,w3cschool离线版,包含了javascript,jquery,php,sql,html,css2.x,3.x的手册。

json 9

 

相关文章

网站地图xml地图