项目在dev环境下运行没有问题，打包之后就各种报错一下来整理一下遇到的问题 1、打包好的网页无法访问static目录的资源 原因是下载官方的cli时，默认设置是根据绝对路径来定位资源目录的，这...

分辨率对应DPI ldpi QVGA (240×320) mdpi HVGA (320×480) hdpi WVGA (800×480),FWVGA (854×480) xhdpi 720P（1280*720） xxhdpi 1080p（1920*1080 ） xxxhdpi 4K（3840×2160）...

一，vue安装 root:vueWork root$ npm install vue + vue@2.5.9 added 1 package in 10.749s root:vueWork root$ vue -V 2.9.1 输入vue -v返回版本号说明按安装成功！ vue依赖于node，需要安装...

单项目 1、首先，只有左上角1个点的情况。Flex布局默认就是首行左对齐，所以一行代码就够了。 .box { display: flex; } 2、居中对齐。 .box { display: flex; justify-content: cente...

00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=66 65%=59 70%=4c 75%=3F 80%=33 85%=21 90%=19 95%=0c 100%=00（全透明）...

属性选择器可以脱离id，class来过滤样式，根据属性的特点定位到元素，进而改变样式 使用方法如下 [title] { color:red; } 筛选出所有带title的元素 [title="hello world"] { border:5px sol...

npm rebuild node-sass

做手机端项目，不可避免要寻找一个手机端页面与手机屏幕适配最佳方案。在这之前，我觉得还是要去理解一下dpr（设备像素比）。 我们还要了解一些与dpr相关的概念： (1)物理像素(physical pix...

关于移动端适配的技术方案主要有以下四种 （1）通过媒体查询的方式即CSS3的meida queries （2）以天猫首页为代表的 flex 弹性布局 （3）以淘宝首页为代表的 rem+viewport缩放 （4）rem 方式 ...

el.classList.remove("fadeIn");//删除class el.classList.add("fadeOut");//添加class

this.$refs.xxx.style.height= this.contentHeight; 元素需要绑定

popup组件类似于对话框，需要覆盖在页面之上，一般自带遮罩 遇到的坑主要有popup弹出的时候，滚动popup会导致页面也跟着滚动（如果页面高度超过屏幕）。 原因是移动端的body标签自带滚动条，...

组件需要通过一个组件共有的class来标识这个组件，外部调用的时候，可以通过锁定这个class来方便地改变组件的css样式。 设置方式 .my-checkbox { width: 20px; height: 20px; font-size: 20p...

在.postcssrc.js文件进行配置， 会自动补全css针对浏览器类型的样式，所以对于移动端使用flex，可以放心使用而不用考虑补全css属性

package-lock.json文件导致以上错误，npm install 之后如果发现下载的插件版本和package-lock.json不匹配导致，可以删除这个文件，避免版本检查 如果需要继续控制版本，需要在package.json中...

1、上传图片 var fileObj = document.getElementById("file").files[0]; // js 获取文件对象 let formData = new FormData(); formData.append('fileName', fileObj); let config......

<div :style="{background: 'url('+ avatarLink +')',backgroundSize:'40px 40px' }" style="border-radius: 50%;width: 40px;height: 40px;background-repeat: no-repeat"></div> avatarLin...

this.$http.get(`/api/user/getVerificationCode?userAccount=${this.username}`,{ responseType: "arraybuffer", }).then(rsp => { if (rsp.data) { let img = bto......

表格添加一对按钮 { title: '操作', align: 'center', render: (h, params) => { return h('div', [ h('Button', { props: { type:......

注册全局组件的好处是，可以直接在html中直接调用组件而不用每次都要在vue文件中注册组件，坏处也是很明显的，因为每个vue都默认加载了全局组件，所以全局组件如果非常庞大，会拖慢所有页面的...