自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 前端基础之数组方法如join,push,pop等

数组方法大致常用方法有:1.join()2.push()和pop()3.shift() 和 unshift()4.sort()5.reverse()6.concat()7.slice()8.splice()9.indexOf()和 lastIndexOf()10.forEach()11.map()12.filter()13.every()14.some()一、join()join,就是把数组转换成字符串,然后给他规定个连接字符,默认的是逗号( ,)书写格式:join("

2021-12-23 21:39:41 1989

原创 前端基础之For in遍历与hasOwnProperty()

一、 For in 遍历for … in是为遍历对象属性而构建的,不建议与数组一起使用,数组可以用示例下面的函数接受一个对象作为参数。被调用时迭代传入对象的所有可枚举属性然后返回一个所有属性名和其对应值的字符串。var obj = {a:1, b:2, c:3};for (var prop in obj) { // console.log("obj." + prop + " = " + obj.prop); //值都是undefined console.log("obj." + prop

2021-12-22 23:49:59 903

原创 前端基础之call、apply、bind的用法和区别

call()、apply()、bind() 的用法与区别call、apply、bind的作用是改变函数运行时this的指向1、方法调用模式:  当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么他就是被当做一个方法来调用,此时的this被绑定到这个对象。例如var a = 1;var obj = { a: 2, fn: function(){ console.log(this.a); }}obj.fn();//2此时的 t

2021-12-20 22:53:29 326

原创 剖析原理:JS高级篇——闭包

闭包简介闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。闭包定义如果在一个内部函数里,对在外部作用域(但不是全局作用域)的变量进行引用,那么内部函数就被认为是闭包(closure)。function outer() { var a = '变量1' var inner = function ()...

2021-12-19 16:35:13 96

原创 JS前端之三元表达式解析

三元表达式又叫三元运算符,必须有三个操作数参与的运算操作符号:? :表达式:在参与 js 程序时,都必须先计算出表达式结果,才能参与后续程序由于三元表达式具备了一些选择的效果,所以也是一种条件分支语句语法boolean_expression ? true_value : false_value;boolean_expression: 布尔表达式,表达式在参与三元运算中必须求得一个布尔类型的值,要么是 true,要么是 false,结果作为判断依据,判断到底去:前面的值还是后面的值tru

2021-12-15 21:28:23 6930

原创 JS基础之instanceof

JS的instanceof详解instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上,返回值为布尔值。语法 : object instanceof constructo参数object:某个实例对象constructor:某个构造函数简单例子 function Car(make, model, year) { this.make = make; this.model = model; this.yea

2021-04-29 21:49:16 385

原创 JS属性对象的hasOwnProperty方法

js属性对象的hasOwnProperty方法1.判断自身属性是否存在2.如果存在,返回布尔值true var o = new Object(); o.prop = 'exists'; function changeO() { o.newprop = o.prop; delete o.prop; } console.log(o.hasOwnProperty('prop')); // true changeO(); conso

2021-04-28 22:29:23 836

原创 JS基础之计算2的次幂,三种思路方法

计算2的n次幂,n可输入,n为自然数思路:当n=0时,value=1;当n=1时,value=2;当n=2时,value=22;当n=3时,value=222;当n=4时,value=2222;方法: <script type="text/javascript" > //计算2的次幂,三种思路方法 let n = parseInt(window.prompt("input")); //第一种 let mul = 1; for (let i =

2021-04-03 16:29:18 2134

原创 IE兼容事件函数function(e){}中e的问题

function(e){}中e在低版本IE浏览器获取问题简单来说就是指向了当前发生的事件(click、mouseover等等),保存了当前事件的信息。如鼠标点击事件,有鼠标的坐标信息。其中,e是标准浏览器传递进去的事件参数,低版本IE不会传递,事件参数放置在window.event对象中,所以兼容低版本的IE要加上这句 e = e || window.event;使用 for in 来输出一点东西:// An highlighted block<script type="text/javas

2021-03-31 01:37:09 477

原创 ECMAScript 6(ES6)——解构赋值

解构赋值解构赋值:从数组或对象或者说是可以遍历的物件中的提取值, 而后对变量进行赋值。前沿:我们先来看看没有结构赋值前的例子 var arr = [1, 2, 3, 4, 5, 6]; var a = arr[0]; var b = arr[1]; var c = arr[2]; var d = arr[3]; var f = arr[4]...

2019-12-06 20:07:35 221 1

原创 ECMAScript 6(ES6)——let和const命令

Let命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。我们现在来看下面var的例子,当使用var声明的时候,因为var只有全局作用域和函数作用域,所以内层变量覆盖外层变量,if里面的name覆盖了上面的name: var name = 'poller'; if(true){ var name = ...

2019-12-05 00:05:28 218

原创 剖析原理:JS基础篇——立即执行函数

1.什么是立即执行函数(IIFE)在了解立即执行函数之前先明确一下函数声明、函数表达式及匿名函数的形式,如下图两种常见方式://1. 匿名函数后面跟一个小括号, 整个包裹在一个括号运算符中 (function() { //... }())//2. 匿名函数包裹在一个括号运算符中, 后面跟一个小括号 (function() { //... ...

2019-10-23 02:40:09 185

原创 剖析原理:JS基础篇——arguments

JS基础篇——函数规则一、函数中实参传入时的隐藏小家伙:arguments(实参列表)function sum(a) {//arguments -----[10,20,30]console.log(a); //10console.log(arguments); //Arguments(3) [10, 20, 30, callee: ƒ, Symbol(Symb...

2019-09-29 17:53:50 230

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除