目录前言使用resolve 前言【vue-router源码】系列文章将带你从0开始了解vue-router的具体实现。该系列文章源码参考vue-router v4.0.15。该篇文章将介绍router.resolve的实现。使用router.resolve方法返回路由地址的标准化版本。router.resolve('admin')
router.resolve({ path: '/admin'
使用@路径引用在vue3中，想用@符号代替./…/这种相对路径引用使用， 前者相当于从根目录往后找，后者相当于从后往前找。具体方法就是在vite.config.js中import { resolve } from "path"
export default defineConfig({
plugins: [vue()],
resolve: {
// ↓路径别名，主要是这部分
转载
2024-06-04 19:33:06
64阅读
1，promise的语法新建一个promise对象, 参数是回调函数, 回调函数有两个参数var promise = new Promise(resolve.reject){
在resolve 和 reject 也是两个函数,
在promise对象中开始一个异步操作 fs.readFile(path,function(err,data){
if（err） reject('失败了'
一、在新建项目目录src下utils文件夹新建fetch.js文件，此文件统一处理所有http请求和响应。直接上代码import axios from 'axios'
import qs from 'qs'
import store from '@/store'
import router from '@/router'
import { getToken } from './auth'
impo
转载
2024-10-11 22:00:55
523阅读
一、Rest参数和Spread参数当我们在代码中看见 ’ … '时，它要么是 rest 参数，要么就是 spread 语法。 -区分方法： *若 … 出现在函数参数列表末尾，则是 rest 参数，它会把剩余的参数放到一个数组中； *若 … 出现在函数调用或类似的表达式中，则为 spread 语法，它会将一个数组展开为列表。-使用场景： *rest参数：用于创建可传任意参数的函数； *spread
1.路由:就是指向的意思。以搭建好的vue-cli3.0 页面来说：当点击页面上的Home按钮，页面中就要显示home组件的内容，如果点击页面上的about按钮，页面就要显示about组件的内容。所以，过程是这样的点击Home按钮 => Home内容显示点击about按钮 => about内容显示这，也可以说是一种映射关系，所以页面上有两个部分，一个是点击部分，一个是点击后显示的部分路
1、Web开发和前端工程师定义Web开发，就是架构在万维网（WWW）上的网站应用程序的开发。传统的PC应用程序是Client/Server模式的，应用程序的逻辑存储和运行在桌面上，只有数据库运行在服务器端。而网站应用是Browser/Server模式的，它的程序和数据都是储存在服务器端的，在用户通过浏览器访问网站的时候，服务器就把浏览器端的逻辑和UI传输到浏览器中去运行。简单讲，前端工程师就是负责
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的 de
一、Promise 概念Promise 是一个构造函数，new Promise() 可以得到一个 Promise 实例对象，它是一个异步操作，可以用来执行一些异步操作（异步操作不能直接 return 接收执行结果，只能通过回调来接收）。回调函数
resolve()：成功之后调用的回调函数
reject()：执行失败调用的回调函数实例对象/方法Prototype 属性有一个 .then() 方法，它
转载
2024-03-27 20:50:03
973阅读
vue前端优化问题1. 困扰2. 解决方案1. vue-router使用懒加载2. 去除 .map 文件3. 压缩音频、图片等静态资源文件，这里以压缩音频为例4. 可以用gzip压缩 1. 困扰打包之后文件过大，很影响体验感，部署过后第一次访问网站需要好久的时间。还有一个问题，我发现浏览器加载资源文件时是同步加载的，而且是先加载音频文件再加载js文件，因为我用了一段4MB大小的音频，导致js文件
转载
2024-09-06 19:10:45
30阅读
function generateRoutes() {
return new Promise<RouteRecordRaw[]>((resolve, reject) => {
MenuAPI.getRoutes()
.then((data) => {
const dynamicRoutes = parseDynamic
Vue-resource在实际开发 SPA 应用时，一般和后端都会采用异步接口进行数据交互。传统情况下，我 们常用 jQuery 的 $.ajax() 方法来做异步请求。但 Vue.js 并不依赖于 jQuery，我们也并不需 要为了异步请求这个功能就额外引用 jQuery。所以这里就和大家介绍下 Vue.js 的插件 Vue- resouce，它同样对异步请求进行了封装，方便我们同服务端进行数据
转载
2024-06-19 07:42:54
60阅读
Vue语法promise 的使用Promise构造函数的参数是一个函数，函数里面的代码是异步的，即Promise里面的操作，和Promise()外面的操作时异步"同时"进行的。Promise中的函数的第一个参数是回调函数，resolve用来触发then里面的代码，第二个参数是回调函数，reject用来触发catch中的代码，throw new Error();也可以触发catch，<scri
转载
2024-06-28 19:11:00
500阅读
目录一、认识Promise1.什么是Promise？2.网络请求的回调地狱二、Promise基本使用1.定时器的异步事件2.定时器的异步事件解析3.Promise三种状态三、Promise链式调用1.Promise链式调用2.链式调用简写四、Promise的all方法 一、认识Promise1.什么是Promise？2.网络请求的回调地狱多层嵌套不易维护，通常称为回调地狱二、Promise基本使
转载
2024-04-06 20:42:50
400阅读
1.resolve参数作用 解析：Promise对象代表一个异步操作，有三种状态：Pending[进行中]、Resolved[已完成，又称Fulfilled]和Rejected[已失败]。通过回调里的resolve(data)将这个promise标记为resolverd，然后进行下一步then((data)=>{//dosomething})，resolve中的参数就是要传入then的数据。
转载
2024-04-28 21:36:58
46阅读
目前在做一个后台管理系统，项目要求在页面右上角加上一个刷新图标按钮，点击按钮时刷新页面。 对于页面刷新个人知道这几种方式 1.利用vue的路由跳转： this.$router.go(0) 这种方式的刷新方式利用了路由特性，优点很明显，方便。一行代码即可搞定，但是呢，缺点也很致命：页面会一瞬间的白屏，体验不是很好。在当前的项目需求中不适合 2.location对象的reload方法： locatio
转载
2024-02-21 21:07:23
134阅读
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/vue-router是基于路由和组件的路由用户设定访问路径的，将路径和组件映射起来。 在vue-router的单页面应用中，页面的路径的改变就是组件的切换1、vue安装npm install vue-r
转载
2024-10-08 18:19:37
156阅读
vue cli记录一次因三方依赖插件未进行bable编译造成的ie不兼容问题 因业务需求，vue项目中需要使用一个拖拽缩放插件vue-grid-layout 业务完成后客户需要兼容ie，微软宣布将于美国当地时间6月15日（北京时间6月16日），停止对IE（ Internet Explorer）浏览器的所有支持和更新，为这款服务用户超过27年的浏览器画上句号。未来，将由微软推出的Edge浏览器接棒。
session：存储，关闭浏览器删除保存数据：window.sessionStorage.setItem('key',value); 读取数据：window.sessionStorage.getItem('key'); 删除单个数据：window.sessionStorage.removeItem('key'); 删除所有数据：window.sessionSto
转载
2024-03-01 20:37:29
939阅读
一、介绍：1、前提：在 js 中，函数也是对象，可以赋值给变量，可以作为参数放在函数的参数列表中，如：var doSomething = function(a,b){
return a + b;
}
console.log(doSomething(2,3));2、概念： callback 是一种特殊的函数，这个函数被作为参数传给另一个函数去调用，这样的函数就是回调函数。回调，顾名思义，回头再调。
转载
2023-12-13 22:00:19
393阅读
