一、對象 1.使用對象作爲對象的屬性名 會導致問題，先將對象轉換成字符串（屬性名必須為字符類型），於是所有對象都對應了這個屬性{[object Object]:10}，數組不會發生這種問題，因爲數組轉換成字符串是arr=[1,2,3]->{1,2,3:10} 2.對象的淺複製（一、5&二、7） 對象 ...
分类：
其他好文 时间：
2020-07-11 21:13:08
阅读次数：
149
SPA应用： ①单页面应用 ②vs多页面应用 1.页面个数 单页面：多个.html文件 多页面：只有一个完整的.html文件,其余"页面"，其实都是HTML模板片段 2.页面跳转 多页面：删除整颗DOM树，重新下载新的.html文件，重建新的DOM树 单页面：重新加载一个HTML模板片段局部替换指定 ...
分类：
其他好文 时间：
2020-07-11 21:08:41
阅读次数：
64
DOM 解析器将整个 XML 文档加载到内存来创建一棵 DOM 模型树，这样可以 更快的查找节点和修改 XML 结构，而 SAX 解析器是一个基于事件的解析器， 不会将整个 XML 文档加载到内存。由于这个原因，DOM 比 SAX 更快，也要 求更多的内存，不适合于解析大 XML 文件。 ...
分类：
编程语言 时间：
2020-07-11 19:47:44
阅读次数：
76
jQuery核心函数 作为一般函数调用：$(param) 参数为函数：当DOM加载完成后，执行此回调函数。 参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象。 参数为DOM对象：将dom对象封装成jQuery对象。 参数为html标签字符串 (用得少)：创建标签对象并封装成jQ ...
分类：
Web程序 时间：
2020-07-11 19:25:52
阅读次数：
75
一. jQuery基础及选择器 1.补充： jQuery是js的类库 （1）jQuery的设计思想：write less,do more （2）jQuery的优势： 1》体积小 2》强大的选择器 3》出色的DOM封装 4》可靠的事件处理机制 5》出色的浏览器兼容性 2.在页面中引入jQuery <s ...
分类：
Web程序 时间：
2020-07-11 19:20:05
阅读次数：
77
jQuery对象 说明： 是一个包含所有匹配的任意多个dom元素的伪数组对象。 基本行为： size()/length：包含的DOM元素个数。 [index]/get(index)：得到对应位置的DOM元素。 each()：遍历包含的所有DOM元素。 index()：得到在所在兄弟元素中的下标。 示 ...
分类：
Web程序 时间：
2020-07-11 19:09:39
阅读次数：
77
content方面 减少HTTP请求：合并文件、CSS精灵、inline Image 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名 减少DOM元素数量 Server方面 使用CDN 配置ETag 对组件使用Gzip压缩 Cookie方面 减小cookie大小 css方面 将样式表放到页面 ...
分类：
Web程序 时间：
2020-07-11 17:44:29
阅读次数：
92
jQuery DOM操作 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 内容操作 html() 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font> text() 获 ...
分类：
Web程序 时间：
2020-07-11 17:07:28
阅读次数：
83
1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button> ...
滑动 说明： 不断改变元素的高度来实现的。 方法： slideDown()：带动画的展开。 slideUp()：带动画的收缩。 slideToggle()：带动画的切换展开/收缩。 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
分类：
Web程序 时间：
2020-07-11 16:54:02
阅读次数：
70
