2021年11月_baby加油_

12月 11月 04月

原创 Vue 中 scoped 样式穿透

在vue中有公共样式，有第三方样式，直接在mian.js中引入，在组件中scoped写的样式，需要在组件中局部修改公共样式，而又不想去除scoped属性造成组件之间的样式污染。有哪些方法呢？办法一：使用::v-deep操作符或者/deep//deep/ .el-form-item__label { float: none;}::v-deep .el-form-item__label { float: none;}办法二：使用>>>外层 >>>

2021-11-23 16:07:59 943

原创移动端适配flexible.js

1、什么是flexible.js是一个终端设备适配的解决方案。是一个用来适配移动端的javascript框架。根据宽度的不同设置不同的字体大小，样式间距都使用rem作为单位，不同屏幕大小适配不同的样式。2、flexible.js 做的三件事动态改写标签给元素添加data-dpr属性，并且动态改写data-dpr的值给元素添加font-size属性，并且动态改写font-size的值如果没有设置viewport，会动态生成<meta name="viewport" content="

2021-11-19 11:30:51 1845

原创 VSCode自动将px转化为rem的插件cssrem

在做移动端适配的时候，经常需要将设计图上的px单位转化为rem，那么怎么能快速计算呢？这里我说下我常用的编译器VScode 它里面有个插件叫cssrem，用它就可以在我们输入px值后自动转换rem安装插件在vsCode中搜索，cssrem,点击安装修改配置参数打开文件->首选项->设置搜索cssrem,设置root font size修改完参数后我们只要输入px值插件就会自动算出rem值，效果如下图：...

2021-11-18 11:07:25 7765 1

原创在vue中引入less，报错TypeError: loaderContext.getResolve is not a function

在vue中引入less步骤下载依赖npm install less less-loader --save-dev引入安装完成后打开 build目录，修改 webpack.base.conf.js 中的相关配置：在 module.exports 中找到 module 中的 rules 数组module.exports = { ... ... module: { rules: [ {...}, {...}, { test: /\.le

2021-11-17 11:19:41 765

原创 vue移动端项目解决点击事件3秒延迟问题-fastclick.js

从点击屏幕上的元素到触发元素的click事件，移动浏览器会有大约 300 毫秒的等待时间。vue中引用fastclick.jsnpm install fastclickimport Fastclick from "fastclick"Fastclick.attach(document.body)

2021-11-16 17:36:36 1598

原创在vue中引入打印插件PrintJs

插件文件引入import printJS from "@/plugin/print-js";样例UI用的是ElementUI<el-row class="btnInfo"> <el-button class="submitBtn" type="primary" @click="beforePrint"> 批量打印预览 </el-button></el-row><el-dialog title="打印预览" :vis

2021-11-16 14:48:54 1228 1