- 博客(690)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 VUE——请求配置选项的定义
我们在为请求提供了配置选项时，发现如下2个路径http://vueshop.glbuys.com/api/home/category/menu?
2025-05-20 03:46:02
285
原创 VUE——组件new Vue()机制
导出的是选项对象：export default 导出的是一个包含组件配置信息的对象。Vue 框架在运行时读取这些选项对象，并自动创建 Vue 实例，使组件能够运行和交互。
2025-05-20 01:44:19
359
原创 VUE——Axios的基本用法
Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。常用于Vue、React等前端框架，底层是用Promise封装的Ajax，可以解决异步调用出现回调地狱的问题，可以编写出可读性高，维护性强的代码。Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。1. 从浏览器中创建 XMLHttpRequests2. 从 node.js 创建 http 请求3. 支持 Promise API4. 拦截请求和响应5. 转换请求数据和响应数据。
2025-05-20 01:06:42
364
原创 VUE——Ajax【请求方式】
XMLHttpRequest: 第三个参数 open(method, url, async)，建议永远用 true（异步）。Content-Type: 必须与发送的数据格式匹配（如 application/json）需服务器设置响应头（如 Access-Control-Allow-Origin: *）。XMLHttpRequest: 监听 onerror 和检查 status。涉及复杂请求（如自定义头）时，浏览器会先发送 OPTIONS 预检请求。一、XMLHttpRequest 示例。
2025-05-15 21:54:14
242
原创 Vue——Ajax【初识XMLHttpRequest对象】
一、Ajax 是什么？Ajax请求也是HTTP请求，是一种特殊的HTTP请求。由游览器或者Ajax发起的请求对于服务器来说是没有区别的，这个区别要体现在客户端游览器本身的主要功能是发起请求和接收响应并直接解析响应内容显示到页面，并伴随着网页的刷新的，界面就会改变Ajax通过Ajax引擎发起请求，对于Ajax的响应数据只会被传递到监听函数中，监听函数会自动调用，对于取回来的数据，不会对界面进行任何操作的，需要手动操作DOM，可以称为局部界面更新。
2025-05-15 20:15:01
877
原创 Vue——Ajax【HTTP的请求交互的基本过程】
1. DNS解析：把域名变成IP地址。2. TCP连接：确保数据可靠传输。3. HTTP角色：定义请求 和 响应的格式。4. 状态码：快速判断结果（成功/失败）。5. 渲染：浏览器把代码变成你看到的页面。举个真实例子1. 假设你访问 http://www.example.com/index.html：2. 浏览器通过DNS查到 www.example.com 的IP是 93.184.216.34。3. 和服务器建立TCP连接。4. 发送 GET /index.html 请求。
2025-05-15 06:55:27
132
原创 Vue——组件内的守卫beforeRouteLeave
isActive 表示用户是否点击了广告，默认值为 false。通过合理使用 beforeRouteLeave，可以有效控制用户的导航行为，确保页面状态的安全性和一致性。当用户尝试离开当前页面时，Vue Router 触发 beforeRouteLeave 守卫。如果 isActive 为 false，弹出提示框并调用 next(false) 阻止离开。如果 isActive 为 true，调用 next() 允许离开。如果未点击广告，弹出提示框：“必须单击广告才能离开”，确认用户是否可以离开当前页面。
2025-05-15 00:24:17
358
原创 VUE——组件内的守卫beforeRouteUpdate【用的非常多】
beforeRouteUpdate 是 Vue Router 提供的一个 组件内导航守卫，专门用于处理 路由参数变化 的场景。当用户在同一个路由组件中切换参数（如 query 或 params）时，Vue 不会销毁当前组件实例，而是复用它。此时，beforeRouteUpdate 守卫会被触发，允许我们在参数变化时执行特定逻辑。
2025-05-14 21:34:04
811
原创 Vue——组件内的守卫 ：beforeRouteEnter
调用 beforeRouteEnter 守卫：在导航过程中，调用 usecenter.vue 组件的 beforeRouteEnter 守卫。如果用户已经登录，localStorage中有lg键，守卫会调用next()，允许导航继续，加载usecenter.vue组件。总结一下，beforeRouteEnter是在导航被确认之前调用的，用于在进入组件之前执行某些逻辑，如权限验证、数据预加载等。但是，如果用户已经登录，beforeRouteEnter会调用next()，允许导航继续，组件会被加载和渲染。
2025-05-14 02:22:56
1022
原创 Vue—— beforeEach全局前置守卫
beforeEach全局前置守卫：它主要做，会员登陆验证的一个拦截，会员校验，比如说，有一个会员中心页面，或者订单页面，我们需要会员必须登录之后才能访问这个页面，这时我们可以用beforeEach来实现，beforeEach是什么。根据名字，它看起来像是一个在每次路由跳转前执行的钩子函数。也就是说，每当用户尝试从一个路由跳转到另一个路由时，beforeEach就会被触发，我可以在这个钩子函数中执行一些逻辑，比如检查用户是否已经登录，如果没有登录就跳转到登录页面。
2025-05-14 01:02:26
271
原创 Vue——路由嵌套（主子路由）
什么是嵌套路由，为什么需要它。比如，当应用有多个层级的结构时，比如主页下有子菜单，这时候就需要嵌套路由。可能需要举一个例子，比如用户中心页面下的不同子页面，如个人资料、订单等。作用：实现多层级的路由结构（如：主页 > 用户中心 > 个人资料）在UserCenter.vue中预留子路由出口。修改路由配置文件router/index.js。当访问父路由时重定向到默认子路由。push会返回上一级的记录。2.1 定义父路由组件。1.1 文件结构示例。2.2 配置嵌套路由。
2025-05-13 16:43:29
182
原创 Vue——命名视图
有时候想同时 (同级) 展示多个视图，而不是嵌套展示，例如创建一个布局，有 header(页头)、 main (主内容)、footer(页脚) 三个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。有时候，我们希望在同一个页面级别上同时展示多个视图，而不是将它们嵌套在一起。例如，一个典型的网页布局包括页头（header）、主内容区（main content）和页脚（footer）。每个出口对应一个组件，这些组件将在路由配置中指定。
2025-05-11 18:31:39
120
原创 Vue——路由：动态路由
定义动态路径 /user/:id。：通过 < router-link> 跳转到不同用户的路径（如 /user/1、/user/2）。：接收并渲染动态参数 id。
2025-05-10 14:38:14
840
1
原创 Vue 插件的机制——基础理解
模块化插件是一种将功能模块化、可重用的代码块。通过插件，可以在项目中轻松添加特定的功能，而无需修改核心代码。Vue.js 提供了插件机制，允许开发者扩展 Vue 的功能。
2025-05-08 17:37:18
253
原创 Vue——轮播图
（1）data 中存放什么？只存放需要响应式的数据，例如：data 数组：存储图片信息，它的变化会影响视图渲染created 中初始化什么？初始化非响应式数据或执行逻辑操作，例如：this.index：当前图片索引。this.timer：定时器对象。调用 this.play() 方法启动自动播放那 什么是响应式数据？响应式数据会被 Vue 自动跟踪，任何对它的修改都会触发视图更新。如果一个数据只是用于逻辑控制（如计数器、定时器），而不需要 Vue 跟踪它的变化，则不 需要放在 data 中。
2025-05-04 00:20:42
1048
原创 微信小程序——云函数
当云函数被触发时（比如通过HTTP请求、定时任务或数据库变更），外界传入的数据会被包装成 event 对象。云函数的event对象是由调用云函数时传入的data参数构成的，与前端的事件监听器不同。前端的click事件处理函数中调用了云函数，并传递了特定的数据，这些数据会成为云函数event对象的一部分。云函数运行在云端，因此console.log的输出是在云端的日志系统中，而不是浏览器控制台。作用：当云函数 调用失败（网络错误、权限不足、云函数名称错误等）时触发。理解事件结构（不同触发器的事件格式不同）
2025-04-16 15:30:59
315
原创 VUE疑难杂症——2.父组件与子组件双向绑定核心原理
问题：如果子组件期望的 prop 名称不是 value（而是 value1），父组件的 v-model 将无法正确传递数据，因为子组件没有声明 value prop。例如，父组件通过 v-model=“inputValue” 传递的值，子组件必须通过 props 声明对应的属性（如 value1）才能接收。(1): 接收父组件的值：通过 props: { value1: …必要性：父组件通过 v-model 传递的值必须被子组件明确接收。（1）父组件的 v-model 行为。
2025-04-08 11:52:26
847
原创 VUE疑难杂症————1. 双向绑定原理
Object.defineProperty的作用是定义一个对象的属性，可以自定义get和set方法，从而在属性被访问或修改时执行自定义的逻辑。get 和 set 是 属性描述符（Property Descriptor） 的一部分，它们直接属于被定义的属性（例如 name 属性）。Object.defineProperty 是实现 数据劫持 的核心机制，用于监听 data 对象的 name 属性变化，从而实现简单的双向绑定。定义或修改对象的属性，并允许对属性的 读取（get） 和 写入（set） 进行拦截。
2025-04-06 17:15:11
557
原创 JavaScript疑难杂症——2：forEach(){ }
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。
2025-04-02 20:36:25
128
原创 JavaScript难懂的地方————1. 回调函数
从基本定义开始，说明回调函数是什么，最好用生活中的比喻来帮助理解。比如，点餐的例子：你点餐后拿到一个号码，当餐准备好时，服务员叫你的号码。这里的“叫号码”就可以比作回调函数，即某个操作完成后执行的函数。同步回调比如数组的forEach方法，而异步回调比如setTimeout或事件处理。你留下号码（回调函数）后，就可以去做其他事情（比如玩手机）。当餐准备好时，服务员主动通过号码联系你，这就是回调函数的本质。可能用户会混淆回调函数和普通函数，所以需要强调回调函数的传递方式。六、为什么需要回调函数？
2025-04-02 20:19:26
421
原创 PHP——45. 关联数组的内置函数【数组指针函数：end( )，reset( )，prev( )，next( )，current( ),key( )】
【代码】PHP——45. 关联数组的内置函数【数组指针函数：end( )，reset( )，prev( )，next( )，current( ),key( )】
2025-03-30 21:36:46
182
原创 PHP——43. 索引数组和关联数组的循环遍历【 foreach循环 】
【代码】PHP——43. 索引数组和关联数组的循环遍历【 foreach循环 】
2025-03-30 19:17:39
170
原创 PHP——41.索引数组的：获取长度 ，读取，修改，和添加元素【 count( )函数 】
【代码】PHP——41.索引数组的：获取长度 ，读取，修改，和添加元素【 count( )函数 】
2025-03-30 15:55:15
129
原创 PHP——39. 文件的载入【 include_once 和 require_once 】
什么叫代码的载入？，一个网站有很多功能区块，我们把不同区块的相同功能整理到一个文件中，其他的模块需要该功能直接载入该文件就可以了。
2025-03-30 14:42:58
204
原创 PHP——37.回调函数【在函数内部调用其他函数】
php回调函数:(callback函数)函数B作为参数传递到另一个函数A中，在函数A中执行函数B。函数B叫做回调函数php调用回调函数，不像javaScript那样直接使用函数名作为函数参数，而是在php中使用函数对应的"字符串名称"执行function a($x){ --------$x用来接收函数b()$x();----------$x()相当于b()函数echo "亲，我已到家,爱你";a("b");-----------在php中使用函数对应的“字符串名称"执行?
2025-03-30 12:09:03
270
原创 PHP——36.变量的作用域【局部变量，静态局部变量，全局变量 ，静态全局变量，超全局变量】
php静态局部变量：在函数内定义的变量为局部变量，当函数执行完毕，局部变量就会消失希望某个局部变量，在函数调用完成后不被删除，在第1次定义变量时使用static关键词，这样函数调用完成后，被加static关键词的变量不会被删除，而是下次再调用函数时可以续用该变量的值-----静态局部变量，下次再调用函数时可以续用该变量的值$x++;//1abc();//1abc();//2abc();//3?
2025-03-29 21:57:01
290
原创 PHP——32. while循环与do-while循环【 continue ，break】
【代码】PHP——32. while循环与do-while循环【 continue ，break】
2025-03-29 14:48:19
200
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人