您現在的位置是:電腦技術吧?>? 基礎知識 ??>??第一行代碼引用,excel代碼引用??>??正文詳情

第一行代碼引用,excel代碼引用

海優樂2019-12-23 15:02:42 人圍觀
簡介J引用文件本文主要介紹了利用requirejs優化JavaScript引用代碼的方法。Requirejs是一個流行的JS庫。您可以將requirejs作為一種有效的方法來MVC代碼更新所有引用報錯

這篇文章主要介紹了使用RequireJS優化JavaScript引用代碼的方法,RequireJS是一款人氣JS庫,需要的朋友可以參考下  RequireJS是一個提高你的javascript代碼速度和質量的有效方法,同時它還讓你的代碼更容易閱讀和維護。

  在本文中,我會為你介紹RequireJS和應該如何使用它。

我們討論引入文件和定義模塊,甚至還會接觸優化方面的知識。

  簡單的說,require.js是一個腳本載入程序,允許你把你的javascript代碼獨立成文件和模塊,同時管理每個模塊間的依賴關系。

  引入文件  在開始使用RequireJS前,我們需要先下載它的庫和Asynchronous Module Definition(AMD)文件。

然后在文檔頭部鏈接到require.js文件,就如:  ? 1 2 script src=require.js data-main=main/script   你可能會問data-main屬性是什么,使用RequireJS意味著當你在文檔的頭部調用require的時候,你同時也會鏈接到你的javascript應用的主文件,在這個例子里面就是main.js(請注意,RequireJS自動添加.js后綴到文件名的后面)  在main.js文件里面,需要為RequireJS做配置,載入模塊和定義一個base路徑,以便在引入文件時使用。

  Require函數  RequireJS使用一個簡單的require函數去導入腳本,在這個例子里面,RequireJS導入的是JQuery:  ? 1 2 3 require([jquery], function($) { $(#mydiv).html(Hello this is RequireJS talking); });   RequireJS的一個優點就是,它非常容易閱讀。

在上面的代碼中,我們可以看到,首先require函數抓取名字為jquery.js的文件,然后給一個匿名函數傳入$作為參數,當這個動作完成后,你就可以任意使用JQuery的代碼了。

  現在,你的代碼中一般不會包含jquery.js文件的jQuery庫,就如大多數的插件和框架,我們通常選擇從他們的GitHub或者Google CDN中導入進來,這樣我們就需要配置他們的真正路徑:  ? 1 2 3 4 5 require.config({ paths: { jquery: https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js } });   這就是說你可以通過Google導入jquery(請注意我在這個例子里面使用的是jquery名稱,你可以使用任何你喜歡的名稱)  定義模塊  使用AMD模式,意味著我們的代碼可以結構化成為模塊;這些模塊實現應用中的某些功能。

你可以在一個模塊中只放兩行代碼或者100行代碼,這完全決定于你想通過模塊實現什么功能。

  定義模塊,我們可以這樣寫:  ? 1 2 3 4 5 define(function () { function add (x,y) { return x y; } });   這個里面里面,我定義了一個add函數,并且沒有任何依賴,但是如果這個函數需要jquery才能正常工作,定義代碼可能就是這樣:  ? 1 2 3 4 5 define([jquery'], function () { function place(mydiv) { $(mydiv).html(My Sample Text'); } });   使用這種語法,我們告訴JavaScript首先導入jquery,然后運行代碼,這樣任何時候都能使用jquery。

我們也可以使用在Javascript文件中定義的模塊,不僅限于框架或者插件。

  優化  就像你看到的一樣,RequireJS是一個強大的工具,去把你的文件組織成模塊,并且在你需要的時候才導入。

其中的缺點就是大量的javascript文件的時候,也需要大量的導入時間,所以RequireJS包含了一個optimizer優化器去收集所有文件的數據并把它放到一個壓縮文件里面。

  總的來說,RequireJS是一個很好的工具去組織和優化你web應用中的Javascript。

版權聲明:本文由 海優樂 整理編輯。

原標題:vb引用代碼,引用的報紙的代碼

轉載注明出處:http://www.dn9ww09s.icu/basics/15648.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • mac卸載軟件,mac safari打不開

    mac卸載軟件,mac safari打不開 相關圖片mac突然黑屏本文的示例描述了jQuery根據用戶的計算機是MAC還是PC加載相應樣式的方法,與您分享,以供參考。具體實現方法如下:?12345if(導航器。用戶代理。Indmac電腦黑屏怎么辦...

  • 對象比較大小,相對大小的對象

    對象比較大小,相對大小的對象 相關圖片cdr對象大小本文演示了JavaScript如何獲得指定對象的大小。與您分享以供參考。具體如下:?1234567891011用于驗證設置對象格式里面的大小...

  • input的name屬性,input標簽value

    input的name屬性,input標簽value 相關圖片input傳值這個例子展示了JavaScript如何獲取和更改輸入標記的name屬性。與您分享以供參考。具體實現方法如下:?12345678910121314151617輸入自定義標簽屬性...

  • 4大作用域,類的作用域

    4大作用域,類的作用域 相關圖片jsp作用域使用本文主要介紹了有關安古拉耶斯范圍的相關資料。請參閱“123456789101213141516171819202122!DOCTYPE HTMLHTML ng Java作用域...

  • 文件上傳實現,html實現文件上傳

    文件上傳實現,html實現文件上傳 相關圖片jsp文件上傳本文介紹了使用jQuery使用HTML5的formdata屬性上傳文件的方法和示例。這是非常實際的,可以參考所需的合作伙伴。一。使用jQuery通過HTML5的axios 文件上傳...

  • easyui datebox,easyui datagrid

    easyui datebox,easyui datagrid 相關圖片easyui的只讀屬性本文主要介紹了jquery.easyui中日期框時間的格式化方法。你可以為你的朋友參考下面的方法。這里沒有太多的廢話,代碼是直接呈現的:?123456美元。新生easyui什么時候該...

  • 怎么更換字體樣式,怎么換字體樣式

    怎么更換字體樣式,怎么換字體樣式 相關圖片word怎么更改樣式本文的示例描述了每天在JavaScript中定期更改皮膚樣式的方法。與您分享以供參考。具體分析如下:該JS代碼每天都會在不同的時間段自動改變web頁面調用的樣式word沒有更...

  • html驗證碼代碼,登錄界面的驗證碼代碼

    html驗證碼代碼,登錄界面的驗證碼代碼 相關圖片驗證碼源代碼本文介紹了一個用java代碼生成隨機圖片驗證碼的例子,可以直接配置成servlet,直接調用java代碼生成圖片驗證碼包com.rchm.util.images驗證碼怎么輸入才正確...

  • tab上面那個鍵叫什么,tab是鍵盤哪個鍵

    tab上面那個鍵叫什么,tab是鍵盤哪個鍵 相關圖片電腦tab鍵在哪本文的示例描述了JavaScript如何使textarea支持tab鍵。與您分享以供參考。具體實現方法如下:?1234567891013141516171819win鍵加tab...

  • 廣告實例,問題式廣告案例

    廣告實例,問題式廣告案例 相關圖片怎么做廣告分析本文的例子描述了用JavaScript實現廣告的關閉和顯示效果。與您分享以供參考。具體實現方法如下:JS代碼部分如下:?12345678910121314151有問題的廣告案例...

熱評文章

  • 深入理解并行編程,深入理解python異步編程

    深入理解并行編程,深入理解python異步編程 相關圖片并行編程語言本文主要介紹了對JavaScript編程中原型概念的深入理解,包括原型屬性的使用等相關知識。您可以引用JavaScript的原型對象,這總是令人困惑。甚至有經驗python 異步回調...

  • 字符串怎么轉json,字符串轉json數組

    字符串怎么轉json,字符串轉json數組 相關圖片將json轉換為字符串本文主要介紹了JavaScript中字符串到JSON的兩種方法,一種是使用JS函數eval(),另一種是使用jQuery。Parsejson()。對于朋友,請參字符串和json的轉換...

  • 兩種方案對比分析方法,對比分析的文章

    兩種方案對比分析方法,對比分析的文章 相關圖片空調方案對比分析這是對Ajax中兩種JSON解析方法的比較分析,非常實用。本文是一篇學習筆記,一篇新手文章,歡迎指教!Eval();//此方法不建議使用JSON。Parse()施工方案對比分析...

  • redis緩存php,redis緩存機制php

    redis緩存php,redis緩存機制php 相關圖片redis緩存常用數據除了Memcache(一個常見的PHP操作類庫)之外,我們還可能非常熟悉內存緩存,即redis。我們與您分享的PHP技術文章是關于如何使用PHP操作redis,怎么使用redis緩存...

  • 數據庫應用,數據庫使用

    數據庫應用,數據庫使用 相關圖片數據庫什么用1、 在ASP中,用于訪問數據庫的對象稱為ADO(active data objects)。對象有三種:連接、記錄集和命令連接。他們負責打開或連接數據拿數據庫...

  • linux shell exec,linux的shell命令

    linux shell exec,linux的shell命令 相關圖片python調用shell經常會遇到操作部門需要清除緩存的情況,但緩存始終存在問題。這不是在電腦前處理的方法。我想到了一種通過訪問JSP page%@page language=Javalinux常用命令...

  • 應用程序是什么,安裝應用程序

    應用程序是什么,安裝應用程序 相關圖片手機應用程序在哪里Watchkit應用程序體系結構Watchkit應用程序是運行在Apple watch中的可執行文件。它包括腳本和渲染屏幕所需的資源文件。watchkit擴展是桌面應用程序...

  • ios框架,iOS相關框架

    ios框架,iOS相關框架 相關圖片ios網絡框架在Mac和iOS上,可可是一種快速、簡單、功能強大且靈活的日志記錄框架。Cocoa lumberjack與流行的日志框架(如log4j)類似,但它是為Objecios直播框架...

  • 子網掩碼和網關,子網掩碼 網關

    子網掩碼和網關,子網掩碼 網關 相關圖片ip地址子網掩碼網關怎么填本文采用JS對IP、子網掩碼、網關和MAC進行驗證。與您分享以供參考。具體如下:?123456789101314151617181920212223252627ip地址,子網掩碼,默認網關...

  • 什么是線程,java線程同步機制

    什么是線程,java線程同步機制 相關圖片進程和線程的區別本文主要介紹JavaScript線程和計時機制的相關信息。對于您的朋友,請參考setTimeout和setinterval的JavaScript API文檔,定java線程狀態...

關注微信

变脸官网查询