自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vuex和Pinia

vuex是一个vue的状态管理工具,状态就是数据(多组件共享数据)。vuex的使用安装vuex插件创建vuex模块文件新建store/index.js专门存放vuex创建仓库main.js导入挂载state状态1.提供数据state提供唯一的公共数据源,所有共享的数据都要统一放到Store中的stare中储存。在state对象中可以添加我们要共享的数据。2.使用数据直接访问辅助函数mapstate是辅助函数,帮助我们把store中的数据自动映射到组件的计算机属性中。导入mapState。

2024-03-13 22:26:07 1057 2

原创 Vue-router

router的使用(5+2)5个基础步骤:1.在终端执行yarn add vue-router@3.6.5,安装router插件yarn add vue-router@3.6.52.在文件的main.js中引入router插件import VueRouter from 'vue-router'3.在main.js中安装注册Vue.use(Vue插件)Vue.use(VueRouter)4.在main.js中创建路由对象const router = new VueR

2024-03-10 20:37:22 926 1

原创 Vue入门2

原理:v-model本质上是一个语法糖。例如应用于输入框,就是value属性和input事件的合写。作用:提供数据的双向绑定注意:$event用于在模板中,获取事件的参数。

2024-03-07 21:35:45 476

原创 Vue入门1

Vue是一款流行的前端JavaScript框架,用于构建用户界面和单页面应用程序(SPA)。Vue具有简单易学的API、双向数据绑定、组件化开发等特点,使得开发者能够更高效地构建交互性强、响应速度快的Web应用程序。Vue已经成为许多开发者喜爱的前端框架之一,并且拥有庞大的社区支持和丰富的生态系统。

2024-02-22 18:38:23 721 1

原创 JavaScript入门6

在 JavaScript 中,构造函数是一种特殊的函数,用于创建和初始化一个新的对象。在 JavaScript 中,我们使用构造函数来定义对象类型,并创建基于该对象类型的新实例。thisnew。

2024-02-20 17:10:31 825 1

原创 ECMAScript6入门

ES6新增了let命令用来声明变量。他的用法类似于var,但是所声明的变量,旨在了他命令所在的代码块内有效。

2024-02-19 15:01:02 783 1

原创 Git入门

Git是一个版本控制系统,它的主要作用是追踪代码的变化、协同开发和管理项目。它可以记录每次代码的修改、谁进行了修改以及何时进行的修改,从而方便开发者之间的合作和代码的管理。

2024-02-19 09:56:47 954 1

原创 JavaScript入门5

正则表达式是一种用来描述字符串匹配模式的表达式。它由普通字符(例如字母、数字、符号)和特殊字符(元字符)组成,通过这些字符的组合可以描述字符串的特定模式。正则表达式可以用于多种文本处理任务,包括搜索、替换、验证和提取字符串。

2024-02-17 17:23:21 907 1

原创 CSS复习3

其中,h-offset 和 v-offset 分别表示阴影相对于元素的水平和垂直偏移量,blur 表示模糊半径,spread 表示阴影的尺寸扩展量,color 表示阴影的颜色。当 line-height 的值大于文字的实际高度时,文字将垂直居中显示。line-height 可以接受多种单位(如像素、百分比、无单位等),它定义了行框的高度,即文字在行内的垂直对齐方式。line-height 的具体计算方式是根据字体的大小和行高的比例关系来确定的,它会影响到文字的排列和对齐方式。属性来显示所需的图片部分。

2024-02-16 12:02:33 367 1

原创 CSS复习2

5.伪元素选择器如何使用,包括::before,::after,思考使用这个如何使得父盒子的大小可以自己来定,而不是由子元素将其撑开。伪类选择器用于向某些选择器添加特殊的样式效果,比如当鼠标悬停时、元素处于活动状态时、元素是父元素的第一个或最后一个子元素时等。c. 行内块元素:行内块元素是将元素呈现为内联元素的同时,具备块级元素的特点,它可以设置宽高、内边距、外边距等属性。b. 行内元素:行内元素在一行内显示,并且只占据它需要的宽度。最常用的清除浮动的方法是在浮动元素后面添加一个空元素,然后使用。

2024-02-15 18:20:18 390 1

原创 CSS复习

CSS盒子模型是用于布局和设计网页的重要概念之一。它由内容区域、内边距(padding)、边框(border)和外边距(margin)组成。内边距(Padding):指的是元素内容区域与边框之间的距离。可以使用 padding 属性来设置元素的内边距,可以分别设置上、右、下、左四个方向的内边距。边框(Border):指的是围绕在元素内容和内边距外部的一条线。可以使用 border 属性来设置元素的边框的样式、宽度和颜色。外边距(Margin):指的是元素与其他元素之间的距离。

2024-02-14 16:13:34 864 1

原创 JavaScript入门4

BOM(浏览器对象模型)是指浏览器提供的一组对象,用于与浏览器窗口进行交互。它允许 JavaScript 通过特定的对象访问和操作浏览器窗口及其内容。BOM 提供了一组对象,包括windowdocumentlocationhistorynavigator等,这些对象可以用来操作浏览器窗口的各个部分。:提供了当前窗口或框架的文档对象(DOM)的引用,可以用来操作页面内容。:代表当前窗口的 URL,并且提供了操作浏览器地址栏的方法。:包含有关浏览器的信息,如浏览器的名称、版本和操作系统等。

2024-02-13 14:08:20 843 1

原创 JavaScript入门3

HTML文件与JS文件没有分开。

2024-02-12 15:50:11 824 1

原创 JavaScript入门2

对象是JavaScript语言的核心概念,也是最重要的数据类型。简单说,对象就是一组“键值对”的集合,是一种无序的符合数据集合。对象的每一个键名又称为“属性”,他的“键值”可以是任何数据类型。如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用。如果属性的值还是一个对象,就形成了链式引用。

2024-02-11 13:09:03 878 1

原创 JavaScript入门1

JavaScript程序的单位是行(line),也就是一行一行的执行。一般情况下,每一行就是一个语句。语句以分号结尾,一个分号就表示一个语句结束。

2024-02-09 14:13:28 933 1

原创 CSS入门

flex-direction属性指定了弹性子元素在福容器中的位置。

2024-02-08 17:24:53 745

原创 HTML入门

<head><title>第一个网页</title></head><body><h1>标题一</h1><h2>标题二</h2><h3>标题三</h3><h4>标题四</h4><h5>标题五</h5><h6>标题六</h6></body>

2024-02-07 16:57:57 829 1

空空如也

空空如也

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

TA关注的人

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