据说，这是世界上最牛逼的代码。

俗话常说：世界之大，无其不有。在程序员的世界里，也是如此，只有你想不到的，没有别人想不到的。让我们一起走进程序员的世界去看看吧。

1、世界上最强的代码，据说是目前为止清除缓存效率最快的。

1	<a href="javascript:alert('清除成功')">清除缓存</a>

虽说是娱乐，但对于刚接触html的人来说，这里面其实是有个值得注意的知识点的。那就是在a标签的href里面写上javascript:之后，再写js代码，点击a的时候你的代码就会执行，前提是你的代码没有错误。可能很多刚学html的朋友在做页面的时候，喜欢这样写<a href=”#”>xxx</a>，但这样写有一个弊端是，当你点击a的时候，页面会回到顶部，在测试js的功能时，这是非常不友好的体验。所以，我们更为推崇的一种写法是<a href=”javascript:;”>xxx</a>或<a href=”javascript:void(0);”>xxx</a>。

还有一点可能很多人都没注意，就是当我们要点击某一区域进行跳转，比如，一张图片的时候。我们通常的做法是在a标签里直接写上我们想写的东西就可以了。但不知道大家有没有发现，当我们用浏览器的控制台进行元素审查时，a标签里面虽然有内容，但a的宽和高都为0。那是因为a标签默认是行内元素，不具有宽和高。所以，当你想以块级元素来处理a标签时，最好是写上一个display:block或display:inline-block的样式。

2、让人看着就想改的代码。

var a = 1;

var b = 2;

var c = 3;

var d = 4;

你说，直接写个

1	var a = 1, b = 2, c = 3,d = 4;

多好啊。

还有这种下面这一种

$("#id").dosomething1();

$("#id").dosomething2();

$("#id").dosomething3();

$("#id").dosomething4();

$("#id").dosomething5();

就不能把变量提取出来缓存一下么，你不累，浏览器也累啊，每次都得重新找。

var $dom = $("#id");

$dom.dosomething1();

$dom.dosomething2();

$dom.dosomething3();

$dom.dosomething4();

$dom.dosomething5();

//或者

$dom.dosomething1()

.dosomething2()

.dosomething3()

.dosomething4()

.dosomething5();

//当然，第二种不是任何情况下都可以的，只有在方法反回了$dom时才可行

贵兴博客

据说，这是世界上最牛逼的代码。

相关文章

发表评论

发表评论