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

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

2018/08/30 15:28
1K
安卓常见分辨率

分辨率对应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)...

2018/04/24 13:28
12
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
87
flex布局

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

2017/11/09 09:39
43
透明度参照表

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(全透明)...

2017/07/04 10:09
11
css 属性选择器

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

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

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

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

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

js 动态添加和删除class

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

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

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

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

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

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

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

04/25 13:38
12
autoprefixer

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

Cannot read property 'match' of undefined

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

npm
04/22 17:04
14
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
18
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
42
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
36
render常用模版 结合iview

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

2018/12/17 08:52
46
注册全局组件

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

2018/12/14 10:38
7

没有更多内容

加载失败,请刷新页面

返回顶部
顶部