零碎知识点

　　CSS部分

1.强制换行显示

　　word-wrap:break-word（重起一行）

　　word-break:break-all（不重起一行）

　　white-space: nowrap （强制一行显示）

 2.letter-spacing和word-spacing之间的区别

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。请大家注意，word-spacing对中文无效。

3.设置容器占满整个屏幕

　min-height:100vh;

4.meta标签

　<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />     提示 IE 用户安装 Google Frame

　<meta name="format-detection" content="telephone=no">    禁止iphone 自动拨打电话

　　JS部分

1.新浪定位

<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
//获取当前城市
var pName = remote_ip_info.city

2.弹出遮罩后禁止页面页面滑动

$("body").height($(window).height()).css({
    "overflow-y": "hidden"
});
$("body").height($(window).height()).css({
    "overflow-y": "auto"
});
$('#upAimg').bind("touchmove", function (e) {
    e.preventDefault();});

3.当前网页从哪里链接来的　　

　　　　document.referrer

4.设置div

　　　　不可点击　　$(elem).css("pointer-events":"none");

　　       可以点击　　$(elem).css("pointer-events":"auto");

5.自动刷新页面的方法　　　　

　　　　a.页面自动刷新：把如下代码加入<head>区域中

　　　　　　　　<meta http-equiv="refresh" content="20">  
　　　　　　　　其中20指每隔20秒刷新一次页面.

　　　　b.页面自动跳转：把如下代码加入<head>区域中

　　　　　　　　<meta http-equiv="refresh" content="20;url=http://www.javaeye.com">  
　　　　　　　　其中20指隔20秒后跳转到http://www.javaeye.com页面

　　　　c.页面自动刷新js版

　　　　　　　　<script language="JavaScript">
　　　　　　　　　　function myrefresh() {

　　　　　　　　　　　　 window.location.reload();
　　　　　　　　　　}
　　　　　　　　　　setTimeout('myrefresh()',1000); //指定1秒刷新一次
　　　　　　　　</script>

6.IOS input框设置type=‘search’ 时显示的是换行而不是搜索的问题

在input标签外面嵌套一层form：
    <form action="">
        <input type="search" name="search" id="search">
    </form>

其中form 必须有action。

如果你不想要action，因为它可能影响了你input的提交逻辑，可以重写一下onsubmit onclick等方法来实现。

也可以用简单的方法：action="javascript:return true;"。

8.数组去重

ES6实现：
[...new Set([1,2,3,1,'a',1,'a'])]

ES5实现：
[1,2,3,1,'a',1,'a'].filter(function(ele,index,array){
    return index===array.indexOf(ele)
})

 

posted @ 2017-07-12 17:56  进击的Archer  阅读(183)  评论(0)  编辑  收藏  举报