自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小白学习vue.js基础

由于我们在模板中使用了插值语法来输出 counter 的值,因此每次用户单击按钮时,页面上的文本都会更新为“你点击了我 {{ counter }} 次。在上面的示例中,我们首先定义了一个名为 total 的计算属性,并为其添加了一个 getter 和一个 setter 方法。在上面的示例中,我们使用 v-model 指令来创建一个双向绑定的输入框,它允许用户在其中输入文本并将文本显示在下面的段落中。在 Vue.js 中,计算属性和监听是非常重要的概念,它们可以帮助我们更好地控制应用程序的状态和响应式更新。

2024-01-03 08:41:35 360

原创 小白学习vue.js(各类处理)

在上面的示例中,我们首先定义了一个名为 counter 的数据属性,并将其设置为 0。在上面的示例中,我们首先定义了一个名为 myObject 的数据属性,并将其设置为一个包含两个键值对的对象。在上面的示例中,我们首先定义了一个名为 items 的数据属性,并将其设置为一个包含三个字符串的数组。然后,我们使用 v-for 指令来遍历 items 数组中的每个元素,并将其输出为一个 li 元素。在上面的示例中,我们首先定义了一个名为 seen 的数据属性,并将其设置为 false。

2024-01-02 14:44:47 359

原创 小白学习element ui

Element UI 是一款基于 Vue.js 的桌面端组件库,它提供了丰富的组件和工具,可以帮助开发者快速构建出功能丰富、界面美观的 Web 应用程序。以上是一些常用的 Element UI 组件及其使用方法,Element UI 还提供了许多其他组件和工具,如菜单、标签页、进度条等,可以根据实际需求进行选择和使用。Input 是用户输入信息的重要组件,Element UI 提供了多种类型的输入框。表格是展示数据的重要组件,Element UI 提供了丰富的表格功能。

2024-01-02 14:37:07 366

原创 小白学习vue.js(状态管理)

每个Mutation都是一个函数,它接收State作为第一个参数,并通过提交一个新的State来更改它。在上面的示例中,我们首先定义了State、Getters、Mutations和Actions,然后将它们组合到一个Store中。State(状态):State是Vuex中最基本的概念之一,它是一个对象,用于存储应用程序的所有状态数据。Getters(获取器):Getters是从State中派生出的一些计算属性,它可以让我们根据State中的数据计算出一些衍生数据。

2024-01-02 14:30:24 356

原创 小白学习vue.js(表单)

在表单处理中,了解组件的生命周期可以帮助我们更好地控制表单的行为。挂载阶段(mounted): 在这个阶段,Vue实例已经挂载到了DOM元素上,并且可以访问到所有的DOM节点。此时可以通过this.$refs来访问表单元素,并进行一些初始化的操作,例如获取表单数据、设置默认值等。更新阶段(updated): 在这个阶段,Vue实例的数据已经更新了,但是还没有重新渲染到DOM上。销毁阶段(destroyed): 在这个阶段,Vue实例已经被销毁了,并且所有的资源都已经释放了。

2024-01-02 14:25:54 360

原创 小白学习Vue.js基础(组件)

每个组件应该有自己的目录结构和文件组织方式。一般来说,一个组件包括三个部分:模板(HTML)、样式(CSS)和脚本(JavaScript)。可以将这三个部分分别放在对应的文件中,以便于管理和维护。在软件开发中,组件化是一种非常重要的概念。它指的是将一个完整的系统拆分成许多独立的、可复用的组件,这些组件可以独立开发、测试和部署,最终组合在一起形成一个完整的系统。props是父组件向子组件传递数据的一种方式。子组件可以通过props接收到父组件传递过来的数据,并在模板中使用这些数据。

2024-01-02 11:52:00 286

原创 小白学习vue.cli

Vue CLI 允许我们在创建项目的过程中进行一些自定义配置。在项目创建完成后,我们可以进入项目文件夹,找到文件,该文件用于配置 Vue CLI 的行为。在该文件中,我们可以进行各种配置,如更改输出目录、配置代理、配置不同环境的变量等等。

2024-01-02 11:46:57 317

原创 小白学习vue.js

另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。通过比较虚拟DOM和实际DOM的差异,Vue只需更新需要更改的部分,从而提高了渲染速度。响应式数据绑定:Vue实现了双向数据绑定,这意味着当模型对象的属性发生变化时,视图将自动更新,反之亦然。在Vue项目中,主要关注点是组件。指令:Vue提供了一些内置指令,如v-bind、v-model、v-for等,以简化开发过程。然后,在JavaScript中导入了该组件的定义,并在Vue实例中将其注册为一个局部组件。

2024-01-02 11:40:26 360

原创 小白学习Express基础(路由)

当用户访问'http://localhost:3000/'时,Express会根据请求的类型调用相应的处理函数。Express是一个基于Node.js的Web应用开发框架,它提供了一系列的工具和功能,使得开发者能够更快速、高效地构建Web应用程序。本文将详细介绍Express框架的基本概念,包括它的优势和适用场景,并讲解如何在Express中设置路由,处理不同的HTTP请求。Express框架的核心是一个app对象,它提供了一系列的方法来处理HTTP请求和响应。方法中定义的处理函数。

