requirejs 使用实例
生活随笔
收集整理的這篇文章主要介紹了
requirejs 使用实例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
作為前端開發人員，模塊化編程是其身邊一個重要工具。它可以規范你的代碼，解決由于多個js之間的可能存在的依賴關系，并且提升網頁渲染速度。
首先來個簡單的例子，實現一個簡單的jia,jian,cheng,chu。
先看例子：
很簡單，data-main設置主模塊page.js。這個模塊一開始就加載執行。
console.log("馬上執行") require(['math'], function( _m ){console.log(_m)console.log(_m.jia(1,2)) })然后是math.js
define(function(){var jia = function(a, b){return a+b;}var jian = function(a, b){return a-b;}var cheng = function(a, b){return a*b;}var chu = function(a, b){return a/b; }return {jia: jia,jian: jian,cheng: cheng,chu: chu} })輸出：
馬上執行
Object { jia=function(), jian=function(), cheng=function(), 更多...}
3
這個例子非常簡單，所有文件都在同一個目錄下。但是還有一些情況
?
情景一：如果我的js是在另外一臺主機，如何使用require.js
還是上面的html，main.js改成
requirejs.config({paths: {'jquery': 'http://skin.huitu.com/js/jquery-1.8.3.min'//注意，這里沒有.js。在這里很容易出錯} });require(['jquery'], function ($) {console.log($) });?
情景二：我在維護一個穩定的項目，之前的開發沒有用到require.js，新需求的開發我想用require.js。
require(['old1', 'old2', 'old3']);requirejs.config({paths: {'jquery': 'http://skin.huitu.com/js/jquery-1.8.3.min'} });require(['jquery'], function ($) {console.log($) });轉載于:https://www.cnblogs.com/pfzeng/p/4184862.html
總結
以上是生活随笔為你收集整理的requirejs 使用实例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中小企业IT不可错过的十大虚拟机软件
- 下一篇： 在现有项目中使用AspNet Ident