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

原创 JavaScript 基础语法

JavaScript 中的数据类型分为原始类型(Undefined, Null, Boolean, Number, String, Symbol)以及引用类型(Object)。每种类型的值都有其特定的操作方法。在JavaScript中,可以使用`var`, `let` 和 `const` 来声明变量。而`let`和`const`则是块级作用域。常见的算术运算符有加(`+`)减(-)乘(*)除(/),还有比较运算符如等于(==), 不等于(!=),大于>(<)等等。逻辑运算符包括与(&&)或(||)非(!

2025-01-02 18:11:38 325

原创 HTML dom的节点创建和定时器

【代码】HTML dom的节点创建和定时器。

2024-10-29 18:54:32 345

原创 THML dom和节点操作

【代码】THML dom和节点操作。

2024-10-29 18:50:44 186

原创 前端:清除盒子的浮动

前端开发中,清除盒子的浮动(float)是一个常见的需求,主要用来解决父元素高度塌陷的问题。当一个容器内的元素使用了浮动(float),该容器可能无法正确地包裹住这些浮动的子元素,导致容器的高度计算不正确。

2024-10-17 17:47:23 192

原创 前端:父盒的高度坍塌

‌使用伪元素清除浮动‌:通过在父元素上添加:ml-search[::after]伪元素并设置clear: both;‌使用Flexbox布局‌:将父元素的display属性设置为flex或grid,Flexbox和Grid布局会自动处理子元素的高度和宽度问题‌。前端父盒高度塌陷的核心原因‌是由于子元素使用了浮动(float)属性后,脱离了文档流,不再占据父元素的空间,导致父元素的高度无法被撑开‌。‌使用clear属性‌:在父元素的最后一个子元素上使用clear: both;

2024-10-17 17:41:49 355

原创 前端:盒子的浮动

‌前端盒子的浮动‌是一种CSS布局技术,主要用于实现元素的水平排列和对齐。浮动的元素可以向左或向右浮动,直到遇到容器的边界或其他浮动元素的边缘为止。‌脱离标准流‌:浮动的元素会脱离标准文档流,这意味着它们不再影响文档流的其它部分,也不再占据全行宽度,而是根据内容宽度确定。理解浮动的基本概念和性质对于掌握前端开发中的布局设计至关重要。‌水平排列‌:通过浮动,块级元素可以水平排列,而不是默认的垂直排列,这对于创建多列布局非常有用。‌对齐‌:浮动还允许元素进行左右对齐,这对于创建对齐的布局非常有帮助。

2024-10-17 17:35:49 394

原创 前端:固定定位

元素从文档流中脱离,不再占据原本的位置,而是相对于浏览器窗口进行固定定位。固定定位不会影响其他元素的布局,因为元素从文档流中移出,不再占据空间。元素会随着页面滚动而保持在相对于浏览器窗口的固定位置。

2024-10-17 17:27:53 214

原创 前段:绝对定位

概念:相对于已经定位的上层元素(即用了position)进行定位;若上层元素没有定位,则向更上层寻找已定位元素,直至根元素。3.设置了绝对定位的盒子,都会有专属的浮层,有几个绝对定位的盒子,就有几个浮层。1.两个方向各选一个参数即可定位;水平方向:left、right。垂直方向:top、bottom。2.定位的数值可以为负数;

2024-10-17 17:11:52 195

原创 前端:相对定位

概念:相对盒子原本位置定位;盒子本仍处于文档流中,占据原本位置。2、定位的数值可以为负数。注:1、两个方向各选一个参数即可定位;水平对齐:left、right。垂直方向:top、bottom。

2024-10-17 17:00:54 166

原创 HTML打卡日记3

三者都是用于改变函数体内this的指向,但是bind与apply和call的最大的区别是:bind不会立即调用,而是返回一个新函数,称为绑定函数,其内的this指向为创建它时传入bind的第一个参数,而传入bind的第二个及以后的参数作为原函数的参数来调用原函数。引用值(复杂数据类型):存储在堆中的对象,放在变量的栈空间中的值是该对象存储在堆中的地址,也就是说,存储在变量处的值是一个指针(内存地址),指向存储对象的堆内存中。数组对象的类型是Array,类数组对象的类型是object;

2024-10-09 00:33:45 351

原创 HTML打卡日记2

absolute :生成绝对定位的元素,相对于最近一级的父元素,且该父元素不能是static,来进行定位。fixed:(老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。Id>class>元素选择器>兄弟选择器>子代选择器>后代选择器>属性选择器>伪元素 伪类。relative:生成相对定位的元素,相对于其在普通流中的位置进行定位。从而使它成为一个flex容器,它的所有子元素都成为它的项目。没有定位,元素出现在正常的流中。大部分都是相同,都是随着时间改变元素的属性值,

2024-10-09 00:30:02 305

原创 HTML打卡日记1

而如果 DOCTYPE 缺失,或形式不正确,会导致 html 文档或 HTML 文档不是以标准模式(浏览器对页面的渲染具有统一的规范)而是以混杂模式(不同浏览器有不同的的页面渲染)运行。比如常见的 这里的 src 所指的是这个图片的所在的位置路径,script 和 iframe 也是,src 被解析的时候,会进行下载并编译,同时会暂停该文档其他资源的下载和处理,所以 js 文件的载入最好在 body 中,而不是在 head 中。如果 script 发生延迟,就会阻碍后续的渲染,使得页面白屏。

2024-10-09 00:06:46 484

原创 运用HTML5网页的结构元素进行布局的练习 新手入门须知!!!

学会HTML5的结构元素,就可以构建网页布局,使Web设计和开发变得更加容易,并且对数据挖掘服务更加友好。

2024-10-08 23:47:37 386

原创 html的基本骨架标签,段落换行水平线标签和文本标签

网页文档开始<head> 文档头部开始网页头部的内容</head>文档头部结束<body>文档主体开始</body>文档主题结束

2024-09-10 12:24:19 579

空空如也

空空如也

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

TA关注的人

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