摘要：
这篇文章是根据目前chrome稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chromedeveloper tool, 所以chrome版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.1. BeautifyJavascriptjs 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scripts 面板下面有个 Pr 阅读全文
摘要：
一、配置开发环境：1、先安装node（1）、访问http://nodejs.org打开安装包，正常安装，点击next即可。 为了测试是否安装成功，打开命令提示符，输入node，则进入node.js交互模式，如图： 通过这种方式安装node.js还自动附带了npm（2）、安装node.js包管理器（Express） 新开一个命令行窗口 在命令行输入npminstall-gexpress Express 目录结构 t-1目录/文件说明./根目录，我们的node.js代码都会方这个目录package.json npm依赖配置文件， 类似ruby中的Gemfile, java Maven... 阅读全文
摘要：
1块格式化上下文是用来对其元素进行定位，以及决定它和其他元素的关系和相互作用。它的作用有三个：（1）一旦某个元素触发了块格式化上下文属性，那么其里面的元素的边距就不会叠加，即块格式化上下文会阻止边距叠加；（2）不会叠加浮动，比如一行中有3列，左列和右列都浮动，那么中间那一列只要触发了块格式化上下文，那么中间那一列就不会叠加浮动。即左，中，右三列都是独立的，并不会存在中间那一列作为背景，左列和右列浮动在在中间列上即叠加浮动的情况。这就是块格式化上下文不会叠加浮动的功能；（3）块格式化上下文的第三个功能是它包含浮动，即它里面的子元素是浮动元素的情况下，父容器如果有块格式化上下文属性，那么父容器就可 阅读全文
摘要：
1. hasLayout概念说明‘Layout’ 可以被某些 CSS property（特性）不可逆的触发，而某些 HTML 元素本身就具有 layout 。‘Layout’ 在 IE 中可以通过 hasLayout 属性来判断一个元素是否拥有 layout ，如 object.currentStyle.hasLayout 。‘Layout’ 是 IE 浏览器渲染引擎的一个内部组成部分。在 IE 浏览器中，一个元素要么自己对自身的内容进行组织和计算大小， 要么依赖于包含块来计算尺寸和组织内容。为了协调这两种方式的矛盾，渲染引擎采用了 ‘hasLayout’ 属性，属性值可以为 true 或 f 阅读全文
摘要：
摘要：我们常常看到Web应用中将JavaScript、CSS、图片文件分别按文件类型区分，这一习惯在过去的Web开发场景中尚可胜任。但随着Web App的发展，JavaScript应用越来越复杂，开发者需要更清晰、高效的文件结构。本文作者Cliff Meyers是一个前端工程师，熟悉HTML5、JavaScript、J2EE开发，他在开发过程中总结了自己在应对JavaScript应用越来越庞大情况下的文件结构，深得其他开发者认可。以下为CSDN编译：地板上堆放的衣服首先，我们来看看angular-seed，它是AngularJS应用开发的官方入门项目，其文件结构是这样的：css/img/js/ 阅读全文
摘要：
js进阶js代码根其他脚本语言一样，都要合理的组织好，不然到最后js代码也是比较乱的。我把JS的组织分成了三个阶段，看看您现在属于哪个阶段?初级阶段，JS代码从头顺序写到尾123456789101112131415<html><body><inputtype="text"name="username"id="username"value=""/><inputtype="password"name="password"id=" 阅读全文
摘要：
JavaScript之定时器性能优化 在JavaScript中使用setTimeout()或setInterval()创建定时器，两个函数都接收一样的参数：一个要执行的函数，和一个运行它之前的等待时间（单位毫秒）。setTimeout()函数创建一个定时器只运行一次，而setInterval()函数创建一个周期性重复运行的定时器。 定时器与UI线程交互的方式有助于分解长运行脚本成为较短的片断。调用setTimeout()或setInterval()告诉JavaScript引擎等待一定时间然后将JavaScript任务添加到UI队列中。例如： function greeting(){ alert 阅读全文
摘要：
Javascript Sort之前看到有一个例子演示排序的一系列算法，在Javascript中怎么实现呢？1.合并排序算法核心是将一堆数组中前后相邻的两个有序序列合并成一个有序序列，采用递归来实现，先进行划分，再进行合并。function merge(left, right) {var result = [];while (left.length > 0 && right.length > 0) {if (left[0] < right[0]) {result.push(left.shift());} else {result.push(right.shift 阅读全文
摘要：
IE下的特殊情况下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。2.ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定 阅读全文
摘要：
提高编写CSS代码效率的10个习惯1、保持一贯性。就像其它的任何事一样，值得一直保持一贯性。保持连贯性，而不是想到什么就给id和class命名什么。CSS的级联样式有利于加深你的记忆，而且充分利用样式的继承去设置样式表。首先声明通用的部分的样式，然后继续声明不通用的。这样当你需要的时候更容易的去覆盖一个特定的样式。因为样式更易于阅读和更具逻辑性，你会发现编写CSS更迅速。使用一种最是适合你的方式。复位和覆盖链接和类型主要布局二次布局结构表单元素杂项2、注释标题，日期和签名当样式被重写的时候遇到问题，可以很方便的找到是原始样式的编写者。当设计模板或者主题的时候这也是一个很好的习惯。稍等…什么是s 阅读全文