![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
洪布斯
桃李不言,下自成蹊。
展开
-
百度地图
百度地图资源:http://lbsyun.baidu.com/index.php?title=jspopular3.0<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...原创 2020-01-02 21:52:51 · 266 阅读 · 0 评论 -
获取地理位置
获取地理位置:<script> navigator.geolocation.getCurrentPosition(function (pos) { // 获取位置成功的回调函数 console.log("成功"); console.log(pos); }, function (err) { // 获...原创 2020-01-02 21:48:35 · 203 阅读 · 0 评论 -
浏览器本地存储
本地存储:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2020-01-02 21:46:50 · 140 阅读 · 0 评论 -
原型和原型链、闭包、reduce方法
原型链(图):原型:不使用原型 function People(name, age) { this.name = name; this.age = age; this.speak = function () { console.log(this.name + ": 在说话"); } ...原创 2019-12-23 21:24:56 · 171 阅读 · 0 评论 -
同步与异步
同步与异步: <script> /* * 浏览器端的运行环境是单线程 * Js引擎,渲染引擎 * 读取代码时按照从上往下的顺序执行 * * 任务的执行分两种:同步任务和异步任务 * * 同步任务: 任务的排列顺序与执行顺序...原创 2019-12-23 10:13:52 · 124 阅读 · 0 评论 -
es6:常用语法、class类的简单了解
es6的常用语法: <script> // 1.变量声明 // 声明提升:函数或变量的声明提升至该作用域的开始位置,赋值位置不变的 // 用let/const声明变量 // let 替换var, // 区别1:let变量只能声明一次,重复声明报错 let str = 'abc';...原创 2019-12-10 19:49:04 · 111 阅读 · 0 评论 -
原始类型和引用类型、浅复制(浅拷贝)、深复制(深拷贝)
JS数据类型:1.基本(简单)数据类型: String, Number, Boolean, Null, undefined原始类型2.复杂数据类型: Object, Array引用类型值类型:1.原始类型的值,被称为原始值,存储在内存的栈stack中,由系统分配空间 存储在变量中的是值本身2.引用类型的值,被称为引用值,存储在内存的堆heap中,由程序...原创 2019-12-02 20:26:58 · 457 阅读 · 1 评论 -
函数的不定参数传递和对象调用
arguments在函数中,指向一个类数组,类数组中存放着本次函数调用时传递的参数,使用arguments可以获取函数的不定参数; function sum() { var sum = 0; for (var i = 0; i < arguments.length; i++) { sum += arguments[i];...原创 2019-11-05 19:32:28 · 376 阅读 · 0 评论 -
类的继承和调用
类:一类具有相同属性和行为特征的集合例如:人类,动物类... 面向对象的编程都是类过渡到对象的:java,python,c#,oc,... 具有显著的三大特性:封装,继承,多态 继承:如果一个具体类属于另外一个大类的一种,那么创建这个具体类的时候可以让其继承大的类,在继承中,被继承者叫父类,继承者叫子类 function People(name, age) { ...原创 2019-11-05 19:29:25 · 1405 阅读 · 0 评论 -
对象的原型
function People(name) { this.name = name; } var p1 = new People("洪布斯"); __proto__所有的对象都有一个隐藏的属性,__proto__对象的原型,值是一个对象,所以原型也叫做对象的原型 构造函数在创建对象的会调用构造函数的方法,prototype也是一个对象,叫做...原创 2019-11-05 19:22:05 · 851 阅读 · 0 评论 -
指定this调用函数
function f1(a, b){ console.log(a + b); console.log(this); } f1(10, 20); 函数作用方法被调用时,this代表调用当前函数的对象默认是windowvarpeople=newObject();函数本身也是对象,也可以调用自身的方法call方法:...原创 2019-11-05 19:16:25 · 311 阅读 · 0 评论 -
控制台输出
methoduseconsole.log("log");在控制台输出一行日志console.warn("warn");输出一个警告内容console.error("error");输出一个错误信息console.debug("debug");输出一行调试信息 debug调试 release释放console.info("info");输出一行...原创 2019-10-24 21:16:17 · 841 阅读 · 0 评论 -
自定义事件和js动画帧
自定义事件 var div = document.querySelector("div"); // 事件名就类似于收音机调频 div.addEventListener("我的事件", function (e) { alert("我的事件触发了:" + e.detail); });第一种自定义事件的创建方式 // createEvent创建一个事...原创 2019-10-24 21:08:33 · 378 阅读 · 0 评论 -
数组和字符串的基本方法
数组数组:多个相同数据类型存储的集合new关键字 作用是开辟一块内存,因为数组是引用类型创建数组的三种方法:①var numbers =new Array();②var strs =["张三","李四","王二麻子"];③var number =new Array(7);/*new Array() 创建一个空的数组new Array(number) 指定长度或内容的数...原创 2019-10-14 21:46:47 · 119 阅读 · 0 评论 -
JS中的Math函数
方法描述abs(x)返回数的绝对值。ceil(x)对数进行上舍入。floor(x)对数进行下舍入。max(x,y)返回 x 和 y 中的最高值。min(x,y)返回 x 和 y 中的最低值。pow(x,y)返回 x 的 y 次幂。random()返回 0 ~ 1 之间的随机数。round(x)把数四舍五入为最接近的整数。...原创 2019-10-15 11:52:06 · 118 阅读 · 0 评论 -
DOM方法
DOM(document, object, model) 文档对象模型, 简称DOM;浏览器在打开一个html页面之后,会针对html文件中的所有标签进行渲染,把每一个标签都解析成一个对象,这些对象以树形结构关联在一起,所以这种结构通常就叫做DOM结构,也就是所谓的DOM树,这些标签在解析过之后会将对象存储到document中,document是页面全体标签对象的一个集合,叫做文档对象模型;...原创 2019-10-15 12:10:02 · 1108 阅读 · 0 评论 -
非bool值作为bool值使用
在if语句中 需要写布尔值或者是布尔表达式才可以如果把非布尔值写入到if中,程序执行的时候会将这个值强制转换成布尔值使用如果把数字类型作为布尔值使用,那么0为false,其余都为true如果把字符串作为布尔值使用,那么空字符串尾false,非空为true如果把对象直接放到判断条件内,只要对象有内存结果都为true使用isNaN函数来 判断变量为不为NaN ; 如果参数值为 NaN ...原创 2019-10-15 21:23:22 · 270 阅读 · 0 评论 -
日期
var now = new Date();methoduseconsole.log(now.getTime());返回从传入的时间到1970年1月1日的毫秒数console.log(now.getFullYear());拿到当前对象的年份console.log(now.getMonth());拿到当前对象的月份console.log(now.getDa...原创 2019-10-16 20:19:17 · 136 阅读 · 0 评论 -
定时器
定时器(延迟加载)setTimeout可以延迟一定时间之后再去执行这个函数;1.参:表示要执行的函数体 2.参:延迟的时间 单位是毫秒var timer= setTimeout(function(){ console.log("4秒时间到"); },4000);clearTimeout(timer);系统提供的取消定时器的方法 参数是定时器编号t...原创 2019-10-16 20:31:33 · 81 阅读 · 0 评论 -
事件(键盘、鼠标、滚动)
onkeydown 检测键盘按下的事件document.body.onkeydown = function (e) { // e记录当前事件点击对象的 // e.key就是键盘按键的键值 系统通过对应的按键 传递按键上的值 console.log(e.key); // keyCode按键的编码 cons...原创 2019-10-16 20:40:57 · 323 阅读 · 0 评论