随笔分类 -  JavaScript

百度地图2
摘要：百度地图(2) 核心类 ：画地图必须调用的 其中 是想要画地图的 。其中 可以控制整个地图的缩放、移动、以及是否加入一些自定义的图片，以及添加点击事件等等操作都需要这个对象， 是整个地图的核心对象。 定位 定位的方式有浏览器自带的方式 ，还有根据详细地址或者经纬度来定位 。 ：是调用了浏览器自带的定 阅读全文
posted @ 2018-09-15 11:26 烂拖鞋 阅读(437) 评论(0) 推荐(0)
百度地图1
摘要：百度地图BMap的类 BMap的属性是一些构造函数,主大类有： 、`基础类 控件类 覆盖物类 右键菜单类 地图类型类 地图吐槽类 服务类 全局类` 核心类 ：最主要的一个类，集成了其他模块的方法，是一个集成了整个地图功能的接口 基础类 :根据经纬度生成的地理坐标 ：像素点坐标，原点位于左上角，和ca 阅读全文
posted @ 2018-09-15 11:25 烂拖鞋 阅读(829) 评论(0) 推荐(0)
JS MarcoTasks MicroTasks
摘要：JS MarcoTasks MicroTasks 在JS的 中，有两种任务队列 和`macrotasks` microtasks process.nextTick Promise Object.observe MutationObserver macrotasks setTimeout setInt 阅读全文
posted @ 2018-08-01 11:27 烂拖鞋 阅读(453) 评论(0) 推荐(0)
JS位运算和遍历
摘要：JS位运算符 整数 有符号整数：允许使用正数和负数，第32位作为符号位，前31位才是存储位 无符号整数：只允许用正数 如果用 代表位 由于位数(1、2、4、8、16...)中只有第一位 是奇数，所以可以根据第一位 的数值判断一个数值是奇数还是偶数 运算本质就是取的 的值，如果是1就是奇数，是0就是偶 阅读全文
posted @ 2018-07-31 10:51 烂拖鞋 阅读(529) 评论(0) 推荐(0)
javascript 写一个随机范围整数的思路
摘要：const {random} = Math; //返回 [min,max] 的随机值 //[0,1) * (max - min + 1) => [0,max-min+1) //[0,max-min+1) | 0 => [0,max-min] + min => [min,max] const randomInt = (min,max) => ( ( random() * (max - min +... 阅读全文
posted @ 2018-02-05 14:29 烂拖鞋 阅读(248) 评论(0) 推荐(0)
Promise中的next 另一个用法
摘要：const chainAsync = fns => { let curr = 0 ; const next = (...args) => fns[curr++](next,...args); //执行fns[0](next) : next是一个闭包，包着fns 和 curr ,其中curr只有在next执行的时候才确定fns[curr++]中curr是多少,知识点(函... 阅读全文
posted @ 2018-01-20 17:42 烂拖鞋 阅读(1247) 评论(0) 推荐(0)
自写小函数处理 javascript 0.3*0.2 浮点类型相乘问题
摘要：const reg = /^([-+]?)([0-9]+)\.([0-9]*)$/; // 判断是不是浮点数 const isFloat = function(number){ return reg.test(number); } // 去除小数点转为整数 0.2 -> 2 1.3 -> 13 const floatToInt = function(matchArr){ l... 阅读全文
posted @ 2017-09-19 11:57 烂拖鞋 阅读(340) 评论(0) 推荐(0)
页面布局、盒子大小、浏览器窗口大小等几何定位
摘要：一、screen对象 1、height:设备窗口高度。 2、width:设备窗口宽度。 二、获得页面可视区域的大小： window.innerWidth || document.body.clientWidth//整个页面的宽度 window.innerHeight || document.body 阅读全文
posted @ 2017-06-08 14:35 烂拖鞋 阅读(441) 评论(0) 推荐(0)
Fetch API
摘要：Ajax 的 API -> fetch(): 一起学习吧：http://javascript.ruanyifeng.com/bom/ajax.html#toc27 fetch操作返回Promise对象，babel可以编译，一些高版本浏览器支持。 对比XHR写法 Fetch API提供以下五个数据流读 阅读全文
posted @ 2017-06-06 22:52 烂拖鞋 阅读(2073) 评论(0) 推荐(0)
浏览器缓存
摘要：定义缓存是由header头决定：一共4种、Cache-Control 、Expires 、Last-modified 、ETag 一、Cache-Control的可能取值： 1、max-age(单位s):指定设置缓存的最大的有效时间，定义的是时间长短。当浏览器向服务器发送请求后，在max-age这段 阅读全文
posted @ 2017-06-06 22:12 烂拖鞋 阅读(166) 评论(0) 推荐(0)
摘抄 Promise原理
摘要：1、简单的promise: 上面： 1、调用then方法，将想要在Promise异步操作成功时执行的回调放入callbacks队列，其实也就是注册回调函数。 2、创建Promise实例时传入的函数会被赋予一个函数类型的参数，即resolve，它接收一个参数value，代表异步操作返回的结果，当异步操 阅读全文
posted @ 2017-06-05 22:26 烂拖鞋 阅读(177) 评论(0) 推荐(0)
HTML5 FileReader对象
摘要：4个主要方法： abort():中断读取。 readAsBinaryString():将文件读取为二进制码。 readAsDataURL():将文件读取为DataURL。 readAsText():将文件读取为文本。 事件： onabort:中断时 onerror:错误时 onload:读取成功 o 阅读全文
posted @ 2017-06-03 11:27 烂拖鞋 阅读(205) 评论(0) 推荐(0)
HTML5 FormData 模拟表单控件 支持异步上传二进制文件 移动端
摘要：FormData是XMLHttpRequest Level 2添加的一个新的接口，利用FormData对象，我们可以通过JavaScript用一些键值对来模拟一系列表单控件，还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单"。比起普通的ajax，使用FormData的最 阅读全文
posted @ 2017-06-03 11:01 烂拖鞋 阅读(694) 评论(0) 推荐(0)
HTML5触摸事件
摘要：touchstart 、touchmove 、touchend 事件 touchstart事件：当手指触摸屏幕时触发，即使有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动时触发，在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件 阅读全文
posted @ 2017-06-01 10:11 烂拖鞋 阅读(305) 评论(0) 推荐(0)
ECMAScript5 [].reduce()
摘要：ECMAScript 5 的2个归并数组的方法，reduce() reduceRight() 两个方法都会迭代数组的所有项，然后构建一个最终返回的值。 两个参数： 1、函数，一个在每一项上调用的函数和 2、(可选的)作为归并基础的初始值。 第一个函数handlerReduce()接受4个参数 1、前 阅读全文
posted @ 2017-05-30 14:02 烂拖鞋 阅读(305) 评论(0) 推荐(0)
移动网页端HTML5 meta便签
摘要：width = device-width:标识宽度是设备屏幕的宽度 initial-scale = 1.0 :标识初始的缩放比例 minimum-scale =0.5 :表示最小的缩放比例 maximum-scale = 2.0 :表示最大的缩放比例 user-scalable = yes :表示用 阅读全文
posted @ 2017-05-28 18:36 烂拖鞋 阅读(376) 评论(0) 推荐(0)