刚好碰到一个功能是做audio自定义播放样式的，但又没有相关的组件，因此自己封装一个，分享给大家。大家可根据自己的需求进行样式的修改，其中有bug和不足的，欢迎大家指出。效果图录屏有点边框，请忽略~组件c-progress的使用导入import CProgress from './../components/c-progress'使用<c-progress class="c...

vue 3.0用history路由打包后出现空白页面，出现这个问题可以先检查两个方面1. 打包路径是否有误，这个打开控制台就可以看到，如果有出现报错，则说明打包的路径不对，这时要修改打包的路径。比如项目是放在/dist/下，访问的路径为http://127.0.0.1/dist/，那打包的路径要修改为/dist/router.js的设置export default new Router({...

上一篇介绍了怎么安装Webstorm插件px2rwd，在开发中可以帮助我们快速地进行px和rem的换算。下面来介绍一种在Vue中px2rem的模块，该模块会自动地将px转换成rem，而不用再去换算，方便我们以后去检查项目。在写项目的过程中，我们直接写px即可，它会根据我们屏幕的大小自动地进行px和rem的换算，非常方便，快来看一下吧前提准备：已经是使用vue-cli搭建好的项目vue-cli搭..

前言： 作为Vue的初学者，经常会苦恼于没有项目练手，曾经的我也是这样子的，因此想开发一个项目提供给前端初学者。这个项目难度适中，适合初学者去开发和参考，本项目提供了现成的前后端源码、接口文档及设计图，大家可以参考设计图去实现一个商场项目，根据接口文档去对接接口，如果中间有任何问题的也欢迎加微信或QQ咨询。觉得还不错的点个Star哦~丑小喵商城说明文档项目地址预览地址：https://mall.c

刚好碰到一个功能是做audio自定义播放样式的，但又没有相关的组件，因此自己封装一个，分享给大家。大家可根据自己的需求进行样式的修改，其中有bug和不足的，欢迎大家指出。效果图录屏有点边框，请忽略~组件c-progress的使用导入import CProgress from './../components/c-progress'使用<c-progress class="c...

vue 3.0用history路由打包后出现空白页面，出现这个问题可以先检查两个方面1. 打包路径是否有误，这个打开控制台就可以看到，如果有出现报错，则说明打包的路径不对，这时要修改打包的路径。比如项目是放在/dist/下，访问的路径为http://127.0.0.1/dist/，那打包的路径要修改为/dist/router.js的设置export default new Router({...

axios是一个功能强大的网络请求库，其中拦截器又是axios的精髓。在小程序的开发或者需要手动实现ajax的时候，没有实现对请求的拦截，开发的时候非常不方便，因此手写一个简易版的axios拦截器。

上中下、上下布局是我们网页开发中常用的布局，下面我将用flex实现这两种布局。上中下布局特点： 头尾固定，内容自适应思路： 整个盒子为layout，使用flex纵向排列，宽高为100%；header和footer均为flex-shrink: 0;，强制不缩放。main的flex-grow: 2;，默认放大，且自动滚动。经过以上操作，就实现了经典是上中下布局。布局<div id="layout