使用工具的意义:打个比方:
一:json解析工具
提供在线JSON工具,在线,JSON,JSON 校验,JSON格式化,xml转json 工具,在线工具,json视图,可视化,程序,服务器,域名注册,正则表达式,测试,在线json格式化工具
json在线编辑工具:
http://www.bejson.com/jsoneditoronline/
二:Bootstrap可视化布局系统
LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统... 设置你的栅格布局, 栅格总数默认为12, 用空格分割每列的栅格值
http://www.bootcss.com/p/layoutit/
三:在线图片压缩
四:迅捷PDF准换器
在工作中,会时常遇到这种情况,老板给你一个PDF文件,转换为图片的格式,以便于群发到微信,让顾客观看,这个时候
也无需下载复杂的安装包了,直接打开这个网站,无论是什么格式,PDF可以转为任何形式的,图片,文档,文本,PPT都可以,更厉害的是,这些个格式也能反过来转换为统一的PDF格式
五:jQuery在线编辑手册
http://www.w3school.com.cn/jquery/index.asp
W3school 提供完整的 jQuery 参考手册以及大量的在线实例
六:前端开发神器:
七:前端工具库:
前端工具库简单、直观、强悍的前端工具仓库,让Web前端开发更迅速。文件及目录比对神器,以颜色区分差异
作者:简生
链接:https://www.zhihu.com/question/19561454/answer/17807869
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
查阅:
can i use:http://caniuse.com
CSS参考手册:http://css.doyoe.com/jQuery API文档:http://www.css88.com/jqapi-1.9/
百度统计分析:http://tongji.baidu.com/data/browser
代码压缩/整理:
压缩工具1:http://tool.css-js.com/
压缩工具2:http://refresh-sf.com/yui/JSON编辑工具:http://tools.jb51.net/tools/json/json_editor.htm
JSONView(Chrome插件):https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
美化JS代码:http://jsbeautifier.org/
性能/测试:
JS性能测试:http://jsperf.com
Google的页面加载速度分析:https://developers.google.com/speed/pagespeed/insights
手机端web调试Console:http://jsconsole.com/
CSS代码生成/库:
雪碧图制作工具:http://wearekiss.com/spritepad
可视化CSS3生成器:http://css3.mikeplate.com/
可视化HTML5&CSS3生成工具:http://webdirections.org/tools/
网易的NEC(Nice Easy CSS)代码库:http://nec.netease.com/library
便捷:
loading.gif生成器:http://www.webscriptlab.com/
二维码生成器:http://qr.jibaoku.com/
UC二维码(Chrome插件):http://goo.gl/dn4cA
在线开发:http://jsbin.com/