自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 1、什么是JavaScript?(超详细解释,建议收藏!!!)

简介JavaScript,也称ECMAScript​​​​​​​,是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。JavaScript是一门用来与网页交互的脚本语言,包含以下三个组成部分。ECMAScript:由ECMA-262定义并提供核心功能。文档对象模型(DOM):提供与网页内容交互的方法和接口。浏览器对象模型(BOM):提供与浏览器交互的方法和接口。

2024-05-09 20:38:18 1177 2

原创 防抖和节流

节流:简单的说,就是限制一个动作在一段时间内只能执行一次。防抖:简单地说,就是一个动作连续触发,只执行最后一次。

2022-11-18 17:10:00 292

原创 一次说透垃圾回收机制(贼简单)

2、js最常用的是通过标记清除的算法来找到那些对象是不再继续使用的,下面的例子中a=null 其实就是做了一个释放引用的操作,让a原本对应的值失去引用,脱离执行环境,这个值会在下一次垃圾收集器执行操作时被找到并释放。而当变量离开环境的时候,则将其标记为“离开环境”。在复杂数据类型中,原本在堆内存中开辟的空间并写好的数据,现在在栈内存中没有地址指向他了,那么他就没用了,就被js的垃圾回收机制回收了。3、垃圾回收器在运行的时候会给所有变量都加上标记,然后,环境中的变量引用的变量,他们身上的标记会被去掉。

2022-11-10 15:40:23 314

原创 css3中的2D和3D

translate(x,y)沿着X和Y轴进行移动,当只有一个属性值的时候只会沿着X轴进行移动。2.transformrotate3d(0,0,1,30deg)前三个参数表示xyz轴开关(1\0)-scale(x,y)改变元素的宽高,当x和y的参数相同时候可以简写成一个。-观察的时候永远都是站在当前这个轴的正值方向观察(正值方向看向负值方向)2.transformscale3d(2,3,4)需要配合x和y使用。一形成3D空间,浏览器只是多了一条Z轴可以进行操作,浏览器不会有任何的变化。...

2022-07-24 16:26:45 344

原创 CSS3中的过渡和动画

使用关键字@keyframes自定义动画的名字{动画的运动方式单次/多次}-属性animation-timing-function。-属性animation-iteration-count。-属性animation-direction。-属性animation-duration。-需要控制元素能运动给元素设置动画属性即可。-属性animation-delay。-属性animation-name。-属性值自定义动画的名字。-属性animation。...

2022-07-24 16:15:53 146

原创 css添加边框阴影

css边框阴影如何设置?语法:取值:h-shadow:必需设置的值,定义水平阴影的位置。允许负值。v-shadow:必需设置的值,定义垂直阴影的位置。允许负值。blur:可选设置的值,定义模糊距离。spread:可选设置的值,定义阴影的尺寸。color :可选设置的值,定义阴影的颜色。如果没有设置值,颜色值基于浏览器显示,建议设置。inset:可选设置的值,举例 X轴与Y轴设为正值(正值 X轴向右 Y轴向下).........

2022-07-24 16:04:26 28663 1

原创 CSS3的选择器常用汇总

4.集合名称nth-last-of-type(n)表示选择到集合下面的第几个(从后往前)一当所有的标签名称是一样的时候将所有相同的标签组成一个集合,再从集合下面进行选择第几个。4.集合名称nth-last-child(n)表示选择到集合下面的第几个(从后往前)3.集合名称nth-of-type(n)表示选择到集合下面的第几个(从前往后)3.集合名称nth-child(n)表示选择到集合下面的第几个(从前往后)2.集合名称last-of-type表示选择集合下面的最后一个。...

2022-07-19 23:22:17 461

原创 H5新增常用的相关标签和表单

3.智能表单只能检测当前输入的内容是否符合格式,为空的时候是可以提交的。1.section表示内容块和div的作用一样。五不同的浏览器对于音视频的后缀名要求不一样。2.6个常用的语义化标签默认都是块级元素。四不同属性的使用(视频标签独有的属性)1.智能表单需要在form表单框中使用。1.poster视频未加载首屏图片。2.controls控件(显示)1.source引入资源。一音频标签audio。二视频标签video。三音视频标签共有的属性。1.src路径地址。5.muted静音。...

2022-07-18 21:05:36 176

原创 CSS:宽高自适应详解

