技巧一之setTimeout.
应用案例:比如你想一个函数循环执行10次,怎么办?以前通常是先setInterval,然后clearInterval,技巧一就是克服这个问题
复制代码 代码如下:
(function () {
var i = 0;
function job() {
console.log(i++);
if (i < 10) {
setTimeout(job, 1000);
}
}
job();
})();
上面这个job函数就只会乖乖的执行10次.然后自动停止
技巧二之高效的for循环
应用案例:抛弃传统的循环方式
复制代码 代码如下:
(function () {
var arr=[];
for(var i=arr.length;i--;){
doStuff();
}
})();
这个方式为什么高效?
一:少了一个参数l=arr.length;
二:for语句中间那个玩意少进行了一次计算,以前的话是for(i=0;i<l;i++)这样的话中间的语句会先比较i<l 然后比较出来的结果在
跟true 或者false比较,自然多了次计算
技巧三之高效赋值
应用案例:抛弃传统的if判断赋值
复制代码 代码如下:
var i=1,ret;
ret=i!==1||true;
console.log(ret);
以上代码会很神奇的告诉你ret会是true.高效吧不用if(i!==1)了在赋值了
技巧四之强悍的简短的attr
应用案例:setAttribute,getAttribute.这个方法不仅可以设置标准的属性,还可以设置任意属性,兼容好
复制代码 代码如下:
function attr(elem, name, value) {
var ret;
if (value) {
if (/msie [6-7]\.0/i.test(navigator.userAgent)) {
ret = elem.getAttributeNode(name);
if (!ret) { //ie6 7不合法的属性设置捕鸟,通过这里可以设置
ret = document.createAttribute(name);
elem.setAttributeNode(ret);
}
ret.nodeValue = value + "";
} else {
elem.setAttribute(name, value);
}
return elem;
} else { //ie6 7有得属性获取不鸟
ret = elem.getAttribute(name);
fixIe = elem.getAttributeNode(name).nodeValue;
ret = ret ? ret : fixIe ? fixIe : undefined;
return ret;
}
}
以上方法如何测试呢?
attr(document.getElementById("test"), "classxx", "xx")
alert(attr(document.getElementById("test"),"classxx"));
技巧五之getElementsByClassName.
应用案例 :以前js没什么框架的时候,大家都再模仿这个方法,看看今天我是怎么高效的模仿出它来.这也不愧是js初学者的经典代码
复制代码 代码如下:
(function () {
var getElementsByClassName=function(cls,context){
var root = context || document;
return document.querySelectorAll ? root.querySelectorAll("." + cls) : root.getElementsByClassName ?
root.getElementsByClassName(cls) : help("*", cls, context);
}
var help=function(tagName,cls,context){
var root= context || document,
ret=[],elems,i,
rcls=new RegExp("^|\\s+"+cls+"\\s+|$");
elems = root.getElementsByTagName(tagName || "*");
for(i=elems.length;i--;){
if(rcls.test(elem[i].className)){
ret.push(elems[i]);
}
}
return ret;
}
})();
以上几个js淫荡技巧还是蛮实用的,前提是你没用使用别人的js框架,用原生创造效率为前提的代码.
还是那句话js代码爱好者nothing原创,谢谢大家支持,觉得写得好可以顶下,或者把链接发给朋友
相关推荐:
SEO用户:如何为您的网站带来持续流量和转化,惠州网站推广哪个好
SEO开发:数字营销的核心驱动力,园区网站建设
SEO到底怎么做?揭秘从零到精通的完整SEO优化攻略,鸟瞰ai
用AI写一篇文章,如何提升你的写作效率与创意
ChatGPT手机下载后打不开?可能是这些问题导致的,解决方法在这里!,孤城ai动画
ChatGPT网页版内容显示不全的原因与解决方案,ai超级绘
SEO要求:如何优化网站提升搜索引擎排名,助力企业获取更多流量,鹤山区网站运营推广
ChatGPT怎么有梯子?突破网络限制,轻松畅享AI智能,ai对唱音响
ChatGPT免费版的限制:你需要了解的5大制约因素,Ai分解模型
SEO赚钱:如何通过SEO技能在网络上实现财富自由,网站怎么建设推广平台
SEO很多,如何在竞争激烈的市场中脱颖而出?,在SEO优化中
BingAdapter设置数据后没有显示数据?解决方案在这里!,ai中如何把图变形
GPT-3.5免费吗?揭秘AI智能助手的未来与收费模式,ai 美美
AI缩短短文-提升创作效率,写作新体验,光速写作业ai写作app
ChatGPT已识别但不可用?揭秘背后原因与解决方案!,小狸ai和斑马ai语文
为什么行业都要做seo,为什么要做seo ,ai明信片
SEO定价策略:如何根据企业需求定制最佳价格方案,教育培训抖音营销推广
“关键词指白”:揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
ChatGPT故障你从未听过的真相,究竟是什么让它偶尔“失灵”?,ai 图片 矢量
360ai答题-赋能教育,开启智能学习新纪元,ai 果汁
ChatGLM不能搜索网页内容,你真的了解它的局限性吗?,ai修复情侣
二创AI:打破创意壁垒,引领未来内容创作新潮流,背影教案网站建设游戏
“曝光量扩大,助力品牌腾飞的秘密武器”,盐山网站优化免费咨询
目前最火的AI软件有哪些?深度解析必备工具
OpenAI推出的GPT-4Turbo大幅降低了AI应用成本,推动了AI技术的普及化,ai*版
SEO实际:如何在竞争激烈的市场中脱颖而出,dz论坛seo如何设置
ChatGPT无法完全显示?你可能忽略了这些令人惊讶的细节!,朵朵ai绘画
SEO合作:让你的网站在搜索引擎中脱颖而出,惠州抖音seo策划公司
AI写作免费一键生成下载,助您轻松创作!
SEO手段:提升网站流量的制胜法宝,idc网站怎么推广
seo用什么论坛引流,seo引流方法 ,ai写作续写神器
文章去AI回归创作的本真之美
SEO优化攻略:如何通过精准策略提升网站排名与流量,aI ow翻译
SEO结构优化:助力网站提升排名与流量的关键策略,杭州小网站推广哪家好做
ChatGPT美区要梯子吗?轻松畅享全球智能聊天体验,ai音位
GPT人工智能-让未来触手可及的智慧之光,ai头花写真
ChatGPT中文版下载,开启智能对话新体验,婚纱ai男
seo要懂些什么,seo主要做什么的 ,小艾艾AI
为什么说seo这么重要,seo重要吗 ,ai19920403
SEO有意:如何通过优化策略提升网站排名与流量,天津政府智慧网站建设
SEO做好,企业网站流量翻倍的关键,seo白帽技术有哪些
SEO怎么优化比较好?全面提升网站排名的实用技巧,高级ai玩家
seo规范是什么,seo行业标准 ,啊龙ai音乐
2025年SEO最新技术:让你的网站脱颖而出!,ai少女特色
什么是seo网络推广seo顾问,seo网络推广员 ,ai20170119
GPT在智能聊天机器人中的作用:重塑沟通体验,开创智能未来,百万级ai
SEO能够助力网站流量增长,提升品牌竞争力,Seo网站排名原理
SEO模块:提升网站排名,驾驭数字营销未来,营口网站建设制作平台
ChatGPT与讯飞:AI语音与智能对话的完美融合,ai直角变圆角
一键创作,助你轻松实现创意梦想,最低价刷粉网站推广