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

原创 BFC理解及运用BFC解决css bug

BFC理解及运用BFC解决css bugBlock Formatting Context (“块级格式化上下文”) 的缩写即为 BFCBFC是一个独立的布局环境,其中的元素布局是不受外界的影响,并且在一个BFC中,块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂直的沿着其父元素的边框排列。BFC的布局规则内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。每个盒子(块盒与行盒)的margin

2020-06-13 11:06:48 1859 6

转载 使用git创建仓库并将文件上传到github

使用git创建仓库并将文件上传到github大家都知道,Git是Linux支之父Linus Torvalds编写的一个版本控制软件。目前我们接触的与Git有关系的有三种,分别是Git、GitHub以及GitLab。分别简单介绍一下这三个东西:(1)Git就是最原始的分布式版本控制系统,是开源的。(2)GitHub与Git不同的是,Git是一个单独的软件,而GitHub是一个网站。众所周知,GitHub是目前最大的版本控制社区网站,用户可以在上面申请账号,并创建自己版本仓库。不过对于免费的仓库,用户

2020-07-28 22:02:21 349 1

原创 如何用原生js实现元素的拖动效果

如何用原生js实现元素的拖动效果类似效果如下图显示:要实现这样的效果需要知道三个事件鼠标按下事件 onMouseDown鼠标松开事件 onMouseUp鼠标移动事件 onMouseMove基础Html + CSS样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=

2020-07-13 21:05:03 328

原创 如何实现多层对象或数组的深拷贝

JS如何实现多层对象或数组的深拷贝在js中我们时常要实现数据的克隆,也是我们这里所要谈到到的拷贝。数据的拷贝分为浅拷贝和深拷贝。浅拷贝:拷贝的只是在对中存放的对象或者数组的指针,对拷贝后的数据进行修改时原数据也会自动进行修改。深拷贝:会在堆中重新开辟一个空间,将数据复制进去,形成一个新的地址。注:基本类型数据存放在栈当中,所进行的拷贝都为深拷贝。引用类型数据存放在堆中,不能直接进行复制拷贝,直接赋值拷贝的只能为指针。浅拷贝var arr = [1,2,3,4];var copyArr =

2020-07-06 23:59:31 2867

原创 js中常见错误类型的总结

js中常见错误类型的总结了解常见的基本类型能更方便的修改遇到的bug,在封装方法时也能起到很大的作用。1. SyntaxError:语法错误// 1.1 变量名不符合规范var 1 // Uncaught SyntaxError: Unexpected numbervar 1a // Uncaught SyntaxError: Invalid or unexpected token// 1.2

2020-07-06 21:54:21 923

原创 js用constructor构造函数

js用constructor构造函数在js中,可以利用构造函数来创建特定类型的对象,其中,有一些原生的构造函数,Object、Array、等等,所以,当type of Object时,返回的是function。此外,我们还可以创建自定义的构造函数,从而自定义对象的属性以及方法。例如:function Person(name,age,job) { this.name=name; this.age=age; this.job=job; this.sayName=functi

2020-06-19 16:27:56 1130

原创 关于CSS中设置浮动所遇到的问题

关于CSS中设置浮动所遇到的问题float CSS属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除,尽管仍然保持部分的流动性(绝对定位中并不脱离文档流)。float的值:left表明元素必须浮动在其所在的块容器左侧的关键字。right表明元素必须浮动在其所在的块容器右侧的关键字。none表明元素不进行浮动的关键字。inline-start关键字,表明元素必须浮动在其所在块容器的开始一侧,在ltr脚本中是左侧,在rtl脚本

2020-06-18 23:40:29 489 1

原创 JS显式类型转换及关于隐式类型转化的底层逻辑

JS显式类型转换及关于隐式类型转化的底层逻辑在提隐式转化之前,先看一下显式类型转化与隐式类型转化的区别:显式类型转换是指使用函数主动将JS数据类型转化,而隐式类型转化是指在程序运行中程序自动转化类型的情况。console.log(Number(true)) // 1 发生显示类型转化console.log(true - false) // 1-0=1 发生隐式类型转化显式类型转换的几种函数:Number() 将其他类型的数据转化为数值型,并返回转化结果parseInt() 转化为整

2020-06-18 20:54:24 1174 2

原创 主流浏览器及其内核

主流浏览器及其内核现在国内常见的浏览器有:IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款,分别是IE、Firefox、Google Chrome、Safari、Opera。对于主流浏览器的划分有两点原因:该浏览器在市场中所占的份额大于3%该浏览器必须要有独立研发的内核以下分别为主流浏览器及其内核介绍:浏览器内核I

2020-06-09 10:27:39 1187 4

转载 如何用CSS适配iPhoneX底部小横条

如何用CSS适配iPhoneX前言iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经验,整理了一套简单的适配方案分享给大家,希望对大家有所帮助,以下是处理前后效果图:适配之前需要了解的几个新知识安全区域安全区域指的是一个可

2020-06-08 20:18:59 6590

空空如也

空空如也

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

TA关注的人

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