自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 github上clone项目用ssh key出现问题permission denied(publickey)

问题描述 在github上想clone项目,https会出现代理问题,使用ssh配置。配置了ssh key后一直出现permission e'nie'd

2021-06-07 21:42:35 194

原创 前端之JS-关于类的继承与多态

function Person() { this.name = 'sss'; this.age = 12; this.say = function() { console.log(this.name + this.age) }; } function Child() { this.name = 'fff'; this.say = function() { console.log(this.name + this.age);

2021-04-29 17:05:55 271 1

原创 前端之JS-this的几种情况

this指向问题分为不同的情况,万变不离其宗,一般来讲谁调用this,this就指向谁。 普通对象函数中的this var apple = 'one'; var obj = { apple: 'two', prop: { apple: 'three', getNum: function() { console.log(this.apple); } } } console.log(obj.prop.getNum()) // three

2021-04-29 16:48:11 145

原创 前端开发之JS-如何创建一个类

字面量创建 let person = { name: 'xxx', age: 12, say = function () { console.log('ssss'); } } 直接用对象的方式表示一个类,缺点是每声明一个对象就要创建一次类,代码冗余。 工厂模式 function createObj(name, age) { let obj = new Object(); obj.name = name; obj.age = age; obj.say = fun

2021-04-29 15:22:40 980

原创 前端开发之JS-数据类型判断

基础数据类型判断typeof 基础数据类型:String, boolean, Number, null, undefined,一般用typeof判断,注意,null的typeof判断是object; null与undefined区别 引用数据类型判断instanceof 引用数据类型:Object, Array, Function, RegExp, Date A instanceof B:当需要判断的是数组和对象时,数组 instanceof 对象,返回的是true; 对象 instanceof 数组,返

2021-04-29 11:21:21 130

原创 前端之JS-apply 和call的用法简介

apply与call的区别 apply接受参数数组作为对象,call接受参数列表; 利用apply将一个数组的值加入到另一个数组 var a = [1,2,3] var b = ['ee', 'gg'] a.push.apply(a, b); // 第一个入参是push函数指向的对象,第二个入参是apply函数的参数 console.info(a); 利用apply函数可以避免一些需要循环遍历的方法 nums = [1,2,3,4,5,6,7] var maxnum = Math.max.apply(nu

2021-04-29 10:30:51 211

原创 前端开发之JS-bind函数的用法

bind函数的作用 bind函数一般用来改变上下文环境,返回一个调用的函数。一般上下文环境指的就是this指向的环境,例如setTimeout中的this一般指向window; 如下图所示,使用方法:funcname.bind( obj)(); 可以改变this指向 柯里化 函数柯里化:指的是当bind返回的函数用在new的情况下(构造函数),所指定的this不起作用。 实现一个bind ...

2021-04-29 09:44:32 1254

原创 前端开发之CSS实现块级元素垂直居中(四种方法)

flex布局 .div-father { display: flex; justify-content: center; .div-son { align-self: center; } } position方法 .div-father { position: relative; .div-son { position: absolute; margin:auto; top: 0;left:0;bottom:0;rig

2021-04-27 21:04:07 186

原创 【前端开发之CSS】不同情况的文字垂直居中实现

1. 文字用span标签,当父元素高度一定时,则将文字的line-height设置为父元素高度即可; .header { width: 100%; height: 50px; border: 1px solid #000; .header-span { font-size: 1em; font-weight: bold; line-height: 50px; } } 2. 当父元素高度不一定时(用百分比表示的),则

2021-04-22 21:10:10 223

原创 【前端开发之CSS布局】用flex布局实现经典布局

实现的功能:用flex布局实现上中下、左中右的经典布局,如图: 1. header和footer固定高度,中间的高度由calc(100% - 左高度 - 右高度) 实现; 2. 中间left, center,right属于同一层级,且都属于container的子级,其中container采用display: flex; left, right固定宽度,中间宽度同样计算:calc(100% - 左宽度 - 右宽度); <style lang="less" scoped> .compon

2021-04-22 20:28:43 213

空空如也

空空如也

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

TA关注的人

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