自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 在vue中使用svg封装图标组件,代替img图片提高性能

在vue中使用svg封装图标组件,代替img图片提高性能

2022-06-04 21:32:22 728

原创 1正则表达式

1.正则字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。序列“\”匹配“\”而“(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。*匹配前面的子表达式零次或多次。

2022-04-21 21:59:10 104

原创 数组api,字符串api,Math api

Math api向下取整console.log(Math.floor(1.9));生成一个4-12之间的随机整数 console.log(Math.floor(Math.random() * 9 + 4)); 取最大值 vararr = [1, 2, 3, 4, 5, 6] console.log(Math.max(1, 2, 3, 4, 5, 6));** 取最小值** console.log(Math.min(…arr));数组api

2022-04-21 21:58:07 57

原创 this new call apply bind 应用

this new apply call bind虽然标题是 this、new、bind、call、apply,但实际上这些都离不开 this,因此本文将着重讨论 this,在此过程中分别讲解其他知识点。注意: 本文属于基础篇,如果你已经对本文相关知识点已经很了解了,那么可以跳过本文。如果你不够了解,或者了解的还不完整,那么可以通过本文来复习一下 1. this 指向的类型刚开始学习 JavaScript 的时候,this 总是最能让人迷惑,下面我们一起看一下在 JavaScript 中应该如何确定

2022-04-21 21:54:00 66

原创 6javascript深入系列之this

JavaScript深入之从ECMAScript规范解读thisJavaScript深入系列第六篇,本篇我们追根溯源,从ECMAScript5规范解读this在函数调用时到底是如何确定的。前言在《JavaScript深入之执行上下文栈》中讲到,当JavaScript代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。对于每个执行上下文,都有三个重要属性变量对象(Variable object,VO)作用域链(Scope

2022-04-19 22:12:20 56

原创 5JavaScript深入之作用域链

在《JavaScript深入之变量对象》中讲到,当查找变量的时候,会先从当前上下文的变量对象中查找,如果没有找到,就会从父级(词法层面上的父级)执行上下文的变量对象中查找,一直找到全局上下文的变量对象,也就是全局对象。这样由多个执行上下文的变量对象构成的链表就叫做**作用域链_[[scope]]_。下面,让我们以一个函数的创建和激活两个时期来讲解作用域链是如何创建和变化的。函数创建在《JavaScript深入之词法作用域和动态作用域》中讲到,函数的作用域在函数定义的时候就决定了。这是因为函.

2022-04-19 22:11:37 48

原创 4JavaScript深入之变量对象

JavaScript深入系列第四篇,具体讲解执行上下文中的变量对象与活动对象。全局上下文下的变量对象是什么?函数上下文下的活动对象是如何分析和执行的?还有两个思考题帮你加深印象,快来看看吧!前言在上篇《JavaScript深入之执行上下文栈》中讲到,当 JavaScript 代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。对于每个执行上下文,都有三个重要属性:变量对象(Variable object,VO)作用域链(S.

2022-04-19 22:11:01 60

原创 3JavaScript深入之执行上下文栈

执行上下文栈js代码执行顺序是什么,大部分人都知道同步执行var foo = function(){ console.log('foo1'); } foo(); // foo1 var foo = function(){ console.log('foo2'); } foo() // foo2然后看以下下面代码 function foo(){

2022-04-19 22:09:42 88

原创 2JavaScript深入之词法作用域和动态作用域

JavaScript深入之词法作用域和动态作用域JavaScript深入系列的第二篇,JavaScript采用词法作用域,什么语言采用了动态作用域?两者的区别又是什么?还有一个略难的思考题,快来看看吧。作用域作用域是指程序源代码中定义变量的区域。作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。JavaScript 采用词法作用域(lexical scoping),也就是静态作用域。静态作用域与动态作用域因为 JavaScript 采用的是词法作用域,函数的作用域在函数定义

2022-04-19 22:07:15 77

原创 1JavaScript深入之从原型到原型链

JavaScript深入之从原型到原型链JavaScript深入系列的第一篇,从原型与原型链开始讲起,如果你想知道构造函数的实例的原型,原型的原型,原型的原型的原型是什么,就来看看这篇文章吧。构造函数创建对象我们先使用构造函数创建一个对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中,Person 就是一个构造函数

2022-04-19 22:05:35 62

原创 JS实现Tab切换

实现效果如下:![](https://img-blog.csdnimg.cn/img_convert/caca593adc843b6ffb00cbb9a2e01dfb.gif#clientId=u82a3415c-ad73-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=581&id=u799ec846&margin=[object Object]&originHeight=641&amp

2022-04-12 22:49:23 359

空空如也

空空如也

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

TA关注的人

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