javascript-cheat-sheet
### JavaScript Cheat Sheet 知识点概述 #### 一、对象方法(Object Methods) - **`toString()`**: 返回一个表示该对象的字符串。 - **`toLocaleString()`**: 返回一个表示该对象的本地化字符串。 - **`valueOf()`**: 返回指定对象的基本类型值。 - **`hasOwnProperty(property)`**: 检查对象是否具有指定的属性。 - **`isPrototypeOf(object)`**: 检查当前对象是否在另一个对象的原型链中。 - **`propertyIsEnumerable(property)`**: 检查指定属性是否可枚举。 #### 二、字符串方法(String Methods) - **`charAt(index)`**: 返回指定位置的字符。 - **`charCodeAt(index)`**: 返回指定位置字符的 Unicode 编码。 - **`fromCharCode(code)`**: 根据 Unicode 编码返回字符。 - **`concat(str1, str2,...)`**: 连接两个或多个字符串并返回新的字符串。 - **`indexOf(searchValue[, fromIndex])`**: 返回第一次出现的指定值的位置。 - **`lastIndexOf(searchValue[, fromIndex])`**: 返回最后一次出现的指定值的位置。 - **`localeCompare(string)`**: 比较两个字符串并考虑语言环境。 - **`match(regexp)`**: 在字符串中搜索匹配项。 - **`replace(searchValue, replaceValue)`**: 替换字符串中的某些值。 - **`search(regexp)`**: 搜索与正则表达式相匹配的子串。 - **`slice(begin[, end])`**: 提取字符串的一部分并返回新的字符串。 - **`split(separator[, limit])`**: 将字符串分割为字符串数组。 - **`substring(start[, end])`**: 返回字符串的某个子串。 - **`substr(start[, length])`**: 截取字符串的一部分。 - **`toLowerCase()`**: 将字符串转换为小写。 - **`toUpperCase()`**: 将字符串转换为大写。 - **`toLocaleLowerCase()`**: 根据本地环境将字符串转换为小写。 - **`toLocaleUpperCase()`**: 根据本地环境将字符串转换为大写。 #### 三、正则表达式(Regular Expressions - RegEx) - **`/pattern/modifiers`**: 定义正则表达式的模式和修饰符。 - **`/g`**: 全局匹配。 - **`/i`**: 不区分大小写的匹配。 - **`/s`**: 单行模式,`.` 匹配任何字符包括换行符。 - **`/m`**: 多行模式,`^` 和 `$` 可以匹配每一行的开头和结尾。 #### 四、数组方法(Array Methods) - **`concat(array1, array2,...)`**: 合并两个或多个数组,并返回新的数组。 - **`join(separator)`**: 把数组的所有元素放入一个字符串。 - **`push(element1, element2,...)`**: 向数组末尾添加一个或更多元素,并返回新的长度。 - **`pop()`**: 移除数组最后一个元素并返回该元素。 - **`reverse()`**: 颠倒数组中元素的顺序。 - **`shift()`**: 移除数组的第一个元素并返回该元素。 - **`slice(begin[, end])`**: 提取数组的一部分并返回新的数组。 - **`sort(compareFunction)`**: 对数组的元素进行排序。 - **`splice(start[, deleteCount[, item1[, item2,...]]])`**: 删除/替换/插入数组中的元素。 - **`unshift(element1[, element2,...])`**: 向数组的开头添加一个或更多元素,并返回新的长度。 #### 五、数字方法(Number Methods) - **`toFixed(fractionDigits)`**: 把数字格式化为字符串,保留指定位数的小数。 - **`toExponential(fractionDigits)`**: 把数字格式化为指数计数法的字符串。 - **`toPrecision(precision)`**: 把数字格式化为固定精度的字符串。 #### 六、日期方法(Date Methods) - **`parse(date_string)`**: 解析一个日期字符串,并返回毫秒数。 - **`toDateString()`**: 把 Date 对象的日期部分转换为字符串。 - **`toTimeString()`**: 把 Date 对象的时间部分转换为字符串。 - **`getDate()`**: 获取当前日期(1-31)。 - **`getDay()`**: 获取一周中的某一天(0-6)。 - **`getFullYear()`**: 获取四位数年份。 - **`getHours()`**: 获取小时(0-23)。 - **`getMilliseconds()`**: 获取毫秒(0-999)。 - **`getMinutes()`**: 获取分钟(0-59)。 - **`getMonth()`**: 获取月份(0-11)。 - **`getSeconds()`**: 获取秒(0-59)。 - **`getTime()`**: 获取从 Unix 纪元 (1970-01-01) 至今的毫秒数。 - **`getTimezoneOffset()`**: 获取本地时间与格林威治标准时间 (GMT) 的时差(单位:分钟)。 - **`setDate(day)`**: 设置日期(1-31)。 - **`setHours(hours[, minutes[, seconds[, ms]]])`**: 设置小时(0-23)。 - **`setMilliseconds(milliseconds)`**: 设置毫秒(0-999)。 - **`setMinutes(minutes[, seconds[, ms]])`**: 设置分钟(0-59)。 - **`setMonth(month[, day])`**: 设置月份(0-11)。 - **`setSeconds(seconds[, ms])`**: 设置秒(0-59)。 - **`setYear(year)`**: 设置年份(2位或4位数字)。 - **`toLocaleTimeString()`**: 获取本地时间字符串。 #### 七、函数与方法(Functions and Methods) - **方法(Method)**: 是一种类型的函数,与对象关联。 - **函数(Function)**: 与对象不关联的独立函数。 #### 八、事件处理程序(Event Handlers) - **`onAbort`**: 当文档加载被中断时触发。 - **`onBlur`**: 当元素失去焦点时触发。 - **`onChange`**: 当元素内容发生变化时触发。 - **`onClick`**: 当用户点击元素时触发。 - **`onDblClick`**: 当用户双击元素时触发。 - **`onDragDrop`**: 当拖放操作完成时触发。 - **`onError`**: 当脚本执行错误时触发。 - **`onFocus`**: 当元素获得焦点时触发。 - **`onKeyDown`**: 当键盘上的键被按下时触发。 - **`onKeyPress`**: 当键盘上的键被按下且释放时触发。 - **`onKeyUp`**: 当键盘上的键被释放时触发。 - **`onLoad`**: 当页面或图像完成加载时触发。 - **`onMouseDown`**: 当鼠标按钮被按下时触发。 - **`onMouseMove`**: 当鼠标移动时触发。 - **`onMouseOut`**: 当鼠标离开元素时触发。 - **`onMouseOver`**: 当鼠标进入元素时触发。 - **`onMouseUp`**: 当鼠标按钮被释放时触发。 - **`onMove`**: 当窗口或框架被移动时触发。 - **`onReset`**: 当表单被重置时触发。 - **`onResize`**: 当窗口或框架被调整大小时触发。 - **`onSelect`**: 当元素被选中时触发。 - **`onSubmit`**: 当提交表单时触发。 - **`onUnload`**: 当文档正在卸载时触发。 #### 九、文档对象模型(DOM - Document Object Model) - **`clear()`**: 清空文档内容。 - **`createDocument()`**: 创建一个新的 HTML 或 XML 文档。 - **`createDocumentFragment()`**: 创建一个新的文档片段。 - **`createElement(tagName)`**: 创建一个新的元素节点。 - **`createEvent(eventType)`**: 创建一个新的 Event 对象。 - **`createEventObject()`**: 创建一个新的 Event 对象(IE)。 - **`createRange()`**: 创建一个新的 Range 对象。 - **`createTextNode(text)`**: 创建一个新的文本节点。 - **`getElementsByTagName(tagName)`**: 获取带有指定标签名的元素集合。 - **`getElementById(id)`**: 获取带有指定 ID 的元素。 - **`write(html)`**: 向文档写入文本或 HTML。 #### 十、节点(Node) - **`addEventListener(type, listener[, useCapture])`**: 添加事件监听器。 - **`appendChild(newChild)`**: 在末尾添加一个子节点。 - **`cloneNode(deep)`**: 克隆节点。 - **`createTextRange()`**: 创建一个新的 TextRange 对象。 - **`detachEvent(type, listener)`**: 移除事件监听器(IE)。 - **`dispatchEvent(event)`**: 触发事件。 - **`fireEvent(type[, event])`**: 触发事件(IE)。 - **`getAttributeNS(namespaceURI, localName)`**: 获取指定命名空间下的属性值。 - **`getAttributeNode(name)`**: 获取指定属性的 Attribute 节点。 - **`hasChildNodes()`**: 检查是否有子节点。 - **`hasAttribute(name)`**: 检查是否具有指定的属性。 - **`hasAttributes()`**: 检查是否有属性。 - **`insertBefore(newChild, refChild)`**: 在指定节点之前插入新节点。 - **`removeChild(oldChild)`**: 移除子节点。 - **`removeEventListener(type, listener[, useCapture])`**: 移除事件监听器。 - **`replaceChild(newChild, oldChild)`**: 替换子节点。 - **`scrollIntoView(alignWithTop)`**: 滚动到视图内。 #### 十一、表单(Form) - **`submit()`**: 提交表单。 #### 十二、DOM 集合(DOM Collections) - **`item(index)`**: 获取指定索引处的元素。 #### 十三、范围(Range) - **`collapse(toStart)`**: 收缩范围。 - **`createContextualFragment(html)`**: 创建一个新的文档片段。 - **`moveEnd(unit, count)`**: 移动范围的结束点。 - **`moveStart(unit, count)`**: 移动范围的起始点。 - **`parentElement`**: 返回范围的父元素。 - **`select()`**: 选择范围内的文本。 #### 十四、样式(Style) - **`getPropertyValue(propertyName)`**: 获取样式属性的值。 - **`setProperty(propertyName, value[, priority])`**: 设置样式属性的值。 #### 十五、事件(Event) - **`initEvent(typeArg, canBubbleArg, cancelableArg)`**: 初始化事件。 - **`preventDefault()`**: 阻止默认行为。 - **`stopPropagation()`**: 阻止事件冒泡。 #### 十六、XML 序列化(XML Serialization) - **`serializeToString()`**: 将 XML 节点序列化为字符串。 #### 十七、XMLHttpRequest - **`open(method, url[, async])`**: 初始化请求。 - **`send(body)`**: 发送请求。 #### 十八、XML DOM - **`loadXML(xml)`**: 加载 XML 字符串到文档。 #### 十九、DOM 解析器(DOMParser) - **`parseFromString(str, contentType)`**: 从字符串解析出 DOM 文档。 #### 二十、正则表达式格式(Regular Expressions Format) - **`/^`**: 匹配输入字符串的开始位置。 - **`/$`**: 匹配输入字符串的结束位置。 - **`/./`**: 匹配除 "\n" 之外的任何单个字符。 - **`/(a|b)`**: 匹配 "a" 或 "b"。 - **`/()`**: 定义匹配项组。 - **`/[abc]`**: 匹配 "a"、"b" 或 "c" 中的任意一个。 - **`/[^abc]`**: 匹配除了 "a"、"b" 或 "c" 之外的任意字符。 - **`/a?`**: 匹配 "a" (零次或一次)。 - **`/a*`**: 匹配 "a" (零次或多次)。 - **`/a+`**: 匹配 "a" (一次或多次)。 以上是 JavaScript Cheat Sheet 中的关键知识点总结,涵盖了 JavaScript 的各个方面,从基本的对象方法到复杂的 DOM 操作和 XMLHttpRequest 使用等,对于学习和快速查阅 JavaScript 相关语法非常有帮助。
- 粉丝: 1
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- stm32-用于STM32串行引导加载的基于C语言实现的固件加载程序实现-优质嵌入式项目分享.zip
- MATLAB Simulink 是一个强大的建模与仿真平台.docx
- stm32-基于STM32F103RET6为主控实现的离线烧写器-优质嵌入式项目分享.zip
- 图像去噪 基于MATLAB的一键图像去噪GUI(包含小波+均值+高斯+邻域+维纳等,含MATLAB源码)
- 基于形态学的权重自适应图像去噪代码及数据
- 艾利和iriver iFP系列mp3刷无驱固件教程
- SLAM-Multi-Robot多机器人SLAM系统设计-优质项目实战.zip
- 基于直方图优化的图像去雾代码及数据
- SLAM-GICP点云配准算法实现-实现scan-scan的GICP里程计-优质项目实战.zip
- 有签名和无签名ntlm relay攻击实验的数据包,ntlm relay攻击实验用