vue
文章平均质量分 54
资深CV大师
这个作者很懒,什么都没留下…
展开
-
2021年12月vue+postcss+vant移动端自适应方案
1、安装插件yarn add postcss-px-to-viewport -D2、在项目根目录下添加.postcssrc.js文件配置如下module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWi原创 2021-12-07 14:28:01 · 1486 阅读 · 0 评论 -
vue 框架代码目录说明
框架代码目录说明:├──build //构建环境下相关配置(对webpack开发和打包的相关配置,包括入口文件、输出文件、使用的模块等)├──mock //属于第三方工具,需要下载 (npm install)├──node_modules //安装node后用来存放包管理工具下载安装包的文件夹├── public // 公共文件│ ├── favicon.png│ ├── i原创 2021-06-16 10:28:50 · 481 阅读 · 0 评论 -
2021 vue 2.0 cli3配置vantUI
1、安装# 安装 Vue Clinpm install -g @vue/cli# 创建一个项目vue create hello-world# 安装vant npm i vant -S# 完整写法:npm install vant --save# 安装插件 npm i babel-plugin-import -D# 完整写法: npm install babel-plugin-import --save-dev# 更换安装源:# npm install vant --save原创 2021-04-02 23:05:09 · 149 阅读 · 0 评论 -
vue-react-swiper6-组件封装-解决坑点loop点击和滑动失效等问题-完整代码
话不多说直接上代码组件代码:<template> <div class="swiper-box"> <div class="swiper-container"> <div class="swiper-wrapper"> <slot name="img"></slot> </div> <di原创 2021-01-28 17:52:36 · 428 阅读 · 0 评论 -
vue-cli解决上线服务器时缓存问题
碰上前端缓存的问题,首先想到的是head里面加meta<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">vue-cli脚手架工具生成的项目,默认配置里,css和js等静态文件的名字里都加里哈希值,每一次build之后的静态文件和之前版本的名字不一样,按理不会有缓存问题。但有时仍然原创 2020-07-22 13:42:48 · 878 阅读 · 0 评论 -
前端项目中碰到的难题bug
1.this.parent或者是this.parent或者是 this.parent或者是this.children这种方式获取与传递数据十分不妥, 因为没有明确数据来源与使用者, 这样就会导致除了问题很难排查, 这种"父与子"的关系很脆弱,很容易突然’父组件’变成爷爷组件了, bug也就随之而来, 所以不是不得已的情况下或是高度封装的环境下, 不推荐使用.2: antv: 折线图倒叙bug现象:之前使用公司二次封装的echarts开发, 这个版本使用了antv来开发图表, 但是怪异的事情出现了,原创 2020-06-24 14:52:59 · 4597 阅读 · 0 评论 -
web SPA 移动端手机H5项目适配(vw+postcss)
在以前的时候,适配移动端我们一般使用rem,通过动态改变根fontsize来使页面缩放。其中很著名的就是淘宝开源的Flexible。当初为了能让页面更好的适配各种不同的终端,通过Hack手段来根据设备的dpr值相应改变标签中viewport的值:从而让页面达么缩放的效果,也变相的实现页面的适配功能。而其主要的思想有三点:根据dpr的值来修改viewport实现1px的线根据dpr的值来修改html的font-size,从而使用rem实现等比缩放使用Hack手段用rem模拟vw特性如果你想深入了解原创 2020-06-17 14:23:00 · 525 阅读 · 0 评论