2018-02-08 分类：首页 作者：管理员 阅读（2143）
作为前端人员，我们平时肯定是离不开javascript的，但是，你真的熟悉javascript？
首当其冲就是定时器了，你可能说定时器我经常用啊，没有我不会的。甚至有熟手看到标题就想到，我知道了，你肯定要说定时器使用之前先要清除定时器再执行新的定时器。NO、NO、NO，下面一段代码告诉你，你不知道的定时器。大家用过定时器的应该都知道，平时我们使用定时器只传进去两个参数，一个是function，一个是触发的时间，那么你可曾想过第三个第N个参数又是怎么耍？
1 2 3 |
1 | //结果控制台打印出来是100 |
1 | document.body.innerHTML = '<div>div<div><span>span</span>'; |
这样好像也没什么问题，如果内容比较多呢？想折行显示怎么办？大家通常是不是用+号进行拼接，那么现在介绍告诉你个小技巧，你可能又说我知道，ES6最新出来的字符串模板拼接``，傻X，就你知道我不知道啊，咱们来点我知道你未必知道的OK？
1 2 3 4 | document.body.innerHTML = '<div>div<div>\ <em>em<em>\ <span>span</span>'; |
看到这里你应该不敢说你又知道了，平时我们用console.og主要用于调试，其实我们还可以通过console.log在控制台打印出花样文字、样式、甚至图片，例如进入我博客首页，打开F12瞅瞅
1 2 3 4 5 | console.log( " \n %c 唯品秀个人博客 %c © Jun Li http://weipxiu.com \n\n", "color:#FFFFFB;background:#1abc9c;padding:5px 0;border-radius:.5rem 0 0 .5rem;", "color:#FFFFFB;background:#080808;padding:5px 0;border-radius:0 .5rem .5rem 0;" ); |
1 2 3 4 5 6 7 | for(var i = 0;i<5;i++){ for(var j = 0; j<1; j++){ if(i==3){ break } } } |
1 | //结果：0,1,2,4，3确实没跳出来，但是4跳出来了，这说明break只会阻断当前循环，并不会阻断整个嵌套循环 |
1 2 3 4 5 6 7 | a : for(var i = 0;i<5;i++){ for(var j = 0; j<1; j++){ if(i==3){ break a } } } |
1 | //结果：0,1,2 |
1 2 3 | (function(){ alert(1) })() |
这段代码应该不陌生，在很多插件源码都喜欢这么玩，但是你知道吗，类似这种写法还有很多
1 2 3 | !function(){ //通过位运算符~、!、+等等都可以 alert(1) }() |
「两年博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与，主题源码 
嗯哼，你使用我主题了吗？使用了话QQ联系我，我教你怎么使用
评：关于唯品秀前端技术博客Alt_Blog主题使用教程感谢老大提供的优质主题。是否可以共享一下“在线一览”的实现方法，包括CSS代码。谢谢。
评：关于唯品秀前端技术博客Alt_Blog主题使用教程嗯，电影可以看看，看能否找回你的童年，哈哈
评：电影《 诛仙 》在线观看(免费共享)完整无删减百度云迅雷种子天地不仁以万物为刍狗，是一代人少年时代的回忆
评：电影《 诛仙 》在线观看(免费共享)完整无删减百度云迅雷种子没说明白……我装的是Nginx2.2
评：关于唯品秀前端技术博客Alt_Blog主题使用教程是的哇
评：关于唯品秀前端技术博客Alt_Blog主题使用教程
共有 0 条评论 - 你不知道的javascript – 看完怀疑自己是个假前端