好玩的js代码?js代码怎么写
这篇文章给大家聊聊关于好玩的js代码,以及js代码怎么写对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。
简单的js代码求注释,就几句话
(function(index){
//处理代码
})(i);
楼主一定对上面的代码是怎么执行的完全不明白。在弄清楚为什么去掉i后就没有效果,你必须得先知道这个i到底为什么不能去掉,这种写法又到底是怎么回事。
其实这是一种函数立即调用的写法。也就是定义一个匿名函数,然后立即就执行这个函数。这样的写法相当于:
function tmpName(index){
//处理代码
}
tmpName(i);再接近一点的写法如下:
var fn= function(index){
//处理代码
}
//函数调用
fn(i);你把上面的fn换成function(index){},是不是就是和你的那种写法一样了?只不过换后的函数省去了函数名。
很明显,index是形参,而i是在调用时传递的实参。如果不穿进去一个i,那就相当index参数没有了。这样的话,这个函数中用到的index的值就是null。试想,mDD[index]就变成了mDD[null],数组访问可以这样吗?这样不就出异常了吗?也是因此,不传进去i,会导致异常,会出错。
前端开发,如何写出优秀js代码
每位前端工程师都喜欢易理解、可扩展、易维护的代码,如何写出优秀的JavaScript代码,也是每位前端工程师的功课。如何才能写出优秀的JavaScript代码呢?
1.写代码前一定要搞清楚你要解决的问题是什么,你的方案是否能够解决问题。
2.拥有良好的命名规范,注意变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号。
3.多写代码注释。编写代码时的注释应当尽量全面一些,这便于自己再次浏览代码时好理解。
4.能不使用with语句的时候尽量不要使用with语句,尽量少使用eval,每次使用eval需要消耗大量时间。
拥有一手好代码的前端开发者,更具有大神风范,所以好代码不仅要精炼,更要易读。
如何优雅的用js动态的添加html代码
一、使用javascript模板引擎
用javascript预编译模版,就是动态修改模板文件使之成为一个可用的静态HTML文件。我平时会使用artTemplate,性能很好而且易上手。
编写模板
使用一个type="text/html"的script标签存放模板:
<scriptid="test"type="text/html">
<h1>{{title}}</h1>
<ul>
{{eachlistasvaluei}}
<li>索引{{i+1}}:{{value}}</li>
{{/each}}
</ul>
</script>
渲染模板
vardata={
title:'标签',
list:['文艺','博客','摄影','电影','民谣','旅行','吉他']
};
varhtml=template('test',data);
document.getElementById('content').innerHTML=html;
二、使用CoffeeScript
CoffeeScript支持类似于Python的跨行字符串,这样很轻易的就能保持HTML结构的可读性,而不需要使用“+”或者采用拼数组的形式。
str="""
<divclass="dialog">
<divclass="title">
<imgsrc="close.gif"alt="关闭"/>关闭
</div>
<divclass="content">
<imgsrc="delete.jpg"alt=""/>
</div>
<divclass="bottom">
<inputid="Button2"type="button"value="确定"class="btn"/>
<inputid="Button3"type="button"value="取消"class="btn"/>
</div>
</div>
"""
好了,文章到这里就结束啦,如果本次分享的好玩的js代码和js代码怎么写问题对您有所帮助,还望关注下本站哦!