第一部分commonJS使用第三方框架一.托管静态资源（让用户直接访问静态资源）例如，如上url分别是请求一张图片，一份样式文件，一份js代码。我们实现的web服务器需要能够直接返回这些文件的内容给客户端浏览器。根目录├── public│├── css││└── index.css│├── img││└── bg.jpeg│├── js││└── axios.js│└── index.html└

第一部分：手动存储vuex的 store 中的数据是保存在运行内存中的，当页面刷新时，页面会重新加载 vue 实例，vuex里面的数据就会被重新赋值，这样就会出现页面刷新vuex中的数据丢失的问题。 如何解决浏览器刷新数据丢失问题呢？方法一：全局监听，页面刷新的时候将 store 里 state 的值存到 sessionStorage 中，然后从sessionStorage 中获取，再赋值给 st

在components文件夹下新建index.js在main.js中注册

我的项目的文件是存放在阿里云oss里 所以我这边是直接就有url地址数据。第二部分： formData文件大小转换：KBBMBGB。然后把downClick 绑定到按钮上点击就可以批量下载了。第一部分：formData文件上传，包括上传基本信息。第一部分：formData文件上传，包括上传基本信息。在页面结构写入代码file表单文件上传。第二种：location.href。在需要批量下载功能的vu

第一部分：设置路由前置守卫// 设置路由前置守卫// to:要去哪个组件：to.path获取来的路由// from:从哪个组件来// next:函数 next()放行 next(false)不跳 next(路径)router.beforeEach(async(to, from, next) => {//在此写判断条件：是否放行，不放行next()})第二部分：设置路由后置守卫注意点：有路径的

原理：1、将域名发送给本地服务器(localhost:9528)2、再由本地服务器去请求真正的服务器3、服务端发出的请求，不存在跨域问题请注意，我们所遇到的这种跨域是位于开发环境 (webpack代理服务器)，真正部署上线时的跨域是生产环境 (nginx服务器, 或者后台配cors)以下是vue.config.js的详细配置：devServer: {// 跨域proxy: {// 只要axios请

第一部分：main.js文件解析src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素//基础配置import Vue from 'vue'import App from './App.vue'//引入已经配置好的路由和vueximport router from './router'import stor

第一部分：main.js文件解析src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素//基础配置import Vue from 'vue'import App from './App.vue'//引入已经配置好的路由和vueximport router from './router'import stor

第二部分：IntersectionObserverAPI在移动端，有个很重要的概念，叫做懒加载，适用于一些图片资源特别多，数据特别多的页面中，经常会有动态加载数据的场景中，这个时候，我们通常是使用监听，元素是否进入视图，其中由于其特别大的计算量，会有性能问题接口 (从属于Intersection Observer API) 提供了一种异步观察目标元素与其祖先元素或顶级文档视窗 (viewport)

一.axios基本概念及语法axios(阿克休斯) 官网 : axios中文网|axios API 中文文档 | axiosaxios是一个js框架，用于发送ajax请求（底层使用XMLHttpRequest）（1）.axios推荐用法(三种写法)（第一种get和post写法）推荐（data和params二选一）axios({url:'请求路径',method:'get',data: { 'pos