- 博客(27)
- 收藏
- 关注
RSS订阅原创 requset页面的代码逻辑
响应拦截器也是一样如此，就是在请求结果返回后，先不直接导出，而是先对响应码等等进行处理，处理好后再导出给页面，如果将这个对响应码的处理过程抽出来，就成了所谓的响应拦截器；由于ajax是异步的，请求新的token需要一定的时间，在此时我们去请求接口，就会出现用旧token发送请求，导致401鉴权失败问题。在向服务器发送请求时,很多请求都需要在请求头中携带token，每一次去请求都写请求头很麻烦，所以我们写一个请求拦截器，统一拦截并添加一个请求头。的有效时间是否已经过期，若已过期，则将请求挂起，先刷新。
2023-05-14 18:01:52
141
原创 用文字部分描述登陆页到个人中心页的过程
1.创建 src/views/login/index.vue 并写入内容，然后在 src/router/index.js 中配置登录页的路由，创建 src/api/user.js 封装请求方法，给登录按钮注册点击事件，然后运行。6.前端路由检测到登录成功后，用户就可以访问个人信息，修改个人信息。2.在写好的登录界面中输入正确的手机号和验证码，然后点击登录按钮。3.点击登录按钮后，前端服务器会给后端服务器发送请求并进行验证。4.验证成功后后端服务器会生成token值并发送给前端服务器。
2023-04-16 20:29:26
158
原创 Node知识点
5XX：服务端错误，服务器在请求处理的过程中发生了错误。（ 400，错误请求，服务器不理解请求的 语法；lastIndexOf:array.lastIndexOf(item,start),检测当前值在数组中最后一次出现的位置索引。indexOf:array.indexOf(item,start),检测当前值在数组中第一次出现的位置索引。常见的是200，代表请求成功。它类似于数组，但是成员的值都是唯一的，没有重复的值。1XX：信息，服务器收到请求，需要请求者继续执行操作。
2023-03-11 17:16:22
777
原创 vue脚手架的搭建及说明
10.这里问你是否把刚刚的设置都保存下来 以后的文件也能有，这里我们选择y，然后给它取一个名字，下一次就可以直接选择这个。9.这里询问你是把设置另外放在一个文件夹里 还是放在package.json文件夹里，我们选择放在文件夹里。5.选择项目设置 按上下键切换 按空格键选择或者取消选择 最终我们选择图片上的四个 然后点击回车键。7.下一步问你的路由模式是否需要选择history模式 我们选择hash模式 所以输入n。4.然后按上下键进行选择，选择自定义，也就是最后一个。
2023-03-04 22:17:24
237
原创 Vue知识点
v-if需要操作dom元素，有更高的切换消耗，v-show只是修改元素的的CSS属性有更高的初始渲染消耗，如果需要非常频繁的切换，建议使用v-show较好，如果在运行时条件很少改变，则使用v-if较好。我们在上面的动图中可以看到通过v-model绑定的文本框只要是文本框的值发生变化了就会更新到Model的数据中，很多时候我们可能连贯实现某种功能但是会影响我们的性能，所以我们用到了.lazy修饰符。简单理解为：axios是一个封装好的，基于Promise的发送请求的方法，不用设置回调，直接调用then方法。
2023-03-01 22:02:39
81
原创 Vue Router和路由的两种模式
首先 如果地址比较长 包括低智商还会有参数时 引用这个地址就不方便。在router/indexedDB.js文件中，我们除了定义路由规则之外。path表示路由地址，component表示路由地址对应的页面视图文件。在router/index.js中，设置路由器规则，匹配路由。或者是 要修改某条路由规则时 相应的其他地方也要改变。还可以给每条路由规则取个名字，用名称来标识这条路由。routers数组中的每一个对象都对应着一条路由规则。(路由规则指的是每条路径对于的视图)routers表示路由表。
2022-12-01 20:01:29
217
原创 AJAX和Axios
get请求传递参数：直接在url地址后拼接，安全性不高。2.调用open方法，传递请求方法及请求地址。post请求传递参数：在send()方法里传递。2.调用open方法，设置请求方式和请求地址。4.设置请求成功后回调函数。4.调用send方法，完成请求。1.实例化一个请求对象。3.设置请求完成后到回调函数。1.实例化一个请求对象。
2022-12-01 19:22:20
67
原创 单页应用 (SPA)
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页应用的说法是在JavaScript和AJAX技术比较成熟以后才出现的，指的是通过浏览器访问一个网站时，只需要加载一个入口页面，此后显示的内容和数据都不会再刷新浏览器页面。有了单页应用之后，传统的网站就被称为多页应用了。
2022-11-26 06:52:38
952
原创 父子组件之间传递数据的方法
档子组件向父组件传递数据时，需要通过$emit()方法向父组件暴露一个事件，然后父组件在处理这个事件的方法中获取子组件传来的数据。解释:当子组件里面点了这个按钮，就会触发一个叫sb的事件，那个父组件如果监听了sb就会调用。从父组件向子组件传递数据是最主要的方式，可通过组件的props(属性)和slot(插槽)来实现。当子的$emit执行时，就会自动调用父里绑定的函数，函数的参数就是子传递过来的数据。概念:父组件的数据改变了会自动流动到自组件，但是子不允许修改由props流过来的数据。
2022-11-26 06:52:16
891
原创 v-for与v-if 同使用的注意事项
当它们处于同一节点时，v-for 的优先级比 v-if 高，v-for 每次迭代时都会执行一次 v-if,这会造成不必要的计算开销，影响性能，尤其是当只需要渲染很小一部分的时候，表现尤为明显。例如，在一个电商网站的产品列表页面中,通常会先判断一下这个列表中的产品数量。Vue.js 的两个关键指令V if 指令和 v-for 指令，它们分别用于条件渲染和列表渲染。v-for 指令需要 key 属性的配合，此外还要留意数组元素更新时的限制情况。除非必要，否则不要将 v-if和 v-for 用在同一个元素上。
2022-11-26 06:51:55
183
原创 v-if和v-show的区别
他们的区别在于，v-if的操作是DOM元素，而v-show操作的是元素的CSS属性（display属性），v-show不能与v-else配合使用。Vue.js还提供了一个与v-if类似的指令 v-show，v-show也可以用于根据条件展示元素，且用法与v-if一致。只是基于css进行切换。v-show和v-if都可以用来控制标签的显示与隐藏。3.v-show适合频繁切换的情况。2.v-if有更高的切换消耗。
2022-11-26 06:51:31
151
原创 key属性的作用
但是，如果数据模型在数组的开头插入了一个元素，那么默认情况下，Vue.is 依然会在数组的最后添加一个元素，然后从第一个元素开始逐个更新，以保持与数据模型的一致。Vue.js 这样做的原因是，如果没有为每一个列表元素指定可以唯一识别这个列表元素的“标识”的话，列表元素和数据模型就无法形成一一对应的关系，Vue.js 的引擎也就无法识别出新加入的列表元素应该插人的位置，因此默认采用的办法就是把新加人的元素放到最后，然后从开头依次更新到与数据模型一致的状态，此时用户选中的复选框的位置将不会发生变化。
2022-11-26 06:50:57
185
原创 v-model修饰符
对于文本输入框，默认情况下，v-model 推指令在每次 input 事件触发后，都会对文本输入框的值与数据进行同步。通过添加.lazy 修饰符，可以将上述行为改为在 change 事件触发之后进行同步，这样就只有在文本框失去焦点后才会改变对应的模型属性的值，因此称为“惰性”绑定。如果希望用户输入的值能够自动转换为数值类型，那么可以给v-model指令添加.number修饰符。如果要自动过滤用户输入的首位空白字符，可以给v-model指令添加.tirm修饰符。
2022-11-25 19:19:43
343
原创 事件修饰符
event.preventDefault()/阻止默认行为或者event.stopPropagation()/阻止事件冒泡。.stop.prevent 修饰符可以串联，既阻止冒泡又阻止默认行为。为了解决这个问题，Vue.js提供了事件修饰符。.self 当事件目标是当前元素自身时，触发事件。@submit.prevent 提交事件不在重载页面。.capture 将原本默认的冒泡方式改为捕捉方式。修饰符是以点开头的指令后缀来表示的。.prevent 阻止事件默认行为。.stop 阻止事件冒泡继续传播。
2022-11-25 19:19:16
369
原创 事件对象属性
不同的事件对应的事件属性也不一样，例如鼠标移动相关的事件就有坐标信息，而其他事件就不会包含坐标信息。浏览器中的事件都是以对象的形式存在的， 在标准的 DOM 中，规定事件对象必须作为唯一的参。当然，随着浏览器的发展，事件也会不出新变化，例如移动设备出现以后，就增加了“触摸”事件。键盘事件:使用键盘在页面上执行某 些操作时触发的事件。鼠标事件:使用鼠标在页面上执行某些操操作时触发的事件。输入事件:向文档中输入文本时触发的事件。输入法事件:使用某些输入法时触发的事件。滚轮事件:使用鼠标滚轮时触发的事事件。
2022-11-25 19:18:53
184
原创 数组的侦听
1.彻底替换为一个新数组,那么可以被侦听到。2.如果使用了push()等标准的数组操作方法,那么可以被侦听到。3.如果直接修改数组的元素,那么无法被侦听到。(解决方法:使用$set(()方法修改元素的值。Vue3语法。)不要使用length属性来修改数组长度,而改用其他标准方法显示数组长度的变化。
2022-11-25 19:18:22
1190
原创 模板字符串
尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性。大部分动态脚本语言都支持多行字符串,比如Python,Ruby,PHP.在一些语言中,多行字符串还可以用来做代码注释。多行字符串的作用是用来提高源代码的可读性。
2022-11-25 19:17:28
214
原创 CDN内容分发网络
CDN的全称是Content Delivery Netword，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
2022-11-25 19:15:52
183
原创 CMD命令操作
Windows 命令提示符（即 cmd）是 Windows 系统的一种命令行操作工具，用户可以通过输入命令来完成各种各样的系统或程序操作。在资源管理器的地址栏输入 cmd 并回车，cmd 打开后会自动定位到当前目录。cd目录——进入单级目录 （tab补足目录名称）cd 目录一\目录二\...——进入多级目录。cleanmgr——启动磁盘清理。cd..——回退到上一级目录。notepad——启动记事本。magnify——启动放大镜。mspaint——启动画图板。cd\——回退到盘符目录。
2022-11-25 19:14:12
1603
原创 MVVM模式
二是将 视图 转化成 模型 ，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。一是将 模型 转化成 视图 ，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。模型 指的是后端传递的数据；视图 指的是所看到的页面。的核心，它是连接view和model的桥梁。即模型-视图-视图模型。
2022-11-25 19:13:16
224
原创 slot插槽和props
组件的使用者可以通过 props 把数据传递到子组件内部，供子组件内部进行使用 父组件通过 props 向子组件传递数据，父组件通过 props 传递到子组件中的数据，必须在子组件的 “props”节点 中进行 声明。使用props选项来定义:
2022-11-13 11:59:37
413
原创 Vue脚手架的安装搭建
2.选择模版（可以上下箭头选择, 回车确定, 弄错了ctrl+c从第1步来）# vue和create是命令, vuecli-demo是自己的文件夹名。1.创建项目 （注意: 项目名不能带大写字母, 中文和特殊符号）npm i -g @vue/cli@版本号。4.等待下载脚手架项目, 需要的依赖包。5.按照步骤运行两行代码-开启服务器。//查看当前脚手架版本。
2022-10-30 11:22:33
189
原创 声明变量，侦听器，作用域，键值对
1.彻底替换为一个新数组,那么可以被侦听到。2.如果使用了push()等标准的数组操作方法,那么可以被侦听到。3.如果直接修改数组的元素,那么无法被侦听到。/(解决方法:使用$set(()方法修改元素的值。Vue3语法。)不要使用length属性来修改数组长度,而改用其他标准方法显示数组长度的变化。
2022-09-30 11:06:30
213
原创 了解Node.js&了解npm
npm（Node Package Manager） npm是管理（下载、卸载、发布）第三方包的工具。npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具，也是世界上最大的软件注册表。
2022-08-30 22:02:01
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人