3 Element Plus 表单组件 Form 表单 表单校验 重置按钮 自定义校验规则 上传文件 3.1 Form 表单 表单包含输入框,单选框,下拉选择,多选框等用户输入的组件。使用表单,可以收集、验证和提交数据 表单常用组件: el-input:输入框 el-select:下拉选择框 el-checkbox-group:多选框 el-swi…
Element Plus前端组件库 ❖ 认识 Element Plus ❖ Element Plus 基础组件 ❖ Element Plus 表单组件 ❖ Element Plus 数据表格 ❖ Element Plus 反馈组件 1 认识Element Plus • Element Plus介绍 • 引入Element Plus • Vue3新特…
Vue 前端开发(下篇) ❖ Vue常用指令之数据双向绑定 ❖ 实例生命周期钩子 ❖ Vue Cli脚手架 ❖ Vue组件 ❖前后端数据交互:Axios ❖ Vue路由:Vue Router ❖ Vue UI组件库:Element Plus 1 Vue常用指令之数据双向绑定 v-model 常用指令总结 1.1 v-model 双向数据绑定:通过前…
Vue 前端开发(上篇) ❖ 认识Vue.js ❖ Vue常用指令 ❖ Vue常用属性 ❖ Vue常用指令之流程控制 1 认识 vue Vue.js(简称 Vue) 是一套用于构建用户界面的渐进式前端框架。 Vue.js 核心实现: 响应式的数据绑定:当数据发生改变,视图可以自动更新,不用关心 DOM(可以理解为一个页面) 操作,而专心数据操作…
JavaScript库:jQuery,简化编程 jQuery介绍 基本使用 选择器 操作HTML Ajax 前后端数据交互 1 jQuery 介绍 jQuery 是一个 JavaScript 库。极大地简化了 JavaScript 编程,例如 JS 原生代码几十行实现的功能,jQuery可能一两行就可以实现,因此得到前端程序猿广泛应用。 官方网站:…
JavaScript 客户端脚本语言 JavaScript发展史 JavaScript介绍 基本使用 事件 选择器 JS操作HTML 数据类型:字符串、数组、对象 操作符、流程控制 函数 1 JavaScript 发展史 1.1 JavaScript 介绍 JavaScript(简称JS):是一种轻量级客户端脚本语言,通常被直接嵌入 HTML 页面…
CSS 基础开发 在本文中我将介绍以下几点: CSS介绍 使用方法 选择器 常用属性 1 CSS 介绍 期初网页上的内容可以通过 html 进行展示和渲染,但是我们可以看到相对来说比较朴素,这时候就需要我们对其做一些适当的修饰和美化,这时候就需要使用到我们的 CSS CSS:是一种用于修饰网页的文本样式语言,还可以配合 Javascript 脚本语…
1 Web前端开发基础 我们想要掌握前端就需要学习以下技能 HTML CSS JavaScript JavaScript库:jQuery 1.1 网页组成 例如一个index.html页面: HTML标记语言:组成网页架构的元素组件 CSS 样式语言:美化网页的样式,例如让网页的字体有颜色等 JavaScript 程式语言:控制网页的动态效果 JQ…
1 HTML 认知 ➢HTML (Hyper Text Markup Language)中文译为:超文本标记语言 ➢专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述 ➢案例: 文字变粗案例 我没有变粗 <!-- 通过 strong 标签能够实现字体变粗 --> <strong>我…