sususugaa-优快云博客

原创前端框架Vue3——响应式数据，v-on，v-show和v-if，v-for，v-bind

Vue的定义为渐进式的JavaScript框架。所谓渐进式，是指其被设计为可以自底向上逐层应用。我们可以只使用Vue框架中提供的某层的功能，也可以与其他第三方库整合使用。当然，Vue本身也提供了完整的工具链，使用其全套功能进行项目的构建也非常简单。Vue的渐进式性质使其使用方式变得非常灵活，在使用时，我们可以使用其完整的框架，也可以只使用部分功能。一、响应式数据响应式是Vue框架重要的特点，在开发中，对Vue。

2024-11-25 22:29:26 1895

原创 DOM操作和事件监听综合练习（具备三种功能的轮播图案例）

首先获取图片标签节点，然后使用if条件语句修改img标签的图片路径，最后使用定时函数每1秒切换一次图片（无限循环）。我们上网时经常会在网页上看见图片轮播的现象，本博客将三步为大家讲解这种轮播图该如何制作而成。监听整个文档的keydown事件，获取按键的代码（包括数字键和特殊键，如箭头键、功能键等）。首先添加一个节点并输入相应的文本，然后对其设置CSS样式。然后获取按钮的标签节点，用监听鼠标单击事件修改图片路径。首先用CSS给按钮设置样式，并使其浮在图片上。接着获取显示按键信息的元素。

2024-11-11 22:41:03 220

原创 DOM事件监听——鼠标事件，键盘事件，表单事件

事件监听指的是程序通过特定的方式设置 “监听器”（也可称为事件处理程序、事件回调函数等），用于检测和响应特定 “事件” 的发生。当所关注的事件在程序运行环境中发生时，相应的监听器函数就会被触发执行，以完成特定的处理任务。

2024-11-10 21:11:51 907

原创 JavaScript语法基础——函数，对象，常用类Array，String，Math和Date

...

2024-11-10 18:55:24 961

原创 JavaScript语法基础——基本数据类型，变量，运算符，程序控制语句

需要注意的是,未经var关键词声明的变量,默认都是全局变量。(取反)、&&(逻辑与)、&=(按位与之后赋值)、||(逻辑或)、|=(按位或之后赋值)、^(逻辑异或)、^=(按位异或之后赋值)、?在JavaScript中定义了 40 多个关键字,这些关键字是JavaScript 内部使用的,如 var、int、double、true,它们不能作为变量名。对于变量，必须明确变量的命名、变量的类型、变量的声明及变量的作用域。变量的类型是在赋值时根据数据的类型来确定的,变量的类型有字符型、数值型、布尔型。

2024-11-07 17:49:02 840

原创 JavaScript进阶部分之DOM操作（节点获取，节点属性修改，节点创建与插入，CSS样式的修改）

DOM是document object model（文档对象模型）的缩写。它是一种与平台、语言无关的接口，允许程序动态地访问或更新HTML、XML文档的内容、结构和样式，且提供了一系列的函数和对象来实现增、删、改、查操作。可以这么理解，DOM操作就是为了用JS程序代替人工直接修改HTML和CSS代码。

2024-11-03 18:25:53 1097

原创 CSS网页布局的综合练习

使用CSS样式写一个完整版的学校官网静态网页。

2024-11-02 20:35:27 244

原创重生之学习CSS布局——两列布局、三列布局、多列布局

多行多列布局将页面内容元素按照多行多列的形式进行排列分布，综合了多行布局与多列布局的特点，以实现更复杂、多样化的页面排版需求。三列布局与两列布局非常相似，在处理方式上可以利用两列布局结构的方式处理。在 CSS 中，两列布局是一种常见的网页布局方式，通常用于将页面内容分为左右两部分。对于这种类型的布局，浏览者的注意力最容易集中在中栏的信息区域，其次才是左、右侧的信息。这种方法通过将父容器设置为弹性盒布局，并将左列和右列的宽度分别设置为 50%，从而实现两列布局。属性设置为左列的宽度，从而实现两列布局。

2024-10-20 21:17:06 358

原创 CSS中盒子高度塌陷的解决方法

在上文中我们提到了盒子高度塌陷是因为：当父元素没有设置固定高度，且其内部的子元素是浮动元素（使用float属性）或者绝对定位元素（使用或）时，父元素的高度不能自动适应子元素的高度，而出现高度为 0 或者没有被撑开的情况。

2024-10-19 15:05:14 239

原创 CSS盒子的高度塌陷

使其浮动，此时父元素的高度就会发生塌陷，表现为高度为 0 或者没有被子元素撑开，导致在页面布局中可能出现意想不到的效果，比如背景消失、其他元素的布局受到影响等。在 CSS 中，盒子的高度塌陷是指当父元素没有设置固定高度，且其内部的子元素是浮动元素（使用。）时，父元素的高度不能自动适应子元素的高度，而出现高度为 0 或者没有被撑开的情况。属性）或者绝对定位元素（使用。没有设置固定高度，子元素。在上述代码中，父元素。

2024-10-19 14:44:14 197

原创盒子模型的绝对定位

如果一个脱离队伍（绝对定位）的人周围有一个特殊的小团体（已定位的祖先元素），那么他会以这个小团体中的某个成员（最近的已定位祖先元素）为参照进行位置的偏移，而不是以整个大队伍（浏览器窗口或。它可以在页面上自由地定位，不会受到其他在文档流中元素布局的影响，就好像它漂浮在其他排队的人（普通文档流元素）之上，可以被放置在页面的任何位置。元素仍然按照文档流正常排列，不受绝对定位元素的影响（除了可能被绝对定位元素覆盖，因为绝对定位元素浮在文档流之上）。元素设置为相对定位，它就成为了一个已定位的祖先元素。

2024-10-13 20:58:21 290

原创盒子的相对定位

使用相对定位的盒子会相对于自身原本的位置，通过偏移指定的距离，到达新的位置。（“另一个普通块级元素”）不会占据这个相对定位元素原来的位置，而是仍然按照这个元素在原位置的情况进行布局，就好像这个相对定位元素仍然在它原来的地方一样。fixed生成绝对定位的元素，相对于浏览器窗口进行定位，元素的位置通过left、top、right和bottom属性进行规定。collapse主要用来隐藏表格的行或列，隐藏的行或列能够被其他内容使用，对于表格外的其他对象，其作用等同于hidden。auto遵循其父对象的定位。

2024-10-13 14:19:12 753

sususugaa的博客

原创前端框架Vue3——响应式数据，v-on，v-show和v-if，v-for，v-bind

原创 DOM操作和事件监听综合练习（具备三种功能的轮播图案例）

原创 DOM事件监听——鼠标事件，键盘事件，表单事件

原创 JavaScript语法基础——函数，对象，常用类Array，String，Math和Date

原创 JavaScript语法基础——基本数据类型，变量，运算符，程序控制语句

原创 JavaScript进阶部分之DOM操作（节点获取，节点属性修改，节点创建与插入，CSS样式的修改）

原创 CSS网页布局的综合练习

原创重生之学习CSS布局——两列布局、三列布局、多列布局

原创 CSS中盒子高度塌陷的解决方法

原创 CSS盒子的高度塌陷

原创盒子模型的绝对定位

原创盒子的相对定位

原创什么是文档流？网页文档流的概念和缺陷

原创 CSS-详细版盒子属性

原创使用CSS修饰页面外观——文本、图像和背景属性

原创基础版CSS讲解

原创 HTML综合练习

原创 HTML基础标签（入门级别！）

原创 HTML5基础知识（零基础进，都是细节！）

空空如也

空空如也