资讯专栏INFORMATION COLUMN

js省去一份代码

malakashi / 1721人阅读

摘要:为什么标题如此命名答实然间的自我所谓省去一份代码,简言之就是代码优化,这里讲的就是把初次执行和后续执行结合起来以减少代码量。。如像这种页面加元素加载完成就要执行并且窗口大小改变也要执行就可以省略一个步骤,减少代码。。

为什么标题如此命名?答:实然间的自我

所谓省去一份代码,简言之就是代码优化,这里讲的就是把初次执行和后续执行结合起来以减少代码量。。

如像这种页面加元素加载完成就要执行并且窗口大小改变也要执行就可以省略一个copy步骤,减少代码。。
示例:

// 设置右侧高度
var initSet = (function setHgt() {
    var winHgt = $(window).height(),
        navHgt = $(".zh-navbar").outerHeight(),
        layerBtmHgt = $(".zh-layer-bottom").outerHeight(),
        layerRgtPL  = parseInt($(".zh-layer-right .zh-lr-main").css("padding-left"));
    $(".zh-layer-right").height(winHgt-navHgt-layerBtmHgt-layerRgtPL);
    return setHgt;
})();
$(window).resize(initSet);

还有就是请求和连续请求,伪造实时刷新

// 自动请求数据
var autoReqData = null;
(function requestData() {
    $.ajax({
        type: "get",
        timeout : 10000,
        url: "接口地址",
        success: function(res) {
            planeInfoArr = JSON.parse(res);
        }
    });
    if(autoReqData !== null) clearInterval(autoReqData);
    autoReqData = setInterval(requestData, 30000);
})();

等等还有其他,这里使用的都是立即执行函数,其写法也有很多
如:
(functino() { …… }());
!function() { …… }();
~function() { …… }();
+function() { …… }();
-function() { …… }();

多谢关注~~~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81070.html

相关文章

  • Taro 简介

    摘要:让人又爱又恨的微信小程序自微信小程序以下简称小程序诞生以来,就伴随着赞誉与争议不断。同时于开发者来说,小程序的生态不断在完善,许多的坑已被踩平,虽然还是存在一些令人诟病的问题,但已经足见微信的诚意了。 Taro 介绍 在互联网不断发展的今天,前端程序员们也不断面临着新的挑战,在这个变化多端、不断革新自己的领域,每一年都有新的美好事物在发生。从去年微信小程序的诞生,到今年的逐渐火热,以及...

    sixgo 评论0 收藏0
  • JS中那些拧巴的概念-原型

    摘要:测试目录在文件中引入文件以下所有文件都在中玩原型构造器一说到原型一定和对象直接相关。的概念应该理解的差不多了,下面我们再造几个构造器作为练习。将构造器中的方法拷贝到实例化的对象当中。 测试目录: showImg(https://segmentfault.com/img/bV3Vlm?w=165&h=88); 在html文件中引入js文件 showImg(https://segmentf...

    mengera88 评论0 收藏0
  • 拖动中的味道

    摘要:内容不可被拖动。指定一个元素拖动发生时显示在光标下方,三个参数分别是要显示的元素和光标在显示元素中的坐标。返回被拖放文件的对象。返回事件中传递的数据类型的类似数组的集合。 拖~ 在js里面关于拖这个概念是完全没有的(except h5). 以前只能造一大堆的轮子,比如使用mousedown + mousemove + mouseup. 这3个事件结合起来实现复杂的UI操作。 现在,h5...

    468122151 评论0 收藏0
  • 详实注解原生JS以后也支持类型意义

      知道吗?在布达佩斯2022 JSConf会议上,tc39(ES标准委员会)成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 ——Type Annotations,意在让原生JS支持类型注解。  很多现在盼到了,在.ts文件将后缀改为.js后就能直接在浏览器中运行。  一份tc39提案通常会经历5个阶段:  stage 0:被提出  stage 1:接受审议  stage 2:...

    3403771864 评论0 收藏0
  • gulp-work-flow 前端工作流原来可以这么简单

    摘要:话不多说,今天的主题是使用打造传统项目的前端工作流。是一个广泛使用的转码器,可以将代码转为代码,从而在现有环境执行。这意味着,你可以用的方式编写程序,又不用担心现有环境是否支持。 概述 最近前端一直是一个火热的话题,前端技术栈也是伴随着nodejs的出现而更替的飞快,导致大部分前端开发者曾一度迷茫在这各种技术选型上,比如前端自动化工具就有Grunt,Gulp,Webpack,Fis3等...

    weakish 评论0 收藏0

发表评论

0条评论

malakashi

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<