自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript细碎知识

解释型语言和编译型语言概述计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序,程序语言编译成机器语言的工具,被称为翻译器。步骤:解释器(js) 翻译器 机器语言(二进制)翻译器翻译的方式有两种:一个是翻译,另一个是解释,两种方式之间的区别在于翻译的时间点不同 编译器是在代码执行之间进行编译,生成中间代码文件 解释器是在运行时进行及时解释,并立即执行(当编译器以解释方式运行的时候,也称之为解释器)标识符、关键字、保留字标识符

2020-09-22 16:47:06 145

原创 数据类型转换

什么是数据类型转换使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型,通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。转换为字符串类型 转换为数字型 转换为布尔型一.转换为字符串方式 说明 案例 toString() 转成字符串 var num=1;alert(num.toString()); String()强制转换 转成字符串 var num=1;alert(Strin

2020-09-22 11:06:43 208

原创 数据类型

为什么需要数据类型在计算机中,不同的数据所占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。变量的数据类型变量是用来存储的所在处,它们有名字和数类型,变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中,JavaScript是一种弱类型或者说动态语言,这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的var age=10; ...

2020-09-22 10:05:23 321

原创 JavaScript

JavaScript是什么?JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(script是脚本的意思) 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器端编程JavaScript有什么作用?表单动效校验(密码强度检测)(js产生最初的目的) 网页特效 服务端开发(Node.js) 桌面程序(Electron) APP(Cordova) 控制硬件-物联网(Ruff) 游戏开发(coco

2020-09-18 11:00:15 175

原创 关于元素的显示与隐藏

元素的显示与隐藏类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现本质:让一个元素在页面中隐藏或者显示出来一.display属性(显示隐藏元素,但是不保留位置)display:none ;隐藏对象 display:block;除了转换为块级元素之外,同时还有显示元素的意思display隐藏元素后,不再占有原来的位置。后面应用及其广泛,搭配js可以做很多的网页特效二.visibility可见性(显示隐藏元素,但是保留原来位置) visibility:vis

2020-09-17 15:12:48 1192

原创 定位细碎小知识

定位细碎小知识一.子绝父相的由来。子级是绝对定位的话,父级要用相对定位子级绝对定位,不会占有位置,可以放在父盒子里面的任何一个地方,不会影响其他的兄弟盒子 父盒子需要加定位限制子盒子在父盒子内显示 父盒子布局时,需要占有位置,因此父盒子是相对定位这就是子绝父相的由来,所以相对定位经常用来作为绝对定位的父级。总结:因为父级需要占有位置,因此是相对定位,子盒子不需要占有位置,则是绝对定位当然,子绝父相不是永远不变的,如果父元素不需要占有位置,子绝父绝也会遇到。二.固定定位(fixe

2020-09-15 11:31:24 134

原创 定位存在的意义和不同定位之间的区别

定位存在的意义和不同定位之间的区别为什么需要定位某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子,这样的效果,标准流或浮动都无法快速实现,此时需要定位来实现。所以:浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕或者固定屏幕中某个位置,并且可以压住其他盒子。定位的组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边偏移。定位模式用于指定一个元素在文

2020-09-15 11:08:23 1164

原创 清除浮动的方法

清除浮动的方法额外标签法也称为隔墙法,是W3C推荐的做法 父级添加overflow属性 父级添加after属性 父级添加双伪元素额外标签法额外标签法会在浮动元素末尾添加一个空标签。例如<div style=" clear.both" > </div>,或者其他标签(如<br/>等)优点:通俗易懂,书写方便 缺点:添加许多无意义的标签,结构化较差注意:要求这个新的空标签必须是块级元素。父级添加overflow可以给父级添加overflo...

2020-09-14 11:36:53 126

原创 圆角边框   盒子阴影    文字阴影

圆角边框 盒子阴影 文字阴影圆角边框在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变圆角了border-radius属性用于设置元素的外边框圆角。语法: border-radius : length ;radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。参数值可以为数值或百分比的形式 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一般即可,或者直接写成50% 如果是个矩形,设置为高度的一半就可以做 该属性是一个简写属性,可以跟...

2020-09-10 16:48:34 127

原创 盒子模型相关知识

盒子模型(Box Model)组成:边框(border)、外边距(margin)、内边距(padding)、和实际内容(content)。边框(border)border可以设置元素的边框,边框有三部分组成边框宽度(粗细)、边框样式、边框颜色。语法: border : border-width || border-style || border-color属性 作用 border-width 定义边框粗细,单位是px(像素) border-style...

2020-09-10 14:36:32 219

原创 CSS的三大特征

CSS的三大特征CSS有三个非常重要的三个特征:层叠性、继承性、优先级。一.层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突的问题层叠性原则:样式冲突,遵循的原则是就近原则,那个样式离机构近,就执行那个样式 样式不冲突,不会层叠二.继承性现实中的继承,我们继承了父亲的姓CSS中的继承子标签继承父标签的某些样式,如文本颜色和字母,简单的理解就是:子承父业给当地使用继承可以简化代码,降低CSS样式的复杂性 子元素可以继承

2020-09-09 17:08:05 1170

原创 CSS的背景

CSS的背景通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。一.背景颜色background-color属性定义了元素的背景颜色。background-color:颜色值;一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定背景颜色为透明色。二.背景图片background-image属性描述了元素的背景图像,实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片

2020-09-09 14:57:48 427

原创 CSS引入方式

CSS引入方式一.行内样式表(行内式)行内样式表(内联样式表)是在元素标签内部的style属性中设定CSS样式,适用于修改简单样式<div style="color:red; font-size:12px;">青春不常在,学习是正道</div>style其实就是标签的属性 在双引入中间,写法要符合CSS规范 可以控制当前的标签设置样式 由于书写繁琐,并且没有体现出结构与样式相分离的思想,所以不推荐大量使用,只有对当前元素添加简单样式的时候,可以考虑使用。 使.

2020-09-09 09:40:21 396

原创 CSS的元素显示模式

CSS的元素显示模式作用:网页的标签非常多,在不同性质的网页会用到不同类型的标签,了解他们的特点可以很好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型。1.块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<d

2020-09-08 16:38:02 58

原创 CSS的复合选择器

CSS的复合选择器在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基础选择器进行组合形成的。复合选择器可以更准确,更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。1.后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,当标签发生嵌套时,内层标签

2020-09-08 14:37:54 125

原创 CSS文本有哪些属性?

CSS文本属性文本颜色对齐文本装饰文本文本缩进行间距总结CSS Text(文本)属性可定义文本的外观,例如文本颜色、对齐文本、装饰文本、文本缩进、行间距等。文本颜色color属性用于定义文本的颜色div {color:red;}属性描述预定义的颜色值red,green,blue等十六进制#FF0000,#FF6600RGB代码rgb(255.0.0)或rgb(100%,0%,0%)开发中最常用的是十六进制对齐文本text-align属性用于设置元

2020-09-07 11:07:42 1049

原创 HTML5绝对路径和相对路径的不同

HTML5绝对路径和相对路径的不同路径通常一个页面中需要放多个图片,我们就需要建立一个文件夹来存放这些图片,查找图片时需要通过“路径”来查找其位置。绝对路径绝对路径:是指根目录下的绝对路径,通常是网盘开始的路径。相对路径相对路径:以图片引用位置为参考基础,而建立的目录路径。相对路径是在目录的基础上产生的,简单的说是在相同根目录的情况下从一个网页到另一个网页的转换过程。相对路径是从代码所在的这个文件出发,去寻找目标文件的。而我们这里所说的上一级,下一级和同一级就是相对于HTML页面的位置。

2020-09-04 10:08:56 351

原创 为什么HTML5称为超文本标记语言

主要是有两方面原因1.HTML5不同于普通文本是由普通文本所不具有的图片、声音?视频和普通文本所具有的文字构成。2.普通文本是不能从一个文本跳转到另一个文本的而HTML5可以。此上就是HTML5称之为超文本语言的原因。HTML5是由标签组成。HTML5称为超文本标记语言...

2020-09-03 08:42:24 760

原创 人生在于不停尝试

寻找前端的路,认真系统的学习前端不负韶华加油(ง •̀_•́)ง

2020-09-02 13:40:01 120

空空如也

空空如也

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

TA关注的人

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