摘要: 基本概念 事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown......)的函数委托到另一个元素; 一般来讲,会把一个或者一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件的是外层元素,当事件响应到需要绑定的元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上, 阅读全文
posted @ 2017-08-26 22:49 苯宝宝 阅读(1027) 评论(0) 推荐(0) 编辑
摘要: 1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。 正常的网页加载流程是这样的。 如果外部脚本加载时间很长(比如一直无法完成下载),就会造成网页长时间失去响应,浏览器就会呈现“假死”状态,这被称为“阻塞效应”。h 阅读全文
posted @ 2017-08-26 17:14 苯宝宝 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 浏览器工作大流程 来看个图: 从上面这个图中,我们可以看到那么几个事: 1)浏览器会解析三个东西: 一个是HTML/SVG/XHTML,事实上,Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。 CSS,解析CSS会产生CSS规则树。 Javascript,脚本, 阅读全文
posted @ 2017-08-26 16:49 苯宝宝 阅读(718) 评论(0) 推荐(0) 编辑
摘要: 1. 页面减肥 a. 页面的肥瘦是影响加载速度最重要的因素。 b. 删除不必要的空格、注释。 c. 将inline的script和css移到外部文件。 d. 可以使用HTML Tidy来给HTML减肥,还可以使用一些压缩工具来给JavaScript减肥。 2. 减少文件数量 a. 减少页面上引用的文 阅读全文
posted @ 2017-08-26 16:30 苯宝宝 阅读(595) 评论(0) 推荐(0) 编辑
摘要: PS:原文转自:http://www.cnblogs.com/zhangmingze/p/4864367.html,感谢原作者分享 ● 事件分为三个阶段: 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上 阅读全文
posted @ 2017-08-25 15:21 苯宝宝 阅读(653) 评论(0) 推荐(0) 编辑
摘要: 1.DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。直接在dom对象上注册事件名称,就是DOM0写法,比如: 意思就是注册一个onclick事件。当然,它和这种写法是一个意思: 这没什么,只不过是两种访问js对象属性的方法,[]的形式主要 阅读全文
posted @ 2017-08-25 15:13 苯宝宝 阅读(193) 评论(0) 推荐(0) 编辑
摘要: property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(property:属性,attribute:特性),但实际上,二者是不同的东西,属于不同的范畴。 property是DOM中的属性,是JavaScript里的对象; attribute是HTML标签上的特性,它的值 阅读全文
posted @ 2017-08-23 12:47 苯宝宝 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 插件(Plugin)也称为扩展,是一种遵循一定规范的应用程序接口编写出来的程序 最新最全的插件可以从jQuery官方获取,地址:http://plugins.jquery.com/ 1.jQuery表单验证插件——Validation 特点:内置验证规则、自定义验证规则、简单强大的验证信息提示、实时 阅读全文
posted @ 2017-08-20 12:30 苯宝宝 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 1.表格变色 (1)普通的隔行变色 CSS代码: .even{background:#fff;} //偶数行样式 .even{background:#fff;} //奇数行样式 ①包括表头 ②不包括表头 ③某一行高亮 2.单选框控制表格行高亮,即:单击某一行后,此行被选中高亮显示,且单选框被选中 步 阅读全文
posted @ 2017-08-20 12:15 苯宝宝 阅读(969) 评论(0) 推荐(0) 编辑
摘要: 表单的组成部分:表单标签、表单域、表单按钮 <form><fieldset><legend><label><input><textarea> 1.单行文本框——获取和失去焦点改变样式 当文本框获取焦点后,它的颜色有变化;失去焦点后恢复为原来的样式,可使用css中的伪类选择符实现该功能 问题:IE6不 阅读全文
posted @ 2017-08-17 17:56 苯宝宝 阅读(445) 评论(0) 推荐(0) 编辑