2.选择器before{content''}表示在xx之前添加内容,必须要和content一起搭配使用,可以不写任何内容。1.选择器after{content''}表示在xx之后添加内容,必须要和content一起搭配使用,可以不写任何内容。-【重要】当块级元素脱离文档流的时候,宽度由内容决定=>设置浮动和定位的盒子一定记得要加宽高大小!-浏览器的高度默认是0,html,body{height100%}-HTML,BODY表示浏览器,默认是块级元素,宽度是100%...

2022-07-17 18:22:09 9792

原创 前端:表单以及BFC详解

表格中的计算属性像生活中的安检在每个单元格中进行检索内容,内容较多就会分配更多的空间给到当前单元格。-table设置没有效果、tr、td控制行和列的垂直方向。-属性值collapse(常用)/separate(分开)-属性值auto(自动)/fixed(固定没有计算属性)-注意表格列分组的时候只能使用span和width属性。2.表格的列标题th(作用和td是一样的)默认加粗和居中显示。-属性border-collapse(合并)-属性值show(显示)/hide(隐藏)...

2022-07-14 19:35:23 191

原创 css定位&锚点

1.定位的作用:控制元素在浏览器中的位置 2.生活中的案例 - 把大象放进冰箱需要几步:打开、放进去、关闭 - 把志强吊在投影仪上听课:绑起来、吊上去、嘲笑他 3.定位需要的条件 - 大象:需要移动位置的对象 - 冰箱:参照物 - 方向:前端方向 4.定位的属性:position 定位、位置 5.定位的属性值 - static 默认值 静态定位 - relative

2022-07-13 22:38:20 3400

原创 前端的元素类型

元素类型的分类:块元素、行内元素、行内块元素 一.块元素的使用:块级元素、块状元素、块元素 1.常见的块元素:div、p、h、ul>li、ol>li 2.块级元素的常见特点 - 块级元素可以直接设置宽高大小,通常都是以盒子的方式在浏览器中显示的 - 块级元素默认是独占一行的,会上下排列 - 为了嵌套其他标签或者是其他元素类型作为盒子实现网页布局 二.行内元素的使用:行内元素、内联元素 1.常见的行内元素:a、span、i、e

2022-07-13 14:03:39 1174

原创 CSS的核心属性(二)

边框属性的使用 1.组成边框的样式 - 边框宽度 border-width - 边框样式 border-style - 边框颜色 border-color 2.边框属性的属性值 - 边框宽度:数值加单位(px) - 边框样式:solid(实线) dashed(虚线) dotted(点线) double(双实线) - 边框颜色 - 英文单词:yellow、green、red.

2022-07-09 17:27:52 260 1

原创 CSS的核心属性(一)

CSS的浮动属性 可以举一个现实中的例子去比喻浮动: 给所有的容器添加上float:left;之后,元素会从左往右排列 给所有的容器添加上float:right;之后,元素会从右往左排列浮动属性的使用 1.作用:可以元素在网页中的位置(如果盒子默认是上下排列的可以改为水平的) 2.属性:float 使xx漂浮/浮动 3.属性值:left、right、none(默认值,不浮动) 4.浮动的特点 - 浮动只能控制

2022-07-07 23:45:56 276

原创 CSS——布局布局神器display:table-cell

用float来做布局触发的问题比较多,例如要清除浮动,元素浮动后还会导致该元素脱离文档流,即使你清除float,该元素依旧是脱离文档流。左右布局能用布局我就用它来布局,但是还是无法完全不使用它,很多布局例如需要靠左和靠右的布局场景下就没办法不去使用float来布局。元素两端对齐第一个案例是让两个元素分别向左和向右对齐,如果是过去,我一定会用float来实现,但其实用table可以这么做: 自动平均划分每个小模块,使其一行显示第二个案例我们先看看图:遇到上面这种布局,一般会用来做,或者把每个设置

2022-07-07 12:00:32 847

转载 html中margin:0 auto不居中解决详解

不居中的原因:1.你忘了在要居中的元素上设置宽度,如:haha 这样是不行的正确的是:haha2.你忘了声明doctype在html最顶端加上即可:如:

2022-07-07 11:20:11 4900 1

原创 表单和CSS基础

HTML表单表单的创建

2022-07-06 21:54:08 112

原创 HTML相关基础(一)

HTML相关基础内容-基础标签学习

2022-07-05 20:39:19 228

空空如也

空空如也

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

TA关注的人

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