- 博客(12)
- 收藏
- 关注
转载 UI设计中的错误提示
一个合格的错误提示应该有以下两个基本功能:1 向用户报告错误状态;2 解释错误发生原因以及如何更正。错误提示的种类1 弹出框目前来说,弹出框可以说是最常见的错误提示形式。因为弹出框的空间比较大,可以很完整的向用户告知当前的错误状态并且阐明错误原因以及如何更正。但是弹出框这种形式也有自身的缺陷,那就是用户如果想更正错误就必须关闭这个弹出框,这样那些错误信息就看不到了。在一些特殊情况下错误信息比较冗长...
2018-04-20 14:03:22 1802
原创 vue-cli引入第三方插件
在用vue-cli我们引入js的时候一般都import语法,但是有时候我想要引入第三方插件,比如说,我们把一个js文件下载下来了,然后放在src/assets/js下,然后我们用import引入,这样明显是会出错的,因为下载的JS文件根本就没有用export语法把文件给导出;那可能就要同学会说,自己加一个导出不就好了,这样也是可以的,但是新手如我这般的,要用好vue-cli让项目跑起来都不容易了,...
2018-04-17 10:54:25 3028
原创 JS事件:target与currentTarget区别
target:在事件流的目标阶段; currentTarget:在事件流的捕获; 目标及冒泡阶段。 只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。所以在Vue要获取添加事件的那个元素的时候用currentTarget<a href="#" @click="fn"
2018-04-16 10:54:01 335
原创 JS判断类型
在JS里判断类型一般有四种方法 一, typeof:这个方法大家都知道,有很多类型都判断不出来的,不推荐 二, constructor:每个函数都会自动拥有一个prototype属性。这个属性是一个对象,而这个对象包含了唯一一个不可枚举的属性constructor。constructor属性的值是一个函数对象,这个函数就是构造函数;function Aaa(){}; var a1 = ne
2018-04-09 21:15:42 712
原创 有相对定位和overflow:hidden存在的时候,父级包不住子级
<div class="box"> <div class="content"></div></div>.box{ width: 200px; height: 200px; border: 2px red solid; overflow: hidden;}.content{ width: 200px; height: 200px;
2018-04-08 23:08:54 969
原创 li内的元素都浮动的话,会产生4px问题
li内的元素都浮动的话,会产生4px问题<ul> <li> <span>左边</span> <a>右边</a> </li> <li> <span>左边</span> <a>右边</a> </li> <li> <span>左边</span> <a>右边</a>
2018-04-08 22:52:32 336
原创 IE6双边距问题
<div class="item"></div>.item{ width: 200px; height: 200px; background: red; margin-left: 100px; float: left;}在IE6下你会惊奇的发现,.item这个元素距离body居然有200px的距离;(只有margin-left才会有这样的问题)解决方案:.i
2018-04-08 22:44:46 224
原创 margin传递和叠压的问题
<div class="box"> <div class="div1"></div> <div class="div2"></div></div>.box div{ margin: 50px;}这个时候你会发现两个问题: 1,box上面会空出50px出来 2,div1和div2之间只有50个像素;问题一的解决方案.box{ overflow: hidden;
2018-04-08 22:32:41 939
原创 IE6下,子元素的宽高超过了父元素,父元素会被撑开
IE6下,子元素的宽高超过了父元素,父元素会被撑开,看下面的代码<div class="box"> <div class="content"></div></div>.box{ width: 200px; hegight: 200px; border 10px #000 solid;}.content{ width: 400px; height:
2018-04-08 22:17:54 541
原创 浮动兼容性问题
先看以下代码HTML:<div class="box"> <div class="left"> <h1>左侧</h1> </div> <div class="right"> <h1>右侧侧</h1> </div></div>CSS:.left{ float: left}.right{ float: right;}
2018-04-08 22:04:55 322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人