目录一、vue2的前端路由（vue-router）1、路由：页面地址与组件之间的对应关系2、路由方式：服务器端路由、前端路由3、前端路由：在前端维护一组路由规则（地址和组件之间的对应关系），模式有两种：4、SPA：Vue适合开发单页面应用（SinglePageApplication）5、前端路由的工作方式：6、vue-router路由模块：是由vue.js官方给出的前端路由模块，只能和vue项目结合，方便SPA项目实现组件之间的切换7、示例：8、vue-router中常用的方法二、导航守卫1、用途：在页面导航过程中实现重定向、取消路由、权限验证等业务2、分类：全局守卫、组件内部守卫、路由独享的
希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言图像与多媒体文件网页文件常见的图像格式有：图像设置图像的替代文字设置图像的宽度和高度设置图像的边框设置图像对齐方式及间距设置图像热区链接（理解）滚动文字添加滚动文字添加滚动文字设置滚动文字背景颜色与滚动循环设置滚动方向与滚动方式设置滚动速度与滚动时延设置滚动范围与滚动空白空间音频、视频及Flash文件HTML5视频与音频video标记及属性课后练习练习html5中的audio标签，插入音频文件。练习html5中的video标签，插入视频文件总结前
错误效果错误描述 在切换radio切换的时候校验提示提示出来了，本身不应该出来但是如何取消呢？因为在切换时候我们置空但是并没有取消校验，所以从通过到拒绝置空时候肯定会出现提示语，那么我们把提示校验的方法去掉就行了。 错误代码reviewStateChange(val){if(val==='2'){this.ruleForm.remark=''}if(val==='3'){this.ruleForm.remark=''}}正确代码 reviewStateChange(val){if(val==='2'){this.ruleForm.remark=''}if(val==='3'){this.rul
前言： 随着现在手机像素，拍照功能越来越好，随之而来的是本地图片越来越大，那么如何更好的将本地图片上传到后端接口呢？这是后台管理系统常见的场景和头疼的问题，这里分享下个人的方法。实现效果：如下图所示，从580kb-> 压缩后 150kb 实现步骤：1、父级引入封装文件//页面上//js中data(){return{compressImgVisible:false,}2、首先实现上传功能，使用el-upload,封装uploadImg.vue//element的上传图片，压缩图片组件exportdefault{props:{/***自动上传参数**/autoUpload:{//是否需要选取
知者乐水，仁者乐山。XMLHttpRequestAJAX原理-XMLHttpRequest前面与服务器交互使用的不是axios吗？ajax并不等于axios我们使用的axios的内部，实际上对XHR对象/原理的封装为什么还要学习ajax？①在一些静态网站项目中，与服务器交互只有一到两处，可以采用XHR对象，几行代码就能与服务器交互；②也能了解axios内部是如何与服务器交互，了解axios内部原理。使用XMLHttpRequest使用XMLHttpRequest实践获取数据，代码如下：返回的是对象结构的json字符串。以前使用axios请求返回的不是一个对象吗，这里为何是json字符串？前面使
自定义主题命令行主题工具1.安装主题工具首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人clone项目时能直接安装依赖并启动。yarnaddelement-theme--dev2.安装chalk主题安装白垩主题，可以从npm安装或者从GitHub拉取最新代码，这里从npm安装。yarnaddelement-theme-chalk-D3.初始化变量文件 主题生成工具安装成功后，如果全局安装可以在命令行里通过 et 调用工具，如果安装在当前目录下，需要通过 node_modules/.bin/et 访问到命令。执行 -i 初始化变量文件。默认输出到 eleme
了解Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块，提供各种各样的功能，同时也提供许多第三方模块。模块的问题为什么要有模块复杂的前端项目需要做分层处理，按照功能、业务、组件拆分成模块，模块化的项目至少有以下优点：便于单元测试便于同事间协作抽离公共方法,开发快捷按需加载,性能优秀高内聚低耦合防止变量冲突方便代码项目维护几种模块化规范CMD
文章目录前言1.Node.js环境安装🔥1.1下载安装（[官网](https://nodejs.org/zh-cn)）1.2检测node1.3执行js文件2.接口测试工具（Apipost）🔥2.1下载安装（[官网](https://www.apipost.cn/)）2.2新特性3.包和npm🔥3.1包的介绍3.2包的分类3.2.1项目包3.2.2.全局包3.3npm的介绍3.4npm命令3.4.1初始化3.4.2安装及卸载命令a.安装命令b.卸载命令3.5全局包3.5.1安装卸载命令a.安装命令b.卸载命令3.5.2全局安装nrma.安装nrm命令b.使用nrmc.报错及解决i.运行nrmls
http-server简介http-server是一个简单的零配置的命令行http服务器，它足够强大便于生产和使用，用于本地测试和开发。有时候我们打开一个文档使用file协议打开的时候，不能发送ajax请求，只能使用http协议才能请求资源，具体的区别大家可以去参考[这篇文档](www.cnblogs.com/lishanlei/p…)，所以此时我们需要在本地建立一个http服务，通过IP加端口号，来访问资源。我一般的做法就是通过vscode的插件或者通过webstorm来打开，现在可以通过http-server来便捷的创建一个本地服务。1.安装node.js官网地址，下载官网推荐版本，并安装
前言最近做了前端导入、导出Excel的需求，用到了js-xlsx这个库，该库文档提供的用例很少，并不是很友好。本文总结一下我是如何实现需求的。需求提供一个Excel文件，将里面的内容转成JSON导入数据提供一个JSON文件，生成Excel文件并导出导入与导出既可以前端做，也可以后端做。本文主要探讨前端通过SheetJS/js-xlsx这个库实现Excel导入、导出功能。技术选型市面上的报表类产品大抵可以分为以下两种：云文档类型产品控件类型产品像SheetJS/js-xlsx、LuckySheet、Handsontable、SpreadJS都是标准的纯前端表格控件且都支持Excel的功能特性和J
