WEB前端
关注
分享
扫一扫
文章平均质量分 92
基于黑马程序员课程，以Java后端程序员，分享初学WEB前端的笔记，心得
XYX的Blog
太原理工大学
展开
-
WEB前端16-Vuex状态管理模式
Vuex 是专为 Vue.js 应用程序开发的状态管理模式。它借鉴了 Flux 和 Redux 的理念，将应用程序的状态抽象出来，集中管理在一个全局的 store 中。原创 2024-08-04 18:26:49 · 1099 阅读 · 0 评论 -
WEB前端15-Router路由
路由在Web开发中指的是确定用户在页面之间导航的机制。在传统的多页面应用中，每次点击链接时浏览器都会向服务器请求一个新的页面。而在单页面应用（SPA）中，所有的页面加载和切换都是在客户端完成的，页面内容通过JavaScript动态更新，而不会重新请求整个页面。Vue Router 是 Vue.js 官方提供的路由管理器。它和Vue.js核心深度集成，允许你通过简单的配置，将组件映射到路由，然后在应用中进行导航。原创 2024-08-02 18:09:38 · 1104 阅读 · 0 评论 -
WEB前端14-Element UI(学生查询表案例/模糊查询/分页查询)
props数组中存放的是父组件自定义的属性，通过此属性，父组件可以向子组件传递数据值，子组件通过获取数据，进行属性绑定，以实现对组件样式的变化。首先，确保你的项目已经集成了 Vue.js 和 Element UI。如果没有，你可以参考官方文档进行安装和配置。在 Vue.js 中，props 允许父组件向子组件传递数据，使得组件更加灵活和通用。插槽允许父组件将内容插入到子组件的特定位置，增强了组件的复用性和灵活性。方法触发事件，向父组件传递数据，实现组件间的通信。目录之下，以便父组件的灵活调用。原创 2024-08-01 10:14:28 · 899 阅读 · 0 评论 -
WEB前端13-Vue2常用指令
是Vue.js中用来渲染列表数据的指令，它能够根据数据源迭代渲染出多个元素。标签用于替换文档的内容，它与Js中的textContent和innerHTML属性的作用相同。文本插值支持简单的 JavaScript 表达式，但不推荐在插值中使用复杂逻辑或方法调用。是Vue.js中用来根据表达式的真假条件渲染元素的指令。有时候，我们需要在条件为假的情况下显示备选内容，这时可以使用。是一个包含多个对象的数组，每个对象都至少有一个唯一的。改变时，相关的 DOM 会自动更新,默认为双向绑定。是一个返回布尔值的表达式。原创 2024-07-30 17:15:11 · 640 阅读 · 0 评论 -
WEB前端12-axios基础
它的设计简单易用，支持并行请求、拦截器、CSRF 防护等特性，使得它成为开发人员首选的 HTTP 请求库之一。在使用axios时，一般使用的默认的axios，这使得一些常用的配置需要在每次发送请求的时候多次重复配置，所以我们可以修改axios的默认配置，减少重复的代码。中的第一个函数用于处理正常的响应，第二个函数用于处理响应时的错误。这段代码展示了如何使用 Axios 发送一个简单的 GET 请求，从指定的 URL 获取数据。请求拦截器允许我们在发送请求前对其进行修改或者添加额外信息，例如请求头部的设置。原创 2024-07-28 17:25:55 · 546 阅读 · 0 评论 -
WEB前端11-Vue2基础01(项目构建/目录解析/基础案例)
Vue 的组件文件以 .vue 结尾，每个组件由三部分组成。步骤四：修改vue相关的属性。/* 可选的组件样式 */步骤一：安装前端脚手架。原创 2024-07-27 11:00:01 · 448 阅读 · 1 评论 -
WEB前端10- Fetch API(同步/异步/跨域处理)
具体来说，同源策略要求网页中的所有资源（如脚本、样式表和 AJAX 请求）必须来自同一个域、协议和端口，否则就会出现跨域问题。代理服务器充当客户端和目标服务器之间的中介，它接收来自客户端的请求，然后将请求转发给目标服务器，并将目标服务器的响应返回给客户端。Promise 对象是 JavaScript 中处理异步操作的一种机制，它代表了一个异步操作的最终完成或失败，并且其结果值是可用的。: （可选）一个对象，包含配置 fetch 操作的设置，比如方法、头部、请求体、凭据等。这个参数允许精确调整请求的细节。原创 2024-07-23 19:01:27 · 2041 阅读 · 1 评论 -
WEB前端09-前端服务器搭建(Node.js/nvm/npm)
前端服务器的搭建在本文中，我们将介绍如何安装和配置 nvm（Node Version Manager）以方便切换不同版本的 Node.js，以及如何设置 npm（Node Package Manager）使用国内镜像，并搭建一个简单的前端服务器。1.Node.js简介什么是 Node.js？Node.js 是一个基于 Chrome V8 引擎构建的 JavaScript 运行时，允许开发者在服务器端运行 JavaScript 代码。特别适用于需要处理大量并发连接的应用程序。与传统的服务器端技术不同，原创 2024-07-21 11:46:22 · 1583 阅读 · 1 评论 -
WEB前端08-综合案例(动态表格)
使用 HTML、CSS 和 JavaScript 创建动态表格在本教程中，我们将创建一个动态表格，允许用户添加行、选择项目，并执行批量操作，如全选或删除选中的行。我们将通过 HTML、CSS 和 JavaScript 来实现这一功能。让我们逐步了解每个部分是如何协同工作的。HTML 结构我们的 HTML 文档设置了页面的基本结构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8原创 2024-07-20 18:56:42 · 1130 阅读 · 0 评论 -
WEB前端07-DOM对象
HTML DOM是一种编程接口，它表示网页文档的结构化模型。它将整个网页作为一个树形结构表示，其中每个元素（如标签、属性、文本等）都是树的一个节点。HTML DOM 提供了一组对象，这些对象允许开发者通过脚本语言来操作网页的各个部分。例如，可以通过HTML DOM来获取元素、改变元素的内容、修改元素的样式、添加或删除元素等操作。这使得开发者能够创建动态、交互式的网页应用程序。原创 2024-07-19 11:08:26 · 802 阅读 · 0 评论 -
WEB前端06-BOM对象
window对象是一个全局对象，因此可以直接使用全局对象的属性和方法，而无须写出全局对象的对象名。是用于描述浏览器中对象与对象之间层次关系的模型，提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。clearTimeout()-----取消由 setTimeout() 方法设置的 timeout。clearInterval()-----取消由 setInterval() 设置的 timeout。setInterval-----周期性的执行某一个函数。原创 2024-07-17 11:56:18 · 994 阅读 · 0 评论 -
WEB前端05-JavaScrip基本对象
数组对象是一个有序的数据集合，使用单独的变量名来存储 一系列的数据。在JavaScript中，定义数组时不需要指定数组的数据类型，而且可以将不同类型的数据存放到一个数组中。如果函数外层引用的是 let 变量，那么外层普通的 {} 也会作为作用域边界，最外层的 let 也占一个 script 作用域。：函数定义时，它的作用域已经确定好了，因此无论函数将来去了哪，都能从它的作用域中找到当时那些变量。要想里面的 e 和外面的 e 能区分开来，最简单的办法是改成 let，或者用函数来界定作用域范围。原创 2024-07-16 17:07:45 · 1093 阅读 · 0 评论 -
WEB前端04-JavaScript基本语法(包含ES6新特性，新语法)
这时就有一个规则，当需要条件判断时，这个值被当作 true 还是 false，当作 true 的值归类为 truthy，当作 false 的值归类为 falsy。在 js 中，并不是 boolean 才能用于条件判断，你可以在 if 语句中使用【数字】、【字符串】…因为Js和Java的运算符相差不大，这里着重强调Js运算符的注意事项。原创 2024-07-16 17:06:21 · 423 阅读 · 0 评论 -
WEB前端03-CSS3基础
CSS是Cascading Style Sheets（层叠样式表）的缩写，它是一种对Web文档添加样式的简单机制，是一种表现HTML或XML等文件外观样式的计算机语言，是一种网页排版和布局设计的技术。伪类是可以向某些选择器添加特殊效果的、一组CSS预定 义好的类，不需要进行id和class属性的声明，就能自动 地被支持CSS的浏览器所识别。盒子：页面中所有的元素（标签），都可以看做是一个 盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局。的网页元素定义显示样式。原创 2024-07-13 11:46:18 · 1549 阅读 · 0 评论 -
WEB前端02-HTML5基础(02)
在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。td标签frame属性：表格的边框属性合并单元格单元格距其他8.表单标签表单标签表单属性表单项标签不同类型的input元素、下拉列表、文本域等。input标签通过type属性控制输入形式。input控件常用的属性有type、name、value、size、readonly、disabled、checked、maxlengthHTML5新type控件类型< select>: 定义下拉原创 2024-07-13 10:22:10 · 1244 阅读 · 0 评论 -
WEB前端01-HTML5基础(01)
C/S: Client/Server （客户端/服务器端）：在用户本地有一个客户端程序，在远程有一个服务器端程序优点：用户体验好缺点：开发、安装，部署，维护麻烦B/S: Browser/Server （浏览器/服务器端）：只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序优点：开发、安装，部署，维护 简单缺点：如果应用过大，用户的体验可能会受到影响。对硬件要求过高。Web标准HTML：负责网页结构(页面元素与内容)CSS：负责网页表现(页面元素的外观，页面样式)JavaScr原创 2024-07-12 11:54:40 · 1115 阅读 · 1 评论