摘要：
Console命令详解,让调试js代码变得更简单 Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令 阅读全文
摘要：
响应式设计（RWD, Reponsive Web Design）：在任意设备中对网页内容进行完美布局的一种显示机制。以下三个网站是经典的响应式设计，当你调整浏览器视口大小的时候，就是见证奇迹的时刻！ 1、http://designlovr.com/examples/dynamic_stack_of_index_cards/2、http://2011.dconstruct.org/3、http://www.panic.com/blog/ 阅读全文
摘要：
node-inspector通过Web网页与用户进行交互，比命令行下的调试工具要美观、操作也方便许多。首先我们需要一个基于WebKit内核的浏览器，比如Chrome, Safari。首先：使用npm install -g node-inspector安装node-inspector其次：查看端口是否被调用：node-inspector若出现：error raised: Error: listen EADDRINUSE 表示端口被占用使用：node-inspector --web-port= new port来指定新端口可以通用：netstat -a -v查看当前被使用的端口若出现：inspec 阅读全文
摘要：
HTML与CSS阶段书藉选择 对初学都来说,这一阶段应该是XHTML与CSS2的学习. 学习前期, 建议至多看两本书: 《CSS权威指南》 和《CSS那些事儿》 , 有一定CSS基础后, 可以看《精通CSS：高级Web标准解决方案》 . 或许你会问,为什么没有HTML学习的书籍, 就我个人立场而言, 在你还没入门前, W3C在线教程或者HTML手册都是你最好的入门书. 前期你需要掌握的HTML知识并不要很多. 简单一点, 你能知道何处该用哪个HTML标签即可. 如果还想简单一点, 可以找一份HTML标签汇总表记下对应的标签(可参考HTML技巧: 语义化你的代码一文的附表) . 对于CSS... 阅读全文
摘要：
以前没有攒资料的习惯，这一两年才养成了这个习惯。有次和大学老师聊天，和她说攒了不少 资料，她就让我分享给她看。后来和她进一步沟通，觉得整理一下，分给学弟学妹看也许对他们更有帮助。为了这个目标，把资料重新梳理了一下，并且添加了一点 我个人对学习方法的理解，分享出来，希望对大家有所帮助！ 本文章面向刚刚踏入挨踢行业的新手，高手可以直接飞过！当然，如果有好的资料，或者一些不同的看法，请留言交流！ 学习方法论 享受学习！寻找学习中的乐子，享受这种乐子！强化学习中的成就感，提高自己对课程，对学习，对生活的自信心！在《只要一部计算机，就可以创造出无限的世界》中有更多论述。请自己查看。亲自动手实践！就我.. 阅读全文
摘要：
一、类式继承1、默认模式：该模式子类继承了父类的实例属性，原型属性和方法。缺点：（1）子类同时继承了父类和父类原型两个对象，而父类的自身属性往往是不需要的； （2）子构造函数不支持参数传递 1//父类2varParent=function(name){3this.name=name||"Adam";4}5Parent.prototype.getName=function(){6returnthis.name;7};8//子类9functionChild(){};10Child.prototype=newParent();//继承1112varchild=newChild() 阅读全文
摘要：
在函数声明和函数命名表达式中都有name属性。很多资料中都说明函数声明和命名函数表达式中都已定义了name属性，对此我也深信不疑。今天做了一个小测试，发现在IE下函数的name属性一直都是未定义。 1functionfoo(){};//函数声明2varbar=function(){};//函数表达式3varbaz=functionbaz(){};//命名表达式45//Firefox,WebKit6console.log(foo.name);//"foo"7console.log(bar.name);//""8console.log(baz.name);/ 阅读全文
摘要：
1、类式继承//使subclass继承superclass function extend(subclass, superclass){ function F() {}; F.prototype = superclass.prototype; subclass.prototype = new F();//类式继承 subclass.prototype.constructor = subclass; subclass.superclass = superclass.prototype; if (superclass.prototype.constructor == Object.protot.. 阅读全文
摘要：
Javascript 异步加载详解本文总结一下浏览器在 javascript 的加载方式。关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式：<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、 阅读全文
摘要：
CPU 占比探测通过 setTimeout 的方式探测 CPU 已经不是秘密，去年腾讯的朋友在 Velocity 上分享过，北京有朋友还通过这个原理，几年前就实现了网页游戏中动画等耗时操作的自动调节。原理很简单：var data = [] var t function pulse() { t && data.push(Date.now() - t) t = Date.now() setTimeout(pulse, 50) } pulse() 就是每隔 50ms 打一下点。理想情况下，data 的值应该是data = [50, 50, 50, 50, ...] 但实际情况，dat 阅读全文