光

文章目录JavaScript的数值存储探析学1. 浮点数的存储规则2. Number对象上的特殊值MAX_SAFE_INTEGERMAX_VALUE3. 特殊值的存储学以致用案例分析1.1 精度丢失1.2 大数危机1.3 toFixed()对于小数最后一位为5时进位不正确问题2. 解决方案“修复” 0.1+0.2 == 0.32.2 修复数据展示修复 toFixed()2.4 修复数据运算（+-*/）参考文章：JavaScript的数值存储探析学1. 浮点数的存储规则JavaScript中的所有数字

1. try/catches6 的初学者必须知道的捕获错误的方法，因为它是相对来说最保险的，既可以捕获同步错误也可以捕获异步错误。捕获异步错误：run();async function run() { try { await Promise.reject(new Error('Oops!')); } catch (error) { error.message; // "Oops!" }}捕获同步错误：run();async function run() {

前言今天想优化下用户体验：给小程序商品列表页顶部的标签栏增加个吸顶动画。逻辑是检测用户下滑行为时不吸顶，上滑时吸顶，标签栏未滑离视窗时不处理。并对滑动的处理方法增加节流处理，以优化性能。一、处理页面滚动1.1 页面逻辑页面page_name.js：// ...onPageScroll(e){ this.selectComponent('#goods_list').data._handleScroll(e)}// ...因为业务需要，商品列表goods_list被我封装成组件形式，所以

相同点：都是保存在浏览器端，且同源。不同点：cookiesession Storagelocale Storage大小限制4k5m或更大5m或更大携带始终在同源的http请求携带仅在本地保存仅在本地保存数据有效期在设置的cookie过期时间前有效仅在关闭当前浏览器窗口前有效始终有效作用域所有同源窗口共享不在不同窗口共享所有同源窗...

基本的网络请求分为3个步骤：请求、处理、响应。后端缓存主要集中在“处理”步骤，通过保持数据库链接，存储处理结果等方式缩短处理时间，尽快进入“响应”步骤。前端缓存则可在剩下的两步：“请求”和“响应”中进行。在“请求”步骤中，浏览器可以通过存储结果的方式直接使用资源，省去了发送请求；而“响应”步骤需要浏览器和服务器共同配合，通过减少响应内容来缩短传输时间。一、按缓存位置分类优先级：Serv...

构造函数function Foo (name, age) { // 构造函数命名：大写字母开头 this.name = name this.age = age this.class = 'class-1' // return this // 默认有这一行}var f = new Foo('David', 18)构造函数-扩展var a = {} 其实是var a = new ...

JSON是JavaScript的子集，是一个JS对象，也是一种数据格式作为JS对象：JSON.stringify({a:1,b:2}) // '{a:1,b:2}'JSON.parse('{a:1,b:2}') // {a:1,b:2}作为数据格式它仅有以下几种数据类型：number：和JavaScript的number完全一致；boolean：就是JavaScript的tr...

区别===为全等，判断值和值类型==仅判断值，不判断值类型使用场景// 问题：何时用 === 何时用 == ？if (obj.a == null) { // 这里相当于 obj.a === null || obj.a === undefined // 是 jQuery 源码中推荐的写法}...

this要在执行时才能确认值，定义时无法确认demo：var a = { name: 'A', fn: function(){ console.log(this.name) }}a.fn() // this === aa.fn().call({name:'B'}) // this === {name:'B'}var fn1 = a.fnfn1() // this ===...

假设我们的url是http://www.demo.com/#/?channel=123&user=user #前的内容不影响import Qs from 'qs'const query = Qs.parse(location.hash.substring(3))let channel = query.channellet user = query.user...

知识点变量类型变量计算变量类型值类型VS引用类型typeof运算符详解值类型Number/String/Booleanvar a = 100var b = aa = 200console.log(b) // 200引用类型Object/Array/Function 指针指向同一个内存，原因是其可以无限制扩展属性，为了防止消耗过大内存。var ...

_getByteLen(v) { var len = 0; for (var i = 0; i < v.length; i++) { var a = v.charAt(i); if (a.match(/[^\x00-\xff]/ig) != null) { len += 2; } ...

Promise：ES6中异步编程的解决方案ES5的异步解决方案：回调ES5-回调{ // 基本定义 let ajax = function(callback) { console.log('执行'); setTimeout(() => { callback && callback.call(...

导出：export；引入：import引入特定模块// 导出export let A=123export function test(){ console.log('test')}export class Hello{ test(){ console.log('class') }}// 引入import {A,test,Hello...

原因JSON.parse无法识别某些url中的特殊字符，所以报错解决方案对需要做JSON.parse的字符串先做编码处理，encodeURIComponent(str），再用JSON.parse将其转成js对象，最后通过decodeURIComponent(str）将字符串解码即可使用。...

屏蔽键盘事件原理：给触发按键的事件做判断，当按下的keyCode为指定keyCode时，使此次按键事件失效。特定事件屏蔽键盘事件：// html<input type="text" onkeydown="keydown()">// jsfunction keydown(){ console.log(window.event.keyCode) i...

了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)如下实例：typeof 2 输出 numbertypeof null 输出 objecttypeof {} 输出 objecttypeof [] 输出 objecttypeof (f...

1、双层循环双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1...