刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...

场景一：页面中存在多个按钮（A、B、C……按钮们都可以达到大致相同的目的，A点不动可以试试B，依次类推），每个按钮点击后都会触发请求，假设用户点击按钮A后迟迟未响应，于是很自然地点击按钮B，B收到响应结果后没多久A也收到了（A请求一直pen ...

JSX是React引入的，但不是React独有的 React已经将它作为一个独立标准开放，其他项目也可用 React.createElement是可以自定义修改的 本身功能已经完备，和其他标准兼容和扩展没问题 问: JSX的本质是什么 答 ...

一、安装依赖 cnpm i file-saver xlsx -S 二、引入依赖 在需要导出Excel的页面（如user.vue）引入file-saver和xlsx： import FileSaver from 'file-saver' im ...

关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基础样式、公用图标、公共的颜色/字体变量等。这些基础样式（结构）将为后续开发带来极大的便利，使代码语义明确、条理清晰、易于维护。 ...

关于专题【vue开发音乐App】 在我们想要获取其他网站数据的时候，浏览器的同源策略（Same origin policy）会禁止此项行为，但有时不得不实现这一操作，就会涉及跨域的问题。解决跨域也就成了前端必须掌握的技能，其中JSONP就是 ...

关于专题【vue开发音乐App】 将一些涉及DOM操作的方法封装成dom.js，培养组件化开发的习惯和思维，良好的封装有利于代码维护和效率提升。 一、常见的DOM操作 addClass(el, className)：为元素el添加名为cla ...

关于专题【vue开发音乐App】 轮播图属于基础组件，所以归纳到src/base/slide里面，新建slide.vue 一、html部分 ...

关于专题【vue开发音乐App】 开发页面时，如果想让某个区域支持滚动（或者需要监听滚动事件），一般会使用better-scroll——一款重点解决移动端（已支持 PC）各种滚动场景需求的插件，作者依然是黄轶老师，具体使用方法和例子可查看官 ...