webpack5在vue2中的使用，基本配置；webpack的基本流程，webpack的基本概念及配置项，entry、mode、output、loader、plugin等；如何配置基本webpack.config.js来打包的vue单页面和多页面，脚本与环境变量的基本配置

分享至qq空间分享至新浪微博动态分享至微信利用qrcode生成二维码，微信扫码进入网页

xhr简单封装ajax// 设置默认值const defaults = {type: "get",url: "",async: true,data: {},header: {​"Content-Type": "application/x-www-form-urlencoded",},success: function () {},error: function () {},};function d

的传统布局方案是基于盒状模型，依赖display+position+float方式来实现，灵活性较差；Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局CSS3 弹性盒子是一种一维的布局，因为一个 flexbox 一次只能处理一个维度上的元素布局，一行或者一列弹性布局；通过给父盒子添加flex属性，来控制盒子的位置和排列方式父项属性用于整体

vue树形组件的封装，只有一级的目录树，单选或多选的封装；每一级都可以选的目录树的封装，使用的是递归的思想；封装过程中遇到的一些问题及解决方案

目的：在关闭窗口时删除localStorage中的数据方法1：beforeDestroy中删除想要在组件销毁的时候删除localStorage中的变量，结果发现无效beforeDestroy在页面刷新的时候不会执行，但是在页面跳转的时候会执行（this.router.push,this.router.push,this.router.push,this.router.replace），但是关闭窗口

如何使用vue-cli快速搭建项目，怎么配置环境变量及打包路径，构建单页面与多页面

vue.config.js或webpack.config.js中设置proxy代理解决生产环境跨域本地启动一个服务器,端口为9000node server.jsserver.js文件const http = require("http");const app = http.createServer((req, res) => {if (req.url === "/api/testCors")

mock的语法及使用如何在vue项目中使用mock有时后端接口还没有写好，前端开发进度比后端快，这是我们可以使用mock进行一个请求数据的模拟（并没有真的发请求，在请求发出去之前就被mock拦截，返回数据，所以在internet面板中看不到）安装mockjsnpm i mockjs在vue中使用mockjsimport Mock from "mockjs";import jsonInfo from

break和continue都是用来控制循环结构的，主要作用是停止循环它俩的区别：1》break是跳出整个循环，continue是跳出当前循环，继续进行下一个循环2》continue语句只用在for、while、do-while等循环体中, 常与if条件语句一起使用, 用来加速循环；break还可以在switch分支语句中使用，遇到break,就会跳出switch语句函数中使用，函数遇到retur