Brackets 1.8 开源+免费的Web网页文本编辑工具   -------------->> ---------------------- A modern, open source text editor that understands web design 一个现代的.开源的文本编辑器,懂网页设计 ---------------------- 官网:http://brackets.io/ ---------------------- Brackets - 强大免费的开源跨平台Web…
在线网站类: WebPageTest 说明: 在线的站点性能评测网站,地址http://www.webpagetest.org/ 补充: 其实这网站也是个开源项目,所以支持自己搭建一个内部的测试站点 ShowSlow 说明: showslow是yslow的数据收集与展示平台http://www.showslow.com/,它是一个开源的php项目,可以用来与firefox的yslow插件.page speed插件或者dynatrace通信,收集插件或程序所发送过来的信息并集中展示.只需要在dyn…
前言 如果你以前在使用 Dreamweaver 或 Zendstudio 编写HTML,CSS代码,那么你可以尝试使用这个编辑器.他的界面简洁,舒服. 介绍 免费.开源.跨平台的前端开发环境(只是前端开发环境),由Adobe创建和维护,遵循MIT License,支持 Windows.Linux.OS X 平台,大小只有40M左右. 功能特色 Live Preview:代码一修改,浏览器中立即呈现,不需要多余的刷新页面操作. Open Folder命令:以一个文件夹作为一个工程. 快捷键 CTR…
http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向大家推荐一些优秀,且被广为用之的前端开发工具.下面主要为大家 推荐的是辅助开发工具和网页调试工具. 1.前端开发必备工具之辅助开发工具篇 在这里推荐一些前端开发中可以是你提高开发效率的小工具,既小巧又方便: 一.截图,取色,量尺寸,屏幕录制工具 FastStone Capture 主要用途:截图,取…
看见很多新手同学前端开发,效率比较慢.总是拿起代码就敲,不分析,没有逻辑,反而使效率变慢.所谓磨刀不误砍柴工,有一个良好的过程,才是最主要的: 1.分析平面效果图,在草稿纸上画出基本结构图 2.建立项目站点,将所需要的素材图片放置到Images文件夹 3.建立index.html.CSS文件夹.外链样式表,并在index.html中链接外链样式表 4.根据基本结构图用HTML描述主体结构,注意代码格式的缩进与注释 5.从上至下.从左至右按模块实现其效果 web前端开发,是很简单的步骤,但是很多人…
Vooki是一款免费且用户界面友好的Web应用漏扫工具,它可以轻松地为你扫描任何Web应用并查找漏洞.Vooki主要包括三个部分,Web应用扫描器,Rest API扫描器以及报告.Web应用扫描器​Vooki – Web应用扫描器目前支持以下类型的漏洞查找: Sql注入 命令注入 头注入 反射型XSS 存储型XSS DOM型XSS 缺少安全标头 恶意JS脚本执行 使用已知不安全组件 Jquery漏洞 Angularjs漏洞 Bootstrap漏洞 响应头中包含敏感信息 错误消息中包含敏感信息 缺…
程式碼編寫工具 (Coding Tools) 工作流程/建置/組合 (Workflow/Builds/Assemblers) lumbar brunch grunt lineman yeoman Takeoff mimosa codeKit liveReload stealJS anvil.js modjs AUTOMATON Fire.app 瀏覽器套件管理員 (Browser Package Managers) (參見: Front-End Package Manager Compariso…
Java 中的模块 传统的前端开发就是 JS.HTML.CSS 三件套.Web 没有像 Java 一样拥有优秀的模块机制,就是类与类之间可以分装在不同的包下,不同包下的类互相引用时通过import导入即可.模块之间的类名不会发生冲突.你可以把模块想象是一个平行世界,平行世界之间如果要互通就打开一道时空之门(import)来进行链接. 下面是两个不同包里的相同类名的类: package demo.a; class DemoA {} package demo.b; class DemoA {} 在…
Websites are getting more and more complex everyday and there are almost no static websites being built. Today, the simplest website has at least a contact or newsletter form and many are built with CMS systems or it may be using 3rd party plugins, s…
俗话说:"工谷善其事,先必利其器."一个用得顺手的工具,确实能为我们的开发带来方 便,更重要的是会让我们更加享受工具开发过程中所带来的乐趣. 1.编码工具: 记事本之类的编辑器都可以胜任,但我们还是从开发效率和编码体验上面谈谈. Visual Stuio  如果你用windows,重量级的Visual Stuio 2013虽然很庞大,对硬件要求比较高,但是用起来绝对方便,比如智能提示.代码格式化,尤其是配合一些拓展插件.界面清爽,项目管理方便,入手简单. Sublime  轻量级的话,…