项目在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（全透明）...

在ie11 下 flex: 1 解析为1 1 0, 而不是其他浏览器的1 1 auto, 所以这时还要对flex: 1进行修改，使用flex-grow: 1 .content-wrapper { display: flex; flex-grow: 1; /* flex:1 改变成flex-...

p~ul{ 　　 background:#8e8e8e; } <p>段落P</p> <ul> 　　 <li>列表项1</li> 　　 <li>列表项2</li> 　　 <li>列表项3</li> </ul> p~ul选择前面有<p>元素的每个<ul>元素，即选择p之后出现的...

对数组的遍历大家最常用的就是for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等, 但是使用foreach遍历数组的话，使用break不...

吐槽一下，官网上的例子不太适用，一般都是从已有的组件上开发了，哪会直接用input来搞，以element-ui为例，演示如何通过render实现v-model v-model的本质是通过绑定组件的value和input(绝大...

git log --since="2018-03-01" --before="2019-01-09" --author="username" --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s...

属性选择器可以脱离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中...