- 博客(30)
- 收藏
- 关注
RSS订阅原创 解锁Vue进阶新技能：axios助力后端通信，Element UI打造炫酷界面！
定义一个针对GET方法的路由/api/data，当前端向该路由发起请求时，控制台会打印“收到前端的get请求”，再通过res.json向前端返回一个消息，打印“已经向前端返回数据”console.log("收到前端的get请求");res.json({ message: '这是从后端返回的：已成功收到你的get请求...' });console.log("已经向前端返回数据");});console.log('接收到的数据:', receivedData);
2024-12-21 20:32:54
934
原创 Vue进阶之状态管理，解锁项目开发超能力
状态管理是指对应用程序中状态的管理。在软件领域，状态是指在某个特定时刻，应用程序的数据和行为表现。以一个简单的购物网站为例，购物车中的商品列表、用户的登录状态等都是状态。状态管理主要涉及这些状态如何被存储、更新和在不同组件（如果是网页或软件界面的不同部分）之间共享。在前端开发中，像React有Redux等状态管理库Vue.js有Vuex。这些工具可以帮助开发者有效组织和控制应用中的状态，让状态的变化可以被预测，方便调试，并且在多人协作开发时也能更好地维护代码。
2024-12-17 20:12:03
1097
原创 Vue进阶之路由管理
路由（Router）：在Vue.js应用中，路由用于实现单页应用（SPA）的页面切换效果。它就像是一个“导航系统”，根据不同的URL路径，决定展示哪个组件。例如，在一个电商网站中，当用户访问“/product”路径时，展示产品列表组件；访问“/product/1”路径时，展示特定产品详情组件。
2024-12-11 20:58:19
1444
原创 Vue进阶之单组件开发与组件通信
单文件组件 (即.vue文件) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。这是第一个组件程序（1）在Header.vue文件里(在components目录中创建vue文件名为Header.vue)，写HTML结构，像展示商品列表组件；export default导出一个对象，这个对象代表了该组件的相关配置和属性；其中。
2024-12-01 21:15:12
1383
原创 深度解析Vue3！
利用let和const定义一组数据，这虽然不是严格意义上的响应式数据，但也可以通过setup函数返回它，他的值可以在模板中被插值表达式渲染出来。使用箭头函数定义一个函数，当它被调用时会在控制台输出相应信息。箭头函数：是ES6中引入的一种新的函数语法，提供了一种更加简洁、灵活、强大的函数表达式，可以简化代码，提高代码的可读性，并带来独特的特性。定义一个sum的箭头函数，接收两个参数a和b，返回他们的和。
2024-11-20 13:49:22
4411
原创 JavaScript的对象事件监听处理，交互式网页的关键！
同时，对于用户体验来说，频繁弹出警告框可能会让用户感到困扰，在实际项目中可以根据具体需求调整提示方式。每种对象能识别的一组预先定义好的事件，但并非每一种事件都会产生结果，因为JavaScript只是识别事件的发生。select事件也用于处理用户在列表框、组合框等组件中的选项选择操作，方便开发者对用户的选择作出响应。设置一个盒子，在标签内添加标签，在标签设置JS监听鼠标事件。当用户在输入框中选中文本时，这个事件会被触发，并且会执行事件处理函数中的代码。
2024-11-06 11:23:06
1261
原创 盒子的定位：相对定位
这意味着它原本在文档流中所占的空间仍然保留，其他元素的布局不会因为它的偏移而受到破坏。到移动的盒子的原位置。（为了方便大家观察，我将红色div原来的位置用红色方框画出来）当一个元素被设置为相对定位时，它会相对盒子原本位置定位进行偏移，盒子。left定位元素和定位元素的左边距离，right定位元素和定位元素的右边距离。top定位元素和定位元素的上边距离，bottom定位元素和定位元素的下边距离。元素从未移动过一样。也就是说即使盒子位置改变了也。元素仍然会按照正常的布局显示在红色。元素的下方，就好像红色。
2024-10-11 13:51:27
616
1
原创 CSS语法基础
两个选择器直连：第一个必须是标签选择器， 第二个必须是类选择器或id选择器，且选择器之前不能有空格。行内样式>id选择器样式>标签选择器样式>标签选择器样式（无需遵循“后来居上”原则）用id名作为选择器，为指定id名的元素设置样式（id名是唯一的）选择所有作为A元素的直接子元素B，对更深一层的元素不起作用，用。用class名作为选择器，为制定class名的元素设置样式。选择A元素之后的所有兄弟元素B，作用于多个元素，用。用标签称作为选择器，为对应标签名的元素设置样式。选择器跟A元素后的B元素，用。
2024-09-29 21:19:54
533
原创 CSS基本内容
层叠样式表(Cascading Style Sheets)是给HTML标签添加样式的语言，可以设置HTML页面中文字大小、颜色以及元素的位置等样式。
2024-09-29 16:31:29
366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人