加载中
vue打包相关细节整理

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

2018/08/30 15:28
4.2K
vue的安装和项目搭建

一,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,需要安装...

2018/01/31 17:07
109
flex布局

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

2017/11/09 09:39
110
ie11 flex兼容问题

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

02/19 22:44
2.7K
css操作符

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

02/10 10:41
210
js for in 和for of 的区别

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

2019/12/25 14:19
66
render 实现v-model

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

2019/11/26 09:50
366
css 属性选择器

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

2019/07/25 11:28
32
关于dpr的理解

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

2019/05/06 08:59
48
移动端前端适配方案(总结)

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

2019/05/05 11:08
54
js 动态添加和删除class

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

2019/04/27 21:57
499
js动态设置元素高度

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

2019/04/26 22:51
3.2K
自定义popup组件遇到的坑

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

2019/04/26 22:45
1K
组件开发规范 class名身份识别

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

2019/04/25 13:38
25
autoprefixer

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

2019/04/23 10:08
99
Cannot read property 'match' of undefined

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

npm
2019/04/22 17:04
566
axios post小结

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

2018/12/28 22:16
70
vue 内联样式设置圆形背景图

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

2018/12/27 16:56
583
axios接收二进制图片,一般用于二维码

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

2018/12/27 15:53
485

没有更多内容

加载失败,请刷新页面

返回顶部
顶部