我的第乙個requirejs例子,簡單的demo

2021-07-15 07:39:04 字數 1187 閱讀 7461

看介紹是很簡單的,但是我做這個簡單的demo,過程還是很曲折的。引進jquery,老是沒引到,後來加上shim好了,再後來,去掉shim也是好的,我崩潰了。。。

二話不說上**,給初學者看看。因為我在網上沒找到乙個完整的**。要是有乙個簡單的demo就好了。我是看文件一步一步來的。

1、目錄結構,

webroot

jsconfig.js

require.js

jquery-3.0

.0.min

.js a.js

myhtml.html

2.檔案,

myhtml.html

jquery+requirejs sample pagetitle>

head>

jquery+requirejs test pageh1>

tests loading of jquery plugins with require.p>

src="js/require.js"

data-main="js/a.js">

script>

body>

html>

a.js

require(['config'],function

(config));

});

config.js

require.config(/*,

shim:

}*/});

簡單說一下,

html 裡面的 data-main=」js/a.js 指的是入口檔案,就是require第乙個要引進的檔案。

a.js 先引進一些配置檔案,然後再引進 jquery。當初不加shim是訪問不了jquery的,後面什麼也沒改就好了,我也搞不懂,而且我確定不是快取問題。

shim 指的是 載入一些不是 define 定義的js,如

test.js

define(function()

); 或者

define([『jquery』],function($)

);然後可以這樣使用

require([『test』],function(){

//do something

);

requirejs 第乙個例項

介紹 requirejs 是實現了模組化載入和按需載入的js庫,防止了全域性變數的汙染。2 頁面引入requirejs 在頁面中加入標籤其中data main 制定的是入口的js,也就是可以把你要寫的 全部寫在main.js 裡面。3 使用require 在main.js中首先寫入require配置...

我的第乙個程式

我的第乙個vc程式終於寫完了,花了2周,之前從沒有用vc寫過程式,也沒讀過什麼程式,只是在看書,看了幾百頁 mfc windows程式設計 正好有個機會,老師讓寫個vc程式,就試著寫了。程式的功能是不同地方的access的更新的記錄整合到一台機子上的access中,支援斷網自動連線,用的是socke...

我的第乙個部落格

我是乙個有點脫離時代的年輕人,沒有iphone,不玩微博,沒有崇拜的明星,不是任何人的粉絲。前幾天我的乙個領導告訴我,應該多總結,可以開個微博,把記錄的東西時不時拿出來複習一下,慢慢就會積累出很多財富。所以我開了第乙個部落格,當然遠不如微博那麼新潮。我想感謝我的這位領導,在我的職業生涯中,他是我的領...