- 博客(17)
- 收藏
- 关注
RSS订阅原创 JavaScript语法基础(函数，对象，常用类Array，String，Math和Date)
在 JavaScript 中，对象是一种复合数据类型，用于存储键值对。对象可以用于表示实际世界中的事物，具有属性和方法。1.1、直接手动定义一个对象（而不是通过类实例化）firstName:"毛",lastName:"主席",age:83,eyeColor:"黑色",// 注意this对象的使用（指向自身）// 没有this，直接用属性名控制台会报错},return a+b;1.2、使用定义好的对象的属性和方法console.log(person.eyeColor) //使用对象的属性。
2025-01-06 15:10:44
742
原创 JavaScript的对象事件处理程序
对象的事件是指在一个对象上发生的特定动作或状态改变。对象可以是现实世界中的物体、概念、数据结构等。根据对象的类型和功能，可能会有不同类型的事件。对象事件处理程序是一种函数，它被指定为对象的属性，并在对象上的特定事件发生时执行。
2025-01-06 14:58:47
261
原创 Vue+vite组件开发的环境准备
2.首先安装pnpm工具包： npm install -g pnpm (npm install -g xxxx 全局安装工具包，可以直接在命令行使用，否则无法使用)1. Vue - Official （Vue官方插件，强烈推荐，默认的xxx.vue文件是没有语法高亮的，都是一片白色，不利于阅读，安装这个插件以后，语法就会高亮）1.新建一个空的文件夹（最好是英文名称，中文路径有概率失败），在新的文件夹路径处输入cmd，操作跟上一步一致。三、常用vscode插件的安装。4.配置脚手架相关插件。
2024-12-05 21:27:42
481
原创 CSS网页布局样式
CSS 网页布局是网页设计中非常重要的一部分，它决定了网页的结构和外观。一个典型的 CSS 网页布局通常由以下几个主要部分构成：<header>页眉，<nav>导航栏，<main>主要内容区域，<aside>侧边栏和<footer>页脚。
2024-11-04 22:04:14
397
原创 一文读懂CSS盒子的浮动与清除浮动
浮动(loat)是使用率较高的一种定位方式。有时希望相邻块级元素的盒子左右排列(所有盒子浮动)，或者希望一个盒子被另一个盒子中的内容所环绕(一个盒子浮动)做出图文混排的效果时,最简单的方法就是运用浮动属性使盒子在浮动方式下定位。
2024-11-03 23:13:35
1321
原创 CSS固定定位
设置 left，top标签后，我们可以清楚看到红色盒子是浮动在绿色盒子上边，这样看起来固定定位是不是跟绝对定位很像，但事实上，而这有很大的区别，在CSS中，固定定位（fixed positioning）允许元素相对于浏览器窗口固定位置，无论用户滚动页面，该元素都会保持在同一位置不动。由图可知，绿色盒子在开启固定定位后“消失”了，但其实是因为红色盒子在被设置position : fixed后相对的浮动起来了，而绿色盒子会替补原来红色盒子的位置，所以我们平面看的效果就是绿色盒子的位置被红色覆盖了。
2024-10-30 22:08:00
594
原创 CSS绝对定位
由图可以看出，相对定位是相对于元素在正常文档流中的位置进行定位，会对其他元素产生影响，而绝对定位是相对于祖先元素进行定位，不会对其他元素产生影响。相对定位元素仍然占据空间，绝对定位元素不占据空间。）的祖先元素，那么绝对定位的元素将相对于该祖先元素进行定位。如果没有设置父级元素的定位属性，绝对定位的元素将相对于文档的根元素进行定位。Tips:绝对定位会将元素从文档流中移除，因此其他元素可能会占据其原来的位置。属性来指定元素离定位的祖先元素或页面边缘的位置。可以将元素相对于祖先元素或页面的指定位置进行定位。
2024-10-30 21:01:24
308
原创 CSS相对定位
然后可以使用top、right、bottom和left属性来指定元素相对于其正常位置的偏移量。CSS中的相对定位（relative positioning）是指元素相对于其正常位置的偏移定位。相对定位不会影响其他元素的位置，只会影响自身的位置。需要注意的是，相对定位不会改变元素在文档流中的位置，它仅仅影响元素在视觉上的位置。通过实例我们可以知道，使用相对定位对盒子进行的移动 ，对其他元素并没有影响，只会影响自身的位置。通过相对定位将绿色盒子相对于原来的上边距和左边距偏移了30px。定位的数值可以为负数。
2024-10-29 20:12:24
342
原创 网页文档流的概念与缺陷
CSS文档流（CSS document flow）是指HTML元素在浏览器中按照一定规则进行布局和排列的过程。在CSS中，元素的布局和排列是基于文档流的。文档流是指元素在浏览器中按照其在HTML文档中出现的顺序依次排列的过程。
2024-10-15 21:54:51
332
原创 两分钟速通CSS盒子模型！！！
在CSS视角下，所有HTML元素可以看作盒子。所谓的盒子在HTML中就是一个盛装元素内容的容器。盒子由内容区（content)，内边距（padding），边框（border），外边距(margin）组成。内容（Content）：盒子的实际内容，如文本、图像等。内边距（Padding）：内容和边框之间的空白区域。内边距可以设置为固定大小或者百分比。边框（Border）：内边距和外边距之间的边界，用于包围内容和内边距。外边距（Margin）：边框和相邻元素之间的空白区域。
2024-10-14 01:44:42
1477
原创 CSS常用标签
background-image以图像作为元素的背景，元素的背景是元素的总大小，包括填充和边界(不包括外边距)。默认情况下background-image属性放置在元素的左上角，如果图像不够大的话会在垂直和水平方向平铺图像，如果图像超过元素大小，则从图像的左上角开始裁剪。100-900:定义由细到粗，400等同默认，而700等同于bold。background-color设置元素的背景色;lighter:定义更细字符。bolder:定义更粗字符。bold:定义粗体字符。
2024-10-08 22:54:48
426
原创 HTML基础
标签内，用于向浏览器和搜索引擎提供关于网页的信息，而不是直接展示给用户。~是HTML中编排文本的常用标签,正确使用分级标题标签，有利于网页的SEO。标签的charset属性可以规定字符集的。使用strong标签定义的强调文本使用em标签定义的强调文本删除线下划线双标签：
2024-09-08 22:43:23
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人