js省去一份代碼

malakashi 發(fā)布于2019-08-20 12:35 / 1883人閱讀

摘要：為什么標(biāo)題如此命名答實然間的自我所謂省去一份代碼，簡言之就是代碼優(yōu)化，這里講的就是把初次執(zhí)行和后續(xù)執(zhí)行結(jié)合起來以減少代碼量。。如像這種頁面加元素加載完成就要執(zhí)行并且窗口大小改變也要執(zhí)行就可以省略一個步驟，減少代碼。。

為什么標(biāo)題如此命名？答：實然間的自我

所謂省去一份代碼，簡言之就是代碼優(yōu)化，這里講的就是把初次執(zhí)行和后續(xù)執(zhí)行結(jié)合起來以減少代碼量。。

如像這種頁面加元素加載完成就要執(zhí)行并且窗口大小改變也要執(zhí)行就可以省略一個copy步驟，減少代碼。。
示例：

// 設(shè)置右側(cè)高度
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);

還有就是請求和連續(xù)請求，偽造實時刷新

// 自動請求數(shù)據(jù)
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);
})();

等等還有其他，這里使用的都是立即執(zhí)行函數(shù)，其寫法也有很多
如：
(functino() { …… }());
!function() { …… }();
~function() { …… }();
+function() { …… }();
-function() { …… }();

多謝關(guān)注~~~

GPU云服務(wù)器云服務(wù)器找一份第一份 js代碼還原壓縮代碼 js代碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/81070.html

相關(guān)文章

Taro 簡介

摘要：讓人又愛又恨的微信小程序自微信小程序以下簡稱小程序誕生以來，就伴隨著贊譽與爭議不斷。同時于開發(fā)者來說，小程序的生態(tài)不斷在完善，許多的坑已被踩平，雖然還是存在一些令人詬病的問題，但已經(jīng)足見微信的誠意了。 Taro 介紹在互聯(lián)網(wǎng)不斷發(fā)展的今天，前端程序員們也不斷面臨著新的挑戰(zhàn)，在這個變化多端、不斷革新自己的領(lǐng)域，每一年都有新的美好事物在發(fā)生。從去年微信小程序的誕生，到今年的逐漸火熱，以及...

sixgo 2019-08-23 16:18 評論0 收藏0
JS中那些擰巴的概念-原型

摘要：測試目錄在文件中引入文件以下所有文件都在中玩原型構(gòu)造器一說到原型一定和對象直接相關(guān)。的概念應(yīng)該理解的差不多了，下面我們再造幾個構(gòu)造器作為練習(xí)。將構(gòu)造器中的方法拷貝到實例化的對象當(dāng)中。測試目錄: showImg(https://segmentfault.com/img/bV3Vlm?w=165&h=88); 在html文件中引入js文件 showImg(https://segmentf...

mengera88 2019-08-26 11:47 評論0 收藏0
拖動中的味道

摘要：內(nèi)容不可被拖動。指定一個元素拖動發(fā)生時顯示在光標(biāo)下方，三個參數(shù)分別是要顯示的元素和光標(biāo)在顯示元素中的坐標(biāo)。返回被拖放文件的對象。返回事件中傳遞的數(shù)據(jù)類型的類似數(shù)組的集合。拖~ 在js里面關(guān)于拖這個概念是完全沒有的(except h5). 以前只能造一大堆的輪子，比如使用mousedown + mousemove + mouseup. 這3個事件結(jié)合起來實現(xiàn)復(fù)雜的UI操作。現(xiàn)在，h5...

468122151 2019-08-19 17:19 評論0 收藏0
詳實注解原生JS以后也支持類型意義

　　知道嗎？在布達佩斯2022 JSConf會議上，tc39（ES標(biāo)準(zhǔn)委員會）成員Gil Tayar介紹了一份當(dāng)前仍處于stage 1階段的提案 ——Type Annotations，意在讓原生JS支持類型注解?！　『芏喱F(xiàn)在盼到了，在.ts文件將后綴改為.js后就能直接在瀏覽器中運行?！　∫环輙c39提案通常會經(jīng)歷5個階段：　　stage 0：被提出　　stage 1：接受審議　　stage 2：...

3403771864 2022-10-24 22:55 評論0 收藏0
gulp-work-flow 前端工作流原來可以這么簡單

摘要：話不多說，今天的主題是使用打造傳統(tǒng)項目的前端工作流。是一個廣泛使用的轉(zhuǎn)碼器，可以將代碼轉(zhuǎn)為代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這意味著，你可以用的方式編寫程序，又不用擔(dān)心現(xiàn)有環(huán)境是否支持。概述最近前端一直是一個火熱的話題，前端技術(shù)棧也是伴隨著nodejs的出現(xiàn)而更替的飛快，導(dǎo)致大部分前端開發(fā)者曾一度迷茫在這各種技術(shù)選型上，比如前端自動化工具就有Grunt，Gulp，Webpack，F(xiàn)is3等...

weakish 2019-08-21 14:27 評論0 收藏0