es6之二

5,数组, map 映射 一个对一个 let arr=[12,5,8]; let result=arr.map(function(item){ return  item*2; })                      =>let result=arr.ma...

2017-09-30 16:29:07

阅读数 77

评论数 0

移动端拨打电话功能

react+es6; 1.方式一: a href={`tel:${rowData.telphone}`}>{rowData.telphone}a > 2.方式二: img src="/images/icon_call@2x.png" alt="电话...

2017-09-26 20:57:32

阅读数 1383

评论数 0

es6之一

1,箭头函数:function去掉,加了=>  let show=function(){  }  => let show=()=>{  } (1)如果只有一个参数,()可以省, let show=function(a){  }  => let show=a=>{ a*...

2017-09-24 19:22:37

阅读数 86

评论数 0

页面样式,隐藏竖滚动条,修改下拉框placeholder样式,以及父元素清除浮动

隐藏竖滚动条: ::-webkit-scrollbar { width: 0px; height: 1px; } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px...

2017-09-21 14:27:20

阅读数 174

评论数 0

纯css,div隐藏滚动条,保留鼠标滚动效果。

当我们的内容超出了我们的div,往往会出现滚动条,影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。  我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。 这里介绍一个简单的方法。   大体思路是在div外面再套一个div...

2017-09-21 13:44:19

阅读数 128

评论数 0

正则表达式

电话号码,邮箱正则表达式 手机:/^0?1[3|4|5|8][0-9]\d{8}$/固话:/^0[\d]{2,3}-[\d]{7,8}$/电子邮箱:/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ /^[a-z\d]+(\.[a-z\d]+...

2017-09-14 11:39:43

阅读数 115

评论数 0

如何根据移动端设备宽度来设置超过屏幕宽度的多余字显示为省略号

react + es6中 css样式为: overflow:hidden; /*超出宽度部分的隐藏*/ white-space:nowrap; /*文字不换行*/ text-overflow:ellipsis; /*超出则...代替*/ 要设置宽度,可以设为行内样式:style={{ wid...

2017-09-11 10:44:38

阅读数 1678

评论数 0

7种方法解决移动端Retina屏幕1px边框问题

造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为:设备物理像素和...

2017-09-08 13:42:49

阅读数 964

评论数 0

CSS设置多余的文本显示省略号

首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏,设置文本缩略的样式为"..." width: 245px; overflow: hidden; white-space: nowrap; text-overflow: e...

2017-09-07 14:01:47

阅读数 143

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