随笔分类 - javaScript
摘要：by caix in 深圳 前端性能优化最佳实践 客户端性能、服务器端、网络性能 1、页面内容 减少 HTTP 请求数 减少 DNS 查询 避免重定向 缓存 Ajax 请求 延迟加载 预先加载 减少 DOM 元素数量 划分内容到不同域名 尽量减少 iframe 使用 避免 404 错误 2、服务器
阅读全文
摘要：by caix in 深圳 可维护性 在早期网站中，JavaScript 主要用于实现一些小型动效或表单验证。今天的 Web 应用则动辄成千上万行 JavaScript 代码，用于完成各种各样复杂的处理。这些变化要求开发者把可维护能力放到重要位置上。正如更传统意义上的软件工程师一样，JavaScri
阅读全文
摘要：by caix in 深圳 高级技巧 - 高级函数 在 JavaScript 里面，函数拥有非常高的特权，甚至是一等公民，因此也跟Kotlin一样支持多种编程范式 一些写函数时的高级技巧 纯函数 高阶函数 函数缓存 懒函数 柯里化 函数组合 纯函数 纯函数要满足两个条件： 1、给相同的参数返回相同的
阅读全文
摘要：by caix in 深圳 离线应用 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用 开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作。然后，应用还必须能访问一定的资源（图像、J
阅读全文
摘要：by caix in 深圳 Ajax是一种从页面向服务器请求数据的技术，Comet是一种服务器向页面推送数据的技术，能够让信息近乎实时的被推送到页面上。 实现 Comet方式：长轮询，流 主流的 Web端 即时通讯方案大致有4种：传统Ajax短轮询、Comet技术、WebSocket技术、SSE（S
阅读全文
摘要：by caix in 深圳 JSON 定义 JSON：JavaScript Object Notation 【JavaScript 对象表示法】 JSON（JavaScript Object Notation，JS 对象标记）是一种轻量级的数据交换格式，目前使用特别广泛。 JSON 是存储和交换文本
阅读全文
摘要：by caix in 深圳 常见的错误类型 错误类型 Error：基类型，其他错误类型都继承自该类型 EvalError：使用 eval() 函数发生异常时被抛出 RangeError：在数值超出相应范围时触发 ReferenceError：在找不到对象的时候发生该错误(object expecte
阅读全文
摘要：by caix in 深圳 跨文档消息传递 跨文档消息传送（cross-document messaging），有时候简称为 XDM，指的是在来自不同域的页面间 传递消息。例如，www.wrox.com 域中的页面与位于一个内嵌框架中的 p2p.wrox.com 域中的页面通信 跨文档消息传递简称
阅读全文
摘要：by caix in 深圳 表单的基础知识 在 HTML 中，表单是由 <form> 元素来表示的，而在 JavaScript 中，表单对应的则是 HTMLFormElement 类型 HTMLFormElement 具有下列独有的属性和方法 acceptCharset：服务器能够处理的字符集；等价
阅读全文
摘要：by caix in 深圳 事件对象 DOM 中发生事件时，所有的相关信息都会被收集并存储在一个名为event的对象中 这个对象包含了一些基本的信息，比如导致事件的元素，发生的事件类型，以及可能与特定事件相关的任何其他数据，所有的浏览器都支持这个对象，尽管支持的方式不同 DOM 在触发某个事件的时候
阅读全文
摘要：by caix in 深圳 事件 JavaScript 与 HTML 之间的交互通过事件实现 事件 就是用户或浏览器自身执行的某种动作，比如点击、加载，鼠标移入移出等等 可以使用侦听器来预订事件 事件流 DOM (文档对象模型) 结构 是一个树形结构，当一个 HTML元素 产生一个事件时，该事件会在
阅读全文
摘要：by caix in 深圳 虚拟 DOM （ Virtual DOM ） 什么是 虚拟 DOM （ Virtual DOM ） 虚拟DOM 是⽤ JavaScript 对象 表示的 DOM 信息和结构；当 DOM 更新后 通过 diff 算法 使之与真实 dom 保持同步 虚拟DOM 是一个 Jav
阅读全文
摘要：by caix in 深圳 DOM 常用方法 获取节点 1、通过id号来获取元素，返回一个元素对象 document.getElementById("idName") 2、通过 name属性 获取元素，返回元素对象数组 NodeList document.getElementsByName("nam
阅读全文
摘要：DOM 即文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口 它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式 DOM 把网页和脚本以及其他的编程语言联系起来 DOM 属于浏览器的，而非JavaScript语言规范里规定的核心内
阅读全文
摘要：BOM (Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供独立于内容的、可以与浏览器窗口互动的对象结构 BOM 由多个对象组成，其中代表浏览器窗口的 window 对象是 BOM 的顶层对象，其他对象都是该对象的子对象 document 也是 BOM 的子对象，wi
阅读全文
摘要：Date 是 JS 中的重要的一个内置对象，其实例主要用于处理时间和日期 时间基于 1970-1-1 (世界标准时间)起的毫秒数，时间戳长度为 13 位（不同于 Unix 时间戳的长度 10 位） moment - 重量级时间处理库，支持时间解析、格式化、计算等，功能强大，支持浏览器和 Node.j
阅读全文
摘要：单体内置对象 《JavaScript高级程序设计》：由 ECMAScript 实现提供的、不依赖于宿主环境的对象，这些对象在 ECMAScript 程序执行前就已经存在了。 开发人员无需显式地实例化内置对象，因为他们已经实例化了 如 Math 和 Global Math Math 是 Javascr
阅读全文
摘要：基本包装类型 基本包装类型是 特殊的 引用类型 ECMAScript 提供了三种基本包装类型 Number String Boolean 每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而可以调用属性、方法来进行后续操作 javascript 引擎后台创建了对应基本包装类型
阅读全文
摘要：函数 — javascript的第一等公民 函数的多变来源于参数的灵活多变和返回值的多变 普通函数 — 如果参数是一般的数据类型或一般对象，这样的函数就是 通函数 高级函数 — 如果函数的参数时函数，我们称之为 高级函数 便函数 — 如果创建的函数调用另外一部分 （变量和参数已经预置）这样的函数就是
阅读全文
摘要：概念 什么是对象: 对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合。 let obj = { name: "caixin", age: 35 } 创建对象的方式 new Object() let obj = new Object(); obj.name = "caixi
阅读全文
