自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 双飞翼布局和圣杯布局(中间自适应的三栏布局)

双飞翼布局和圣杯布局面试中经常被问到的双飞翼布局和圣杯布局通俗的来说就是左右两栏固定宽度,中间部分自适应的三栏布局。一、两者区别:(1)圣杯布局:为了让中间div内容不被遮挡,将中间div设置左右padding,然后将左右两个div用相对布局position: relative并分别配合right和left属性,以便左右两栏div移动后不遮挡中间div。(2)双飞翼布局:为了让中间div内容不被遮挡,直接在中间div内部创建子div用于放置内容,在该div里用margin-left和margin-

2021-05-13 19:57:02 166

原创 VS Code 无法写入文件问题EOERM: operation not permitted

VS Code 无法写入文件问题在vs code里面遇到无法写入文件的问题EOERM: operation not permitted解决方法:根目录–>右键–> 属性–> 安全–> 编辑选择用户user,选中完全控制,再应用然后在vs code中就可以写入文件啦!...

2021-04-25 15:44:22 15843 12

原创 Git创建本地仓库执行git init时报Permission denied的问题

Git创建本地仓库执行git init时报Permission denied的问题打开git Bash输入git init命令时出现Permission denied错误表示没有权限访问,这时需要用管理员身份打开git Bash。然后用cd命令切换到当前项目的根目录这时候再使用git init就没有问题了...

2021-04-24 20:58:24 1072 2

原创 JS 修改函数内部的this指向(call、apply、bind)

函数内this的指向:函数体内的this 的指向,是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同,一般指向我们的调用者。改变函数内部this指向:JavaScript 为我们专门提供了一些函数方法来帮我们处理函数内部 this 的指向问题,常用的有 bind()、call()、apply() 三种方法。1、call方法:call() 方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的 this 指向。fun.call(thisArg, arg1, arg

2021-03-29 20:05:27 178

原创 构造函数原型和原型链(prototype、__proto__、constructor)

构造函数原型prototypeJavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。注意:这个 prototype 就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。构造函数通过原型prototype分配的函数是所有对象所共享的。我们可以把那些不变的方法,直接定义在 prototype 对象上,这样所有对象的实例就可以共享这些方法。我们也称为 prototype 为原型对象。原型__proto__对象都会有一个属性__proto__指向构造函

2021-03-28 19:31:38 127

原创 offset、client、scroll属性返回元素的宽高之区别

offset、client、scroll属性offset、client、scroll属性都可以动态地返回元素的大小。offsetWidth 和 offsetHeight 得到元素的宽度和高度时,是包含padding+border+width的clientWidth 和 clientHeight 返回元素的宽高时,不包含边框border,只有padding+widthscrollWidth 和 scrollHeight 返回元素的宽高时,同样不包含边框border,只有padding+width注

2021-03-26 19:13:59 64

原创 JavaScript立即执行函数

JavaScript立即执行函数主要作用: 创建一个独立的作用域。 避免了命名冲突不需要调用,直接执行语法如下:( function() {} ) () 或者 ( function() {} () )第一种语法: (function(a,b){ console.log(a+b); var=10; // 局部变量 })(1,2) // 返回结果3最后那个括号可以看做是调用函数,可以用来传递参数。

2021-03-26 18:42:09 46

原创 CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器

CSS复合选择器建立在基础选择器上,对基本选择器进行组合形成的可以更准确、更高效的选择目标元素(标签)包含:后代选择器、子选择器、并集选择器、伪类选择器一、后代选择器又称为包含选择器,可以选择父元素里面的子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,当标签发生嵌套时,内层标签就成为外层标签的后代。 ol li { color: pink; }<ol> <li>我是ol的孩子</li

2021-03-14 22:03:41 5409

原创 CSS的引入方式----行内式、嵌入式、链接式

CSS的引入方式按照CSS样式书写的位置(或引入的方式),CSS样式表可以分为三大类1、行内样式表(行内式)2、内部样式表(嵌入式)3、外部样式表(链接式)一、内部样式表(嵌入式)(1)是写到html页面内部,是将所有的CSS代码抽取出来,单独放到一个style标签中(2)style理论上可以放到html的任何一个地方,但通俗的约定放在文档的head标签中通过此种方式,可以方便控制当前整个页面中的元素样式设置优缺点:代码结构清晰,但没有实现结构与样式完全分离二、行内样式表(行内式)是在

2021-03-14 22:00:04 4256 1

原创 CSS Fonts字体属性

CSS Fonts(字体)属性CSS Fonts(字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)一、CSS使用font-family属性定义文本的字体系列h2 { font-family: '微软雅黑'; } p { font-family: 'Microsoft YaHei',Arial; }(1)各种字体之间必须使用英文状态下的逗号隔开。(2)一般情况下,如果有空格隔开的多个单词组成的字体,加引号

2021-03-14 21:51:50 232

原创 CSS基础选择器---类选择器、id选择器

选择器的作用:根据不同的需求把不同的标签选出来CSS基础选择器是由单个选择器组成的包括:标签选择器、类选择器、id选择器、通配符选择器(1)标签选择器:指用html标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。优点:能够快速为页面中同类型的标签统一设置样式。缺点:不能设计差异化样式,只能选择全部的当前标签。(2)class类选择器:可差异化选择不同的标签,单独选一个或某几个标签。.类名 {属性1: 属性值1;…}eg:.red {color: r

2021-03-14 21:43:18 269

原创 HTML网页骨架--<!DOCTYPE>文档类型

生成 “.html文件”:工具:vscode:新建文件 ctrl+N先保存为.html文件英文输入"!" , 按下tab 直接出现网页骨架利用插件浏览写的网页open in browserHTML网页骨架HTML骨架标签html 根标签head头标签title文档标题body 主体(1)<!DOCTYPE>文档类型声明标签:告诉浏览器使用哪种HTML版本来显示网页位于文档中最前面的位置,在标签之前不是一个HTML标签,它就是文档类型声明标签(2)写在最开头用最

2021-03-14 21:24:51 85

原创 Cutterman切图神器安装

Cutterman切图神器安装注:Cutterman插件要求Photoshop必须是完整版,不能是绿色版。1、下载Cutterman官网地址:http://www.cutterman.cn/zh/cutterman可下载Cutterman3.62、解压到文件夹,打开后直接运行exe等待安装完成。3、在官网上用邮箱注册一个账号。4、打开Photoshop点击菜单栏上的 "窗口->扩展功能->Cutterman "输入自己注册时用的邮箱和密码,就可以开始使用啦!!...

2021-01-10 10:27:30 1267 3

原创 HTML+CSS清除浮动

HTML+CSS清除浮动清除浮动的本质是清除浮动元素造成的影响。如果父盒子本身有高度,则不需要清除浮动。清除浮动之后,父级就会根据浮动的子盒子自动检测高度。父级有了高度,就不会影响下面的标准流了。语法语法:选择器{clear:属性值;}属性值:left不允许左侧有浮动元素(清除左侧浮动的影响)right不允许右侧有浮动元素(清除右侧浮动的影响)both同时清除左右两侧浮动的影响清除浮动的方法清除浮动的策略是:闭合浮动,只让浮动在父盒子内部影响,不影响父盒

2021-01-10 09:55:46 67

空空如也

空空如也

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

TA关注的人

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