JS基础
星哥真的太难了
这个作者很懒,什么都没留下…
展开
-
call、apply和bind
javascript中call和apply以及bind都可以改变this指向在代码中,当一个对象A具有一个方法fn,另一个对象B没有方法,但是需要用到同样功能的fn方法时,可以通过改变A对象中函数fn的执行上下文(this)来实现调用,达到节约代码空间,不产生冗余函数的目的。(字面量创建对象写法):var A = { name: "AAA", fn: function(skil...原创 2019-10-19 18:18:37 · 811 阅读 · 0 评论 -
Promise
文章目录前言前言在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现function callback() { console.log('hi');}console.log('before setTimeout()');setTimeout(callback...原创 2019-10-15 22:07:32 · 303 阅读 · 0 评论 -
JS数组基础
介绍数组(array)是按次序 排列的一组值。其中每一个值都有一个编号(编号默认从0开始).当我们存储一系列值的时候,通常情况下都会使用数组,这样无论是从存储还是从查询获取等方面都很便捷。创建下面我们来说下如何创建一个数组,我们创建数组,通常情况下可以使用下面的两种方式:var arr1 = [1,2,3]; //字面量方式var arr2 = new Array(...原创 2019-08-24 21:55:57 · 1077 阅读 · 0 评论 -
JS数组的排序
**1.数组的sort()方法**var array = [1,4,-8,-3,6,12,9,8];function compare(val1,val2){ return val1-val2;};array.sort(compare);document.write(array);sort()方法按照升序排列数组项,会调用每个数组项的toString()转型方法,然后比较得到...原创 2019-08-25 17:22:14 · 296 阅读 · 0 评论 -
数组去重的多种方法
在实际工作或面试中,我们经常会遇到“数组去重”问题,接下来就是使用js实现的数组去重的多种方法:1.将数组的每一个元素依次与其他元素做比较,发现重复元素,删除var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];console.log(arr); //[1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5,...原创 2019-08-27 00:04:51 · 23602 阅读 · 1 评论 -
JS中的兼容处理
javaScript中一些常见的兼容性问题整理1) 滚动条:document.documentElement.scrollTop||document.body.scrollTop获取样式兼容function getStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[styleName]getComputed...原创 2019-08-29 22:44:19 · 656 阅读 · 0 评论 -
js字符基础
字符串字符串的创建字符串 (String) 对象是JavaScript原生三大包装对象之一,用来生成字符串对象。var str = "hello world"; //常量,基本类型创建var str2 = new String("hello world"); //构造函数创建字符串的属性:str.length //字符串的长度...原创 2019-08-30 23:18:59 · 506 阅读 · 0 评论 -
箭头函数
箭头函数表达式的语法比函数表达式更简洁,并且没有自己的**this,**arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。语法基础语法(参数1, 参数2, …, 参数N) => { 函数声明 }//相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }(参数1, 参数...原创 2019-09-07 13:41:21 · 295 阅读 · 0 评论 -
原生JS实现小米轮播图和网易云轮播图
文章目录小米轮播图网易云轮播图小米轮播图实现功能:定时切换(2s)点击按钮停止切换点击向左向右按钮进行相应切换鼠标点击下方的小圆点,并进行相应的切换效果:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na...原创 2019-09-22 19:57:07 · 1162 阅读 · 1 评论