js省去一份代碼

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

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

為什么標題如此命名？答：實然間的自我

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

如像這種頁面加元素加載完成就要執(zhí)行并且窗口大小改變也要執(zhí)行就可以省略一個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);

還有就是請求和連續(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() { …… }();

多謝關注~~~

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

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

轉載請注明本文地址：http://systransis.cn/yun/81070.html

Taro 簡介

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

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

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

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

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

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

　　知道嗎？在布達佩斯2022 JSConf會議上，tc39（ES標準委員會）成員Gil Tayar介紹了一份當前仍處于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)項目的前端工作流。是一個廣泛使用的轉碼器，可以將代碼轉為代碼，從而在現(xiàn)有環(huán)境執(zhí)行。這意味著，你可以用的方式編寫程序，又不用擔心現(xiàn)有環(huán)境是否支持。概述最近前端一直是一個火熱的話題，前端技術棧也是伴隨著nodejs的出現(xiàn)而更替的飛快，導致大部分前端開發(fā)者曾一度迷茫在這各種技術選型上，比如前端自動化工具就有Grunt，Gulp，Webpack，F(xiàn)is3等...

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