2024-01-02 11:33:49 293

原创 小白学习Express基础

在这个示例中,我们创建了一个Express应用,并为根URL('/')定义了一个GET请求的处理函数。Express框架的核心是一个简单的函数,该函数接受一个回调函数作为参数,并将该回调函数处理为一个HTTP请求。中间件是一种可以访问请求对象、响应对象和应用程序请求/响应周期中的下一个中间件函数的函数。在Express中,路由是指将URL映射到特定处理函数的过程。Express是一个基于Node.js的Web应用开发框架,它提供了一系列强大的功能和工具,使得开发者能够更快速、高效地构建Web应用程序。

2024-01-02 11:31:33 371

原创 小白学习Node.js(事件模块与HTTP模块,模块化编程)

在Node.js中,事件是一种特殊的对象,它可以触发和监听其他事件。在Node.js中,可以使用回调函数、Promise或者async/await来实现异步编程。本文将介绍Node.js的一些重要特性,包括事件与异步、HTTP模块、模块化编程以及使用CommonJS规范实现模块的导出和导入。在Node.js中,可以通过创建多个文件来组织代码,每个文件就是一个模块。要在一个文件中使用另一个文件中的模块,需要使用。在Node.js中,可以使用CommonJS规范来实现模块的导出和导入。在其他文件中,可以使用。

2024-01-02 11:09:44 295

原创 小白学习Node.js基础(概述,文件与路径)

Node.js具有高性能、轻量级和事件驱动的特点,使其成为构建可扩展的网络应用的理想选择。本文将介绍Node.js的概述、安装、模块与包管理器、文件操作与流以及路径与地址。本文介绍了Node.js的概述、安装、模块与包管理器、文件操作与流以及路径与地址。Node.js作为一个基于JavaScript的后端运行环境,具有很高的性能和灵活性,是构建现代Web应用的理想选择。Node.js是一个开源项目,可以在官网(https://nodejs.org/)下载。根据操作系统的不同,选择相应的安装包进行下载。

2024-01-02 11:07:05 289

原创 小白学习ECMAScript 6 基础(箭头函数,面向对象class语法,Promise与异步编程)

Promise是ES6中引入的一种新的异步编程模型。Promise表示一个尚未完成但预计在未来会完成的操作的结果。本文将介绍ES6中的三个基础特性:箭头函数、面向对象class语法和Promise与异步编程。而在箭头函数中,this值继承自外部作用域的this值。使用class关键字可以定义一个类,类中可以包含属性和方法。与传统的构造函数相比,class语法更加简洁和易于理解。箭头函数是ES6中引入的一种新的函数语法。与传统的函数表达式不同,箭头函数具有更简洁的语法和自动绑定this值的特性。

2024-01-02 11:03:39 321

原创 小白学习ECMAScript 6 基础(增强字面量、函数默认值、展开运算符和解构赋值)

本文将介绍ES6中的四个基础特性:增强字面量、函数默认值、展开运算符和解构赋值。在ES6之前,我们只能使用字符串作为对象的属性名或方法名。而在ES6中,可以使用表达式作为属性名或方法名,这使得代码更加灵活和可读性更高。当调用函数时,如果没有提供某个参数的值,那么将使用该参数的默认值。展开运算符(...)用于将数组或对象的元素展开到一个新的数组或对象中。这使得我们可以更方便地操作数组和对象的元素。解构赋值是一种简洁的方式来提取数组或对象的元素,并将其赋值给变量。这使得我们可以更方便地操作数组和对象的元素。

2024-01-02 11:00:10 330

原创 小白学习ECMAScript 6 基础(let与const,新数组方法,模版字符串)

希望这篇博客对你理解和使用ECMAScript 6有所帮助。如有更多问题,请随时提问,我们将尽力为你解答。模版字符串是一种允许嵌入表达式的字符串字面量。你可以使用反引号(``)来创建模版字符串,并使用。模版字符串可以方便地进行字符串拼接和格式化。声明的变量具有块级作用域,即它只在声明它的代码块内有效。声明的变量也具有块级作用域,但它的值不能被重新赋值。等,这些方法可以让你更方便地处理数组数据。的主要区别在于作用域和重新赋值。ES6引入了一些新的数组方法,如。是两种声明变量的方式。在JavaScript中,

2024-01-02 10:56:44 342

原创 小白学习ECMAScript 6 基础

ECMAScript 6,简称ES6,是JavaScript语言的一种标准,于2015年发布。它主要带来了一些新的特性和语法糖,使得JavaScript代码更加简洁、易读和易于维护。ES6的新特性包括:箭头函数、模块化、解构赋值、类、迭代器、生成器等。

2024-01-02 10:50:05 323

原创 小白学习Echaarts基础

希望通过本文的介绍,读者能够全面了解ECharts的各个方面,并能够灵活运用ECharts创建出美观、交互丰富的数据可视化图表。可自定义的样式:ECharts提供了丰富的主题和样式配置,还支持开发者自定义图表的颜色、字体、背景等样式,以满足不同项目和用户的需求。强大的图表库:ECharts提供了大量的图表类型,包括折线图、柱状图、饼图、雷达图、散点图、地图等,可以满足各种数据可视化需求。数据驱动:ECharts使用数据驱动的方式,开发者只需提供数据,即可动态生成图表,并支持对数据的动态更新和切换。

2023-11-01 23:26:45 26

原创 小白学习Layui基础

Layui是一款强大且易于使用的前端框架,本篇博客详细介绍了Layui的介绍与安装、布局组件、表格与表单组件、弹层组件以及其他常用组件。希望通过本篇博客,你能对Layui有更深入的了解,并能够熟练运用它开发出优秀的Web界面。如果你有更多问题,欢迎随时提问,我们将竭诚为你解答。Layui是一款功能强大、易于使用的前端框架,它提供了丰富的组件和接口,使开发者能够快速构建现代化的Web界面。本篇博客将详细介绍Layui的使用方法,包括Layui的介绍与安装,布局组件,表格与表单组件,弹层组件以及其他常用组件。

2023-11-01 23:13:02 42

原创 小白学习ajax基础

通过使用Ajax,我们可以在后台与服务器进行数据交换,并实现页面无需刷新的更新,从而提供更好的用户体验和减少带宽消耗。而Ajax通过使用XMLHttpRequest对象(XHR),在后台与服务器进行数据交换,然后通过JavaScript将数据更新到页面上的特定部分,从而实现了页面无需刷新的更新。减少带宽消耗:Ajax只更新需要更新的数据,而不是整个页面,可以减少服务器和客户端之间的数据传输量,从而减少带宽的消耗。更新页面:根据服务器的响应数据,使用JavaScript更新页面上的特定部分。

2023-11-01 23:05:17 22

原创 小白学习jquery基础

本篇博客简要介绍了jQuery的常见选择器、元素查找、元素属性操作、文档处理和CSS操作。jQuery是一种流行且强大的JavaScript库,它简化了JavaScript的开发过程,并提供了许多灵活的方法来操作和处理HTML元素。本篇博客将介绍jQuery的常见选择器、元素查找、元素属性操作、文档处理和CSS操作。除了基本的选择器,jQuery还提供了一些方便的方法来查找元素。ID选择器:使用元素的ID属性选取元素,如。属性选择器:使用元素的属性选取元素,如。类选择器:使用元素的类名选取元素,如。

2023-11-01 22:55:07 17

原创 小白学习javescript基础

JavaScript是一种广泛使用的脚本语言,用于为网页添加交互性和动态效果。本篇博客将介绍JavaScript的语法、函数、数组和事件处理。数据类型:JavaScript包括多种数据类型,如字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)等。在JavaScript中,数组可以包含不同类型的数据,并且可以动态地添加或删除元素。运算符:JavaScript支持常见的算术运算符(如加、减)、比较运算符(如等于、不等于)和逻辑运算符(如与、或)。

