随笔分类 - # JavaScript
摘要：问题的出现 存储 计算机不可能存储无限长二进制数，因此必然发生截取。 0.2.toString(2) // '0.001100110011001100110011001100110011001100110011001101' 查看存储精度 0.2.toPrecision(100) // '0.200
阅读全文
摘要：MDN Object Object.keys 返回对象的自身可枚举属性组成的数组Object.valuesObject.entries Object.fromEntries(entries) Object.getOwnPropertyNames() 包括不可枚举属性但不包括 Symbol 值作为名称
阅读全文
摘要：方法作用toString()转换成字符串。parseInt()将 字符串 等转换成整数。parseFloat()将 字符串等 转换成浮点数 不同类型 toString() 的结果 类型返回对象‘[object Xxxx]’ 构造名 非变量无法直接使用 toString字符串返回本身数字对应字符串数字
阅读全文
摘要：绝对等于 参考博客 如果类型不同，就一定不相等 (==会先进行格式转化)如果两个都是数值，并且是同一个值，那么相等；注意 NaN !== NaN引用类型比较的是地址==与 相同如果两个值都是null，或都是undefined，那么相等。（== 时 null == undefined） 需要进行 绝对
阅读全文
摘要：参考博客 ASI 规则（代码的解析规则：除了分号还会以换行为基础按一定的规则作为断句的依据） 新行并入当前行构成非法语句时，自动插入分号continue, return, break, throw 后自动插入分号 return => return; a+b a+b; ++, – 后缀表达式作为新行开
阅读全文
摘要：for in 遍历 对象 得到其 键值 包括非整数类型的名称和继承的那些原型链上面的属性也能被遍历属性需要具有 enumerable 为什么不推荐使用for in for in 会遍历出原型上的方法 类型改变：遍历出的属性值是字符串，而不是原本类型，如数字遍历原型：遍历的是对象的枚举属性，包括自身属
阅读全文
摘要：三点运算符 将需要拼接的对象通过 三点运算符拆分到新对象中 let newObj = {...obj, a: 'a', b: 'b'} Object.assign() 参数为若干待拼接的对象 assign：分配 let newObj = Object.assign(obj1, obj2, ···)
阅读全文
摘要：参考文章 取安全的 undefined void 0 undefined 但 undefined 存在风险，因为它不是保留字，用户可以定义undefined做为标识符 javascript:void(0) 填充空链接
阅读全文
摘要：事件委托 简单来说就是 将事件委托给父级处理 默认事件的传播方式是冒泡，即子级产生一个事件会逐级的向父级传播，有响应的响应函数就会被触发。 event 的target属性 可以获得冒泡的首层 基于这两个基本概念，我们可以在父级设置响应函数来处理子级的事件 也就是说我们可以在父级统一管理子级的事件 也
阅读全文
摘要：获取属性 通过for in 可以获得非Symbol（ES6）的属性 for (prop in obj) { console.log(prop); } 使用Object提供的方法 返回属性的数组 Object.keys(obj) 获得非Symbol（ES6）的属性Object.getOwnProper
阅读全文
摘要：call、apply 调用并改变 this 指向 .call() 第一个参数为要将this指向的对象 之后的参数为所调用函数的参数 fn.call(newthis, ...args) .apply() 和 .call() 极其相似，只是传参的方式不同，通过数组包含所有参数 fn.apply(newt
阅读全文
摘要：参考视频 防抖 抖动 （和硬件上按键抖动类似）描述的是一种高频事件，但不需要每次都响应 例如：对输入内容的动态提示，要监听oninput 但打字会高频触发这个事件 简单的防抖实现 let t = null; inp.oninput = function() { if (t !== null) { c
阅读全文
摘要：浅拷贝与 深拷贝 的区别在于是否共享相同的引用 因为存在共享引用，浅拷贝的修改可能造成源被修改。 js 内置对象复制操作 ...展开语法、Array.prototype.concat()、Array.prototype.slice()、Array.from()、Object.assign() 和 O
阅读全文
摘要：MDN 继承与原型链 参考博客 简单易懂的视频 ECMAScript 标准，符号 obj.[[Prototype]] 用于标识 obj 的原型。 内部插槽 [[Prototype]] 可以通过 Object.getPrototypeOf() 和 Object.setPrototypeOf() 函数来
阅读全文
摘要：Cookie 是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie，每次http请求都会将 cookie 携带传回给服务器，但客户端也可以设置cookie（也就是说可以被篡改）。 Cookie 的大小和数量被限制。一般为不超过 4KB，不超过20个 同源策略：同域名 // 存
阅读全文
摘要：好文链接 MDN 闭包 参考视频 静态作用域 又叫 词法作用域（Lexcical Scope）： 在编译时就确定了作用域范围；动态作用域：变量引用跟变量声明不是在编译时就绑定死了的。在运行时，它是在运行环境中动态地找一个相同名称的变量。 js 属于函数式编程。 闭包 一个函数和对其周围状态（lexi
阅读全文
摘要：MDN Event Event 事件对象 鼠标 / 键盘属性 属性描述altKey“ALT” 是否被按下button哪个鼠标按钮被点击clientX鼠标指针的相对容器水平坐标clientY鼠标指针的相对容器垂直坐标ctrlKey“CTRL” 键是否被按下metaKey“meta” 键是否被按下rel
阅读全文
摘要：事件属性 改变 属性此事件发生在何时…onchange域的内容被改变 （<input>, <select>, 和 <textarea>）onresize窗口被重新调整大小 选择 属性此事件发生在何时…onfocus元素获得焦点onblur元素失去焦点onfocusin元素即将获取焦点时触发onfoc
阅读全文
摘要：setTimeout() 与 setInterval() window.setTimeout(function, milliseconds) // 在等待指定的毫秒数后执行函数。 window.setInterval(function, milliseconds) // 等同于 setTimeout
阅读全文
摘要：旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。 设置/获取元素内文本 jQuery: 通过 .text() 方法 //设置 element.text("NewText"); //获取 var myText = element.text(); JavaScript:
阅读全文
