postcss-pxtorem是一款基于PostCSS插件，用于将像素单位生成rem单位。这款插件能够让开发人员直接按照设计图的尺寸开发，并且能自动将像素单位编译转换成rem。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem，然而每次在制作过程中需要自己计算rem值，非常不便。接下来介绍一下postcss-pxtorem的使用。一、postcss-pxtorem 配置步骤1. 安装

这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib-flexiblecnpm install --save lib-flexible在main.js中导入：import 'lib-flexible/flexible'2.引入px2rem-loadercnpm install --save px2rem-loader3.将px...

vue 项目中，eslint 校验会使 vue项目报错，通过配置 setting.json

初次使用 ElementUI，发现很多需要注意的点，一不留神就会出现自己给自己埋下的坑。本次主要讲解 Form 表单中，自定义校验规则中的注意点。先来看一下埋坑代码以上代码是ElementUI中自定义校验手机号的使用，此时代码不会报错，但在提交表单时，用到validate方法对整个表单进行校验，会发现这个方法不会执行，百思不得姐啊。。接下来一起来填坑自己埋下的坑，自己总要解决的 ~...

刚打开项目，发现昨天好好的项目不能运行，报错了！！！一脸懵逼。。。如图：报错原因：项目外层的目录名发生更改解决办法：删除node_modules文件夹 , 重新npm install , 运行项目，OK，运行成功~~~...

在配置autoprefixer时，按照之前的配置可以成功补全css浏览器前缀，但是结合postcss-pxtorem插件，px可以成功转换为rem，但css前缀无效。经过几个小时的鼓捣，终于让我发现了蛛丝马迹。哈哈哈，很开心，好激动！！一起来看一看博主陷入的困境吧。1. autoprefixer的配置根目录postcss.config.js文件中，配置代码如下：module.exports = {

二、 多域名接接口封装以下转载自掘金一位大佬，附链接：vue中Axios的封装和API接口的管理axios的封装根据需求的不同而不同。这里非常感谢评论里一些很中肯的建议，我也对此进行了思考和针对不同需求的改善。主要有以下改变：优化axios封装，去掉之前的get和post断网情况处理更加模块化的api管理接口域名有多个的情况api挂载到vue.prototype上省去引入的步骤h...

记录近期使用Quasar的心得及遇到的坑。什么是Quasar？Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的基于Vue.js的开源框架，允许作为Web开发人员的您快速创建多种类型的responsive++网站/应用：SPAs (单页应用)SSR (服务器端渲染的应用) (+可选的PWA客户端接管)PWA（渐进式网页应用）通过Cordova或Capacitor构建移动APP（Android

Autoprefixer是一款基于PostCSS插件，用于解析CSS并使用Can I Use中的值向CSS规则添加供应商前缀。它是Google 推荐的，并在Twitter和阿里巴巴中使用。可以实现css3代码自动补全，也可以运用到sass、less中前端开发中，为兼容所有浏览器，部分CSS属性需要加上不同的浏览器前缀，这些属性多且难记。当然，我们可以手动添加，这样会使开发变得枯燥无味，且容易出错、