2023-11-01 21:25:25 20

原创 小白学习css基础

在这篇博客中,我们将深入探讨CSS的一些关键概念,包括样式调用和选择器。绝对定位(Absolute Positioning):通过设置元素的位置属性(top、left、bottom、right)相对于最近的具有定位的父元素进行定位。在上面的示例中,我们定义了一个类名为.box的样式,为元素设置了固定的宽度和高度,以及填充、边框和边距。在上面的示例中,我们使用了内联样式来修改标题(h1)和段落(p)的颜色和字体大小。在上面的示例中,我们对不同选择器应用了不同的样式,实现了对元素的选择和样式调整。

2023-11-01 21:23:35 14

原创 小白学习html元素类型和iframe

表格元素:用于创建数据表格,包括表格(table)、表头(thead)、行(tr)、单元格(td)等。表单元素:用于创建交互式表单,包括表单(form)、输入字段(input)、按钮(button)等。媒体元素:用于展示多媒体内容,包括图像(img)、音频(audio)、视频(video)等。列表元素:用于展示有序或无序列表,包括有序列表(ol)、无序列表(ul)、列表项(li)等。文本元素:用于展示文本内容,包括标题(h1~h6)、段落(p)、链接(a)等。二、使用iframe标签嵌入外部内容。

2023-11-01 20:52:12 26

原创 小白学习html基础

在编写HTML时,通常需要考虑页面的结构、内容和样式。HTML中使用table标签创建表格,tr标签表示表格的一行,td标签表示表格的一个单元格。HTML标签用于创建网页中的各种元素,如标题、段落、图像和链接等。每个HTML标签都有一些属性,用于设置元素的特定属性。列表项使用li标签。HTML中使用form标签创建表单,input标签定义表单字段。HTML中使用h1~h6标签定义标题,p标签定义段落。HTML使用img标签插入图像,a标签定义链接。HTML页面通常由三部分组成:文档声明、头部和主体。

2023-11-01 20:11:11 24

空空如也

空空如也

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

TA关注的人

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