自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS布局,居中,伪元素

一、 布局单列布局实现方式——定宽 + 水平居中。双列布局一列固定宽度,另外一列自适应宽度。实现方式——浮动元素 + 普通元素 margin。三列布局两侧两列固定宽度,中间列自适应宽度。<div id="content"> <!-- 注意为什么不是 main 在前面! --> <div class="menu">aside</div> <div class="aside">aside</div> &l

2021-03-09 16:05:18 624

原创 逗号操作符

逗号操作符对它的每个操作数求值(从左到右),并返回最后一个操作数的值。参考链接逗号操作符(0,fn)()的执行原理参考链接(0,fn)()的执行原理

2021-03-05 13:10:35 147

原创 React-Native踩坑之旅

React-Native踩坑之旅1、 启动项目报错 RNCSafeAreaProvider was not found in the UIManager安装react-native-safe-area-context2、react-native-vector-icons无法识别解决问题地址

2020-12-28 18:20:59 614

原创 对象和数组的深浅拷贝,深浅比较

// 第一种,但是会有正则变为空对象/function消失/日期变为字符串/Symbol、undefined消失/BigInt报错的问题let newObj = JSON.parse(JSON.stringify(obj))// 第二种function deepClone(obj){ const constructor = obj.constructor; if(obj === null) return null; if(typeof obj !== "object") return obj;

2020-08-25 00:53:06 267

原创 函数的三种角色

Function.proto == Function.prototypeFunction.prototype.proto. == Object.prototypeObject instanceof FunctionFunction instanceof Object

2020-08-24 23:22:35 92

原创 this的五种情况

this:全局上下文中的this => window;快级上下文中没有自己的this ,它的this是继承所在上下文中的this;在函数的私有上下文,this的情况分多种。this与执行上下文:this是执行主体,EC(Excution Context)是执行上下文。五种情况:事件绑定:给元素的某个事件行为绑定方法,当事件行为触发,方法执行,方法中的THIS是当前元素本身(特殊:IE6~8中基于attachEvent方法实现的DOM2事件绑定,事件触发,方法中的THIS是WINDOW而不是元素

2020-08-21 00:13:46 1097

原创 高阶函数编程,以及一些知识点

匿名函数具名化1、设置的名字只能在函数内部使用,外部无法使用,可以替代严格模式下不支持的arguments.callee,并以此实现递归2、在函数内部修改这个名字,是无法修改的,依然代表这个函数本身,除非这个名字在函数体中被重新声明过,重新声明过,一切以声明为主,比如(function fn(){ // console.log(fn); // 函数本身 // fn = 10; // console.log(fn); // 函数本身 console.log(fn); // undefin

2020-08-20 23:09:40 216

原创 带var和不带var的区别

// 在当前上下文中遇到一个变量,如果不是自己私有的,则向上级上下文中查找,// 一直找到EC(G)为止,如果EC(G)中也没有:// 1、如果是获取变量的值,则直接报错// 2、如果是设置变量的值,则相当于给window(GO)设置一个属性// GO全局对象和VO(G)全局变量对象的关系// 两者存在映射关系,创建一个全局变量,也相当于给GO设置一个属性(let,const除外)// ...

2020-08-20 00:22:21 200

原创 时间字符串格式化,获取URL地址问号后面的参数信息,千分符处理

~function(){ /* *formatTime:时间字符串格式化处理 * @params[string] * template:处理之后的时间格式 * @return[string] */ function formatTime(template = "{0}年{1}月{2}日 {3}时{4}分{5}秒"){ let timeArr = this.match(/\d+/g); // console.log(timeArr); template = template.rep

2020-08-15 00:26:45 180

原创 JS中的多种继承方式

第一种:原型继承(子类的原型等于父类的实例)function Parent(){ this.x = 100}Parent.prototype.getX = function(){ return this.x;};function Child(){ this.y = 200;}Child.prototype = new Parent;Child.prototype.getY = function(){ return this.y;};let c1 = new Child;//

2020-08-13 23:42:38 220

原创 一些正则表达式

// 有效数字,匹配+1.1,1,0.1,12,-1.2等let reg = /^[+-]?(\d+|([1-9])\d+)(\.\d+)?$/// 密码,数字,字母,下划线,6~16位let reg = /^\w{6,16}$/// 真实姓名let reg = /^[\u4E00-\u9FA5]{2,10}(·[\u4E00-\u9FA5]{2,10}){0,2}$/// 邮箱let reg = /^/w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-

2020-08-12 18:54:18 82

原创 防抖和节流

/**防抖:只执行一次*/function debounce(func,wait=500,immediate=false){ // func,要执行的函数 // wait,等待世间 // immediate,是否立即执行 let timer = null; return function anonymous(...params){ let now = imemediate && !timer; timer = setTimeout(()=>{ timer

2020-08-09 00:33:03 76

原创 JS instanceof call bind 等源码

instanceof/**params:example(要检测的实例),classFunc(要检测的类)***/function instanceof(example,classFunc){ let classPrototype = classFunc.prototype; proto = Object.getPrototypeOf(example); while(true){ //到了Object.prorotype.__proto__ = null if(proto ===

2020-08-09 00:09:15 164

原创 垂直居中几种方式

1、定宽高:position:relative,absolute,top,left:50%,margin-left,margin-top:-50%margin:0 auto2、不定宽高position:relative,absolutetop,left:50%transform: translate(-50%, -50%);3、display: flex;justify-content: center;align-items: center;...

2020-06-23 00:31:14 102

原创 git 学习

git 学习一、创建空的本地仓库mkdir:创建目录 mkdir learngitcd learngitgit init 创建空的本地仓库二、新建文件,推到git仓库新建readme.txt,输入任意内容git add readme.txtgit commit -m “说明”修改readme.txt文件,运行git status命令查看结果,git diff readme....

2020-06-05 00:09:06 126

原创 前端知识总结

JavaScript数据类型基本数据类型:    Number:数字(数字可以带小数点也可以不带)、NaN、Infinity、    Null:表示变量的值为空,可以通过将变量的值设置为null来清空变量。    String:字符串可以是引号中的任意文本。双引号单引号都...

2020-06-05 00:08:41 99

原创 cnpm install安装依赖时报错 resource busy or locked

cnpm install安装依赖时报错 resource busy or locked出现这种情况是因为我把项目放在了桌面,用cnpm i报错,可以换成npm i,或是将项目换一个位置存放再安装依赖...

2019-07-19 10:13:40 664

空空如也

空空如也

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

TA关注的人

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