自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术分享

一名热爱前端开发的小白

  • 博客(21)
  • 收藏
  • 关注

原创 node.js使用express自动搭建项目

一、安装express库和生成器打开cmd输入命令: yarn global add express express-generator解释:上面里两个模块分别表示库和生成器,在express3时,安装express会自动的给你安装生成器express-generator ,但是在express4时,他们就被分开了,所以需要分别安装。安装好后可以通过命令:express --version 检查是否安装成功。出现版本号即为安装成功(如下图所示)。二、express生成器自动创建expre

2021-04-08 16:33:53 433 2

原创 vue3.0中ref和reactive的区别

vue3.0已经出来好长时间了,相信很大一部分开发者还在使用vue2.0版本进行开发。今天为大家说明一下vue3.0中ref和reactive的区别。先贴上一段代码看看两者是怎么写的。 <script> import { ref, reactive } from "vue"; setup(){ const str = ref("vue3.0") const obj = ref({name: '张三', age: 20})

2020-11-30 16:10:10 6804 3

原创 前端面试-http协议

一、什么是http协议HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。 HTTP协议是构建在TCP/IP协议之上的,是TCP/IP协议的一个子集。 HTTP是一个应用层协议,由请求和响应构成,是一个标准的客户端服务器模型。 默认的HTTP的端口号为:80,HTTPS的端口号为:443。 HTTP是一个无状态的协议,同一个客户端的这次请求和上次...

2019-08-22 23:11:02 827

原创 JavaScript构造函数与实例对象

1、构造函数function Person(name,age){ this.name = name; this.age = age; this.sayHello = function(){ console.log(this.name +"say hello"); }} var boy = new Person(...

2019-08-21 14:59:28 315

原创 JavaScript中的深拷贝和浅拷贝

1、浅层拷贝在拷贝时,对于属性值为引用类型的属性也只会拷贝其地址,而不是具体的值,这会导致我们修改了拷贝后的引用类型数据时会影响到原对象中的引用类型属性。a、通过for in遍历实现b、通过Object.assign方法实现2、深层拷贝 var obj = { name: "zs", teg: ["数据结构", "算法", "...

2019-08-21 14:56:56 186

原创 JS的两种数据类型

JS分两种数据类型:基本数据类型:Number、String、Boolean、Null、 Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。引用数据类型:Object(在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象)...

2019-07-02 11:16:57 1609

原创 JavaScript如何创建cookie?如何将cookie以对象形式输出?如何清除cookie?

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-06-03 18:21:37 722

原创 JavaScript正则表达式

一、什么是正则表达式正则表达式是描述字母模式的对象。给大家提供在线体验正则表达式式的网站:https://regex101.com/r/aFTyda/1二、声明方式方式一:字面量模式:/pattern/flagsvar reg = /abc/g; // 全文匹配符合abc的字符,方式二:通过构造new RegRegExp(pattern,flags)va...

2019-06-01 11:30:58 259

原创 JavaScript实现表格外面有一个全选按钮,点击后能实现全部复选框的选中

表格外面有一个全选按钮,点击后能实现全部复选框的选中。效果如图所示全选部分选中全不选鼠标移入变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...

2019-05-27 18:59:14 4316 6

原创 JavaScript-构造函数与es6中的class

1、前言Es6中的class语法就是Es5中构造函数的另一种写法,一种更高级的写法, class语法的底层还是es5中的构造函数,只是把构造函数进行了一次封装而已。 Es6出现的目的为了让我们的让对象原型的写法更加清晰、更像面向对象编程让JavaScript更加的符合通用编程规范,即大部分语言对于类和实例的写法。2、 Es5中的构造函数写法function People(na...

2019-05-27 18:37:09 1532

原创 ES5模拟后端继承的实现(不继承原型)

1、修改this指向:单继承基本实现这里我们就需要使用call或者apply来实现// 定义一个人的属性function People(name,sex,age){ this.name = name; this.sex = sex; this.age = age;}// 定义身份继承人的属性function Woman(iden,name,sex,age){ this...

2019-05-27 18:08:22 142

原创 JavaScript数组的常用方法

一、如何判断一个变量是否是数组对象1、方法一 instanceof !arr instanceof Array function fn(arr) { if (!(arr instanceof Array)) { console.error('参数err 不是数组对象'); return; } var d = 1; fn...

2019-05-27 17:51:13 170

原创 JavaScript数组的概述&创建数组

一、数组的概述1、概述所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。2、数组的定义数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。二、如何创建数组1、数组字面量 [ ]var array = []; // 空数组var numbers = [1, 5, 1];2、数组...

2019-05-27 11:08:11 209

原创 JavaScript函数闭包

1、为什么会有闭包由于作用域的原因,我们无法在函数外访问函数里面定义的变量,但有时候我们又会有这样的需求,这个时候我们就需要使用闭包了。2、什么是闭包在函数A内部再定义一个子函数a,然后子函数a控制父函数中的变量v1,然后在父函数A中把这个子函数a返回给调用方,这个就叫做闭包。3、闭包的用途闭包从编码角度上讲,主要有两种用途可以读取整个父级作用域函数内部的变量。...

2019-05-26 17:01:30 1026

原创 JavaScript自执性匿名函数&回调函数

一、自执性匿名函数1、匿名函数匿名函数就是没有函数名的函数。匿名函数的一些使用:绑定事件:Btn.onclick=function(){} 排序传参:[].sort(function(){})声明字面量函数:var fn=funtion(){}2、自执行匿名函数这种函数不需要任何调用,即可立即执行。它也叫做 立即调用的函数表达式(标准叫法),或者一些其他的不...

2019-05-26 16:54:11 377

原创 JavaScript函数作用域

1、什么是作用域?规定了我们定义的变量在某些范围下才能生效的规则2、有哪些作用域?全局作用域& 函数作用域 & 块级作用域全局作用域:在当前文件中的所有函数,块中都有效,不管let还是函数作用域:只在某个函数里面有效,不管是var或者let都可以块级作用域:只在if判断、for循环等语句里面有效,需要使用let关键字声明全局作用域:在当前文件中的所有...

2019-05-26 16:33:34 1387

原创 JavaScript函数的参数

一、概述函数的参数分为形参和实参。形参:在声明一个函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值,仅仅起到一个占位置的作用,我们通常称之为形式参数,也叫形参。实参:如果函数在声明时,设置了形参,那么在函数调用的时候就需要传入对应的参数,我们把传入的参数叫做实际参数,也叫实参。// 函数内部是一个封...

2019-05-26 16:21:57 8102

原创 JavaScript函数的返回值

函数的返回值当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值1.每一个函数都会有一个返回值,这个返回值可以通过关键字“return”进行设置//声明一个带返回值的函数function 函数名(形参1, 形参2, 形参3...) { ...

2019-05-26 15:30:44 30208 2

原创 JavaScript函数的概述&&函数的声明方式

一、函数的概述1、为什么要有函数如果要在多个地方求1-100之间所有数的和,应该怎么做?2、什么是函数把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用3、函数有什么作用函数一般用于描述某种功能,实现某种功能。4、什么时候会定义函数需要让某段代码反复执行 需要封装某种功能,方便调用 简化代...

2019-05-26 15:16:48 704

原创 JavaScript中修改this指向的方法(更换调用对象)

主要有三种方法:call,apply,bind1、callobj.sex.call(obj1,"忠")var obj = {name:'张飞',sex:function(a){console.log(this.name,"无法确定性别!",a)}}obj.sex('飞') // 张飞 无法确定性别! 飞var obj1 = {name:"黄忠"}obj.sex...

2019-05-22 18:08:15 1130

原创 JavaScript对象中的this指向及其修改

1、属性事件的this,在标签内调用事件函数①谁调用this所在的函数,就指向谁a、如果this作为参数传入,那么this就是指向inputb、如果不在标签的方法中传入this,那么方法中打印this时一般指向window2、onclick事件中的this(返回该标签)3、构造函数中的this(this指向当前实例化的具体的对象(谁调用this所在...

2019-05-21 19:06:57 5108 3

空空如也

空空如也

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

TA关注的人

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