Console命令详解,让调试js代码变得更简单
控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。
一、显示信息的命令
Firebug内置一个console对象,提供5种方法,用来显示信息。
最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World"),加载时控制台就会自动显示如下内容。
另外,根据信息的不同性质,console[......]阅读全文
Code Review 同行代码审查实战分析
代码审查(Code Review)是软件开发中常用的手段,和QA测试相比,它更容易发现较难发现的问题,还可以帮助团队成员提高编程技能,统一编程风格等。本文作者从实际出发,详细分析了开发者在代码审查过程中会遇到的问题及解决方法。
以下为译文:
数百万年前,人类祖先人猿学会直立行走——解放双手——最终进化到人;而代码审查在开发过程中有着异曲同工之妙——区别出野蛮开发和先进开发。
然而,在实际工作中,以下声音总不绝于耳:
[......]阅读全文
开发者的10个最佳代码游乐场
如果你是开发者,在寻找最佳的代码游乐场,享受代码的乐趣,那么你来到了正确的地方。在这篇文章中我已经收集了用于测试、调试和分享代码的10个最好的免费代码游乐场(Code Playground)和沙盒工具。如果你知道其他好的代码游乐场,可以通过评论告诉我。Enjoy!
1. Codepen
CodePen是一个web前后端游乐场。它基于激发、传授和分享。能高亮热门示例(“Pen”),且提供高级功能,如共享和嵌入。需要建立一个减少测试案例来演示并找出一个bug?CodeP
[......]阅读全文
升级Universal Analytics部署代码
https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced
<!-- Google Analytics --> <script> /** * Creates a temporary global ga object and loads analy tics.js. * Paramenters o, a, an
[......]阅读全文
谷歌Web界面和搜索语言代码
本文包含谷歌Web界面语言列表 验证码(hl=)和搜索语言代码(lr=) ,可以被插入 Web浏览器时,在地址栏的URL (网页地址) 使用谷歌的服务,如果你的问题,请 与谷歌的语言设置。在那里的那一刻( 2012年6月) 149 Web界面语言代码和46个搜索语言代码。该 已收集到的HTML源代码的谷歌语言代码 首选项页面,你可以找到他们从那里还可以。此页面 主要的目的是列出的语言代码,这样你就可以复制 您正在使用的URL的字符(例如HL =
[......]阅读全文
HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
CSS 格式化ProCSSor - http://procssor.com/
CSS 压缩CSS Compressor - http://www.cssdrive.com/index.php/main/csscompressor
HTML 格式化Tabifier - http://tools.arantius.com/tabifier
HTML 压缩Compress HTML - http://www.textfixer.com/html[......]阅读全文
编写可读代码的艺术
代码为什么要易于理解
“Code should be written to minimize the time it would take for someone else to understand it.”
日常工作的事实是:
- 写代码前的思考和看代码的时间远大于真正写的时间
- 读代码是很平常的事情,不论是别人的,还是自己的,半年前写的可认为是别人的代码
- 代码可读性高,很快就可以理解程序的逻辑,进入工作状态
- 行数少的代码不一定就容易理解
[......]阅读全文
《Head First 设计模式》代码之PHP版
《Head First 设计模式》是本不错的讲解设计模式的书,不像F4写的那么枯燥,应该算是比较容易理解的好书。书中的例子都比较浅显易懂,不过由于是外国佬写的,所以例子的习惯不是很附合中国特色,可能偶尔看起来有些别扭,还有语言习惯也不是中国风。当然看过这本书之后,你才能深刻理解设计模式到底能为你解决哪些题,不能为你解决哪些问题(比如不能代替你的编码)。
策略模式
- <?ph
[......]阅读全文
超过 30 个有用的 CSS、jQuery插件和代码技巧
Grid Navigation Effects with jQuery
The 30 CSS Selectors you Must Memorize
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Beautiful Slide Out Navigation Revised
Beautiful Backgr
[......]阅读全文
收集的一些主流网站的GA代码
豆瓣首页、豆瓣读书:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7019765-1']);
_gaq.push(['_addOrganic', 'baidu', 'word']);
_gaq.push(['_addOrganic
[......]阅读全文