自定义博客皮肤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 181

原创 前端之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 260 1

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

this指向问题分为不同的情况,万变不离其宗,一般来讲谁调用this,this就指向谁。普通对象函数中的thisvar 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 134

原创 前端开发之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 963

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

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

2021-04-29 11:21:21 114

原创 前端之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 200

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

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

2021-04-29 09:44:32 1237

原创 前端开发之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 174

原创 【前端开发之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 209

原创 【前端开发之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 190

空空如也

空空如也

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

TA关注的人

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