前端基础
关注
分享
扫一扫
文章平均质量分 87
前端基础语法
less more
少则多，简则精
展开
-
vuex
Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享能够在vuex中集中管理共享的数据，便于开发和后期进行维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新。原创 2024-04-10 16:55:18 · 583 阅读 · 0 评论 -
Element
Element：网站快速成型工具。是饿了么公司前端开发团队提供的一套基于Vue的网站组件库。使用Element前提必须要有Vue。组件：组成网页的部件，例如超链接、按钮、图片、表格等等~Element官网：https://element.eleme.cn/#/zh-CN自己完成的按钮Element 提供的按钮开发步骤引入 Element 样式文件夹。引入 Vue 核心 js 文件。在html中引入vue.js在html中引入 Element 核心 js 文件。编写按钮标签。在官网中找到按钮标签的代码，将代码原创 2024-03-27 15:36:37 · 878 阅读 · 0 评论 -
Vue脚手架
Vue脚手架学习目标：理解Node.js基本使用方法理解包资源管理器NPM的使用理解webpack的作用理解 vue-cli 脚手架 (重点)Element-UI 组件库1.vue的格式： new Vue({ //作用的视图 el:"id选择器", //vue中的数据 /*data:{ key:value, key:value, ...原创 2024-03-27 17:52:28 · 1026 阅读 · 0 评论 -
vue的异步操作
/list=[{age:18,id:"001",name:"张三"},{age:18,id:"002",name:"李四"},{age:18,id:"003",name:"王五"}]2.this.user就是json格式的数据：user = {"username":"锁哥","password":"1234"}1.后台url的地址 "http://localhost:8080/axiosDemo01Servlet"//说明查询好友列表成功，将后台响应的数组数据赋值给数据模型中的list。原创 2024-03-27 14:53:06 · 996 阅读 · 0 评论 -
vue基础
vue的学习网站：1.Vue的介绍学习目标说出什么是Vue能够说出Vue的好处能够说出Vue的特点内容讲解【1】Vue介绍1.vue属于一个前端框架，底层使用原生js编写的。主要用来进行前端和后台服务器之间的一个交互。2.Vue是一套构建用户界面的渐进式前端框架。大部分时间关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合。特点易用：在有HTML,CSS, JavaScript的基础上，快速上手。灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。性能：20原创 2024-03-27 15:09:54 · 1388 阅读 · 0 评论 -
jQuery
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>认识jQuery</title> <!-- JS存在的痛点: 1. 复杂的DOM操作 2. 浏览器兼容问题 3. 事件\动画比较复杂 jQuery的亮点: 1. 轻松实现DOM操作原创 2021-05-13 08:58:40 · 103 阅读 · 0 评论 -
ajax基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS的CRUD</title> <style> #main{ background-color: red; width: 400px; height: 300px;原创 2021-05-12 10:09:00 · 208 阅读 · 0 评论 -
ES6新语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>document的常用操作-1</title> <script> function changeImg() {// alert(0); // 1.获取网页中的图像标签 var img原创 2021-05-12 10:05:23 · 312 阅读 · 0 评论 -
JS 简单示例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上下切换图片</title></head><body> <img name="icon" src="image/icon_01.png"> <p></p> <button>上一张</b原创 2021-05-12 10:06:09 · 116 阅读 · 0 评论 -
JS的基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS的基本语法</title> <script type="text/javascript"> // 1.基本的语法 var age = 18; // number var money = 100.88; // nu原创 2021-05-11 10:23:25 · 123 阅读 · 0 评论 -
认识bootstrap
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>认识bootstrap</title> <!--引入外部的框架--> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <style>原创 2021-05-12 09:57:43 · 99 阅读 · 0 评论 -
CSS基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS的行内样式</title></head><body> <div style="color: blue; font-size: 28px; background-color: aqua;">我是容器标签</div>原创 2021-04-25 10:21:53 · 292 阅读 · 0 评论 -
HTML中常用标签
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>常见的HTML的标签</title></head><body> <!--标题标签--> <h1>我是h1标签</h1> <h2>我是h2标签</h2> <h3>我是h3标签原创 2021-04-25 10:14:20 · 191 阅读 · 0 评论