自定义博客皮肤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)
  • 收藏
  • 关注

原创 JS中for 、for...of、for...in区别

for 、for…of、for…in区别forEach()foeEach()不能使用break语句跳出循环,或者使用return从函数体内返回for-in()为循环“enumerable”对象设计的循环遍历对象自身和继承的可枚举属性(不含Symbol)会循环原型链和手动添加的键,返回键名key某些情况下,循环顺序随机的for-of()(ES6)可以使用break,...

2019-04-11 17:52:20 8294 1

原创 JS中undefined与null的区别

undefined与null的区别undefined与null 都是JS的原始类型,null转换为数值为0,undefined转换为数值为NaNundefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。undefined当声明的变量还未被初始化时,变量的默认值为undefined调用函数时,应该提供的参数没提供,则该参数为undefine...

2019-04-11 17:50:15 208

原创 ## == 与 === 与 Object.is () 的区别

== 与 === 与 Object.is () 的区别== 会进行隐式类型转换undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。 false == null // false false == undefined // flase null == undefined // true '' == '0' ...

2019-04-11 17:35:05 164

转载 Promise的队列与setTimeout的队列有何关联

参考:https://www.zhihu.com/question/36972010一个栗子:setTimeout(function(){ console.log(4)},0); new Promise(function(resolve){ console.log(1) for( var i=0 ; i<10000 ; i++ ){ i==9999 &&...

2019-04-11 17:28:15 186

转载 JS中this指向小结

在全局环境下,this始终指向全局对象(window),无论严格与否函数上下文调用函数直接调用非严格模式:this指向全局对象window严格模式:this为undefined对象中的this函数的定义位置不影响其this指向,this指向只和调用函数的对象有关。多层嵌套的对象,内部方法的this指向离被调用函数最近的对象(window也是对象,其内部对象调用方法的...

2019-04-11 17:17:28 103

原创 mongoose操作mongoDB笔记

1. Mongoose第三方包mongoose基于MongoDB官方的mongdb包在一级做了封装网址: https://mongoosejs.com/2.起步安装npm i mongoosehelloworldconst mongoose = require('mongoose');mongoose.connect('mongodb://localhost:270...

2019-04-11 17:05:31 323

原创 Canvas基础知识小结

总结一些基础知识1. 画一条直线moveTo设置起点,lineTo设置下一坐标<canvas id="canvas"></canvas><script> window.onload = function () { var canvas = document.getElementById("canvas"); ...

2019-04-11 17:00:25 174

原创 文本溢出&内容溢出

溢出文本 text-overflow语法text-overflow:clip | ellipsisclip:不显示省略标记...ellipsis:显示省略标记,插入在最后一个字符三个条件需要结合强制文本在一行white-space:nowrap和溢出内容隐藏over-flow:hidden使用并且需要定义内容宽度width示例clip:text-overflo...

2019-04-11 16:49:09 1711

原创 线性渐变—发廊灯/扫描灯

学习线性渐变时敲的两个效果1. 发廊灯代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>灯</title> <style> *{ padding: 0;margin: 0; } html,...

2019-04-11 16:29:52 332

原创 flex基本属性小总结

1. 伸缩容器 display语法display: flex | inline-flexflex: 块伸缩容器inline-flex:内联伸缩容器注意:float,clear,vertical-align在伸缩项目上没有效果2. 伸缩流方向 flex-direction主要用来定义主轴,从而定义了伸缩项目在容器中的伸缩方向语法flex-direction: row | ...

2019-04-11 16:12:18 194

空空如也

空空如也

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

TA关注的人

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