JavaScript
JavaScript
「已注销」
.....
展开
-
storage
本地存储// 数据存储在用户浏览器中// 设置、读取方便、甚至页面刷新不丢失数据// 容量较大,sessionStorage约5M、localStorage约20M// 只能存储字符串,可以将对象JSON.stringify()编码后存储window.sessionStorage// 生命周期为关闭浏览器窗口// 在同一个窗口下数据可以共享// 以键值对的形式存储数据// 存储数据sessionStorage.setItem(key,value)// 获取数据sessionSt原创 2020-10-14 09:24:47 · 200 阅读 · 0 评论 -
DOM
获取元素document.getElementById('id')// 参数为元素id 大小写敏感的字符串// 返回的是一个元素对象document.getElementsByTagName('tagName')// 参数为元素标签名 大小写敏感的字符串// 返回的是一个HTML集合 HTMLCollectiondocument.getElementsByClassName('className')// 参数为元素类名 大小写敏感的字符串// 返回的是一个HTML集合 HTMLColl原创 2020-10-14 09:23:21 · 129 阅读 · 0 评论 -
jQuery
JavaScript库// jQuery Prototype YUI Dojo ExtJS 移动端zepto jQuery// 轻量级,核心文件几十kb,不影响页面加载速度// 跨浏览器兼容// 链式编程、隐式迭代// 支持事件、样式、动画,简化DOM操作// 支持插件扩展开发,包含丰富第三方插件下载/引入(https://jquery.com/)// 生成版 代码压缩后Download the compressed, production jQuery 3.5.1// 开发板原创 2020-10-14 09:22:33 · 143 阅读 · 0 评论 -
BOM
BOM// 浏览器对象模型,提供了独立于内容而于浏览器窗口进行交互的对象,// 其核心是window// BOM构成// js访问浏览器窗口的一个接口// 是一个全局对象,定义在全局// 作用域中的变量、函数都会变成window对象的属性和方法// 调用时可以省略window,如alert()、prompt()等DOM与BOM// DOM文档对象模型// 把文档当成一个对象// DOM顶级对象是document// DOM主要是操作页面元素// DOM是W3C规范标准//原创 2020-10-14 09:22:06 · 78 阅读 · 0 评论 -
ECMAScript
浏览器执行// 浏览器分成两部分 渲染引擎和JS引擎// 渲染引擎:用来解析HTML与CSS,俗称内核,// 比如chrome浏览器的blink,老版本的webkit// JS引擎:也称JS解释器。用来读取网页中的JavaScript代码,// 对其处理后运行,比如chrome浏览器的V8ECMAScript// ECMAScript规定了js的编程语法和基础知识,// 是所有浏览器厂商共同遵守的一套js语法工业标准三部分// DOM 文档对象模型// BOM 浏览器对象模型//原创 2020-10-14 09:20:40 · 146 阅读 · 0 评论 -
正则表达式
创建正则表达式// 调用 RegExp 对象的构造函数创建var 变量名 = new RegExp(/表达式/)// 字面量创建var 变量名 = /表达式/测试正则表达式testregexObj.test(str)// regexObj 正则表达式// str 测试的文本边界符^ // 匹配行首的文本(以谁开始)$ // 匹配行尾的文本(以谁结束)字符类// []方括号[abc] // 包含abc任意一个字符// [-]方括号内部范围符[a-z] // a到z2原创 2020-10-14 09:20:09 · 62 阅读 · 0 评论 -
es6
let/const// 使用let关键字声明的变量才具有块级作用域// 使用var声明的变量不具备块级作用域特性if (true) { let a = 10;} console.log(a) // a is not defined// 声明常量 常量就是值(内存地址)不能变化的量// 具有块级作用域// 区别// 使用var声明的变量其作用域为该语句所在的函数内且存在变量提升现象// 使用let声明的变量其作用域为该语句所在的代码块内不存在变量提升// 使用const声明原创 2020-10-14 09:19:33 · 133 阅读 · 0 评论 -
function
对象拷贝/** * @param {Object} source * @returns {Object} */export function deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'deepClone') } const target = source.constructor === Array ? [原创 2020-10-14 09:18:24 · 96 阅读 · 0 评论