国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue2.0+seajs開發

wangtdgoodluck / 648人閱讀

摘要:官方推薦使用開發項目但是在我在打包后沒有解決好如何打包成的問題。在頁尾,通過引入后,有一段配置代碼的簡單配置加載入口模塊在下載完成后,會自動加載入口模塊。即入口文件語法規范遵循規范,可以像一般書寫模塊代碼。

vue官方推薦使用webpack+vue-cli開發Vue項目 但是在我在webpack npm run dev 打包后沒有解決好如何打包成apk的問題。所以就無奈的使用的seajs了。點擊進入seajs官網

文章垃圾勿噴!!!

一、seajs簡單介紹 seajs使用方法

1、下載"seajs-text.js"和"seajs-css.js"并在頁面引用,因為seajs不支持引用html和css。
2、在 hello.html 頁尾,通過 script 引入 sea.js 后,有一段配置代碼:

</>復制代碼

  1. // seajs 的簡單配置
  2. seajs.config({
  3. base: "../sea-modules/",
  4. alias: {
  5. "jquery": "jquery/jquery/1.10.1/jquery.js"
  6. }
  7. })
  8. // 加載入口模塊
  9. seajs.use("../static/hello/src/main")

sea.js 在下載完成后,會自動加載入口模塊。頁面中的代碼就這么簡單。(main.js即入口文件)

2、seajs語法規范

Sea.js 遵循 CMD 規范,可以像 Node.js 一般書寫模塊代碼。使用require進行模塊間的引用

</>復制代碼

  1. // 所有模塊都通過 define 來定義
  2. define(function(require, exports, module) {
  3. // 通過 require 引入依賴
  4. var $ = require("jquery");
  5. var A = require("./a");
  6. // 通過 exports 對外提供接口
  7. exports.doSomething = ...
  8. // 或者通過 module.exports 提供整個接口
  9. module.exports = ...
  10. });

上面就是 Sea.js 推薦的 CMD 模塊書寫格式。如果你有使用過 Node.js,一切都很自然。

二、項目開始 目錄結構

</>復制代碼

  1. css
    images
    js

  2. </>復制代碼

    1. about
      user
      ...
      main.js
      seajs

  3. lib
    router
    view
    index.html

其實目錄還是很亂的

main.js入口文件

</>復制代碼

  1. define(require,exports,moudle){
  2. //通過require引用路由文件
  3. var Router = require("../router/router");
  4. //定義路由對象
  5. var router = new VueRouter({
  6. history: true,
  7. routes:Router.router
  8. });
  9. //創建Vue實例
  10. var app = new Vue({
  11. el:"#app",
  12. router:router,
  13. store:store
  14. });
  15. }
router.js文件

</>復制代碼

  1. define(require,exports,moudle){
  2. //引用home組件
  3. var app=require("home");
  4. var router = [
  5. {
  6. path: "/",
  7. name: "index",
  8. component: app.app
  9. }
  10. ]
  11. //向外暴露Router接口
  12. exports.router = Router;
  13. }
home.js

</>復制代碼

  1. define(function(require,exports,moudle){
  2. //引用html文件
  3. var temp=require("../views/home.tpl");
  4. //引用首頁組件
  5. var index=require("index");
  6. //引用底部組件
  7. var footerCom=require("components/footerCom");
  8. var app={
  9. data:function(){
  10. return{
  11. }
  12. },
  13. template:temp,
  14. components:{
  15. "index":index.index,
  16. "footercom":footerCom.footerCom
  17. }
  18. }
  19. exports.app=app
  20. })
home.tpl模板

</>復制代碼

index.tpl模板

</>復制代碼

  1. ***

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/81518.html

相關文章

  • sea.js

    摘要:目標了解目前公司所用得代碼模塊式開發。比較目前比較流行得框架。模塊化可以讓每個文件的職責單一,非常有利于代碼的維護。模塊定義規范與的模塊規范非常相近。一類是以國內的等類庫為代表的大教堂模式。 目標:1.了解目前公司所用得sea.js,代碼模塊式開發。 2.比較目前比較流行得bootstrap,angularJS,reactJS框架。 參考:http://seajs.org/docs/...

    renweihub 評論0 收藏0
  • seajs和requirejs的那些事兒

    摘要:遵循的是異步模塊定義規范,遵循的是通用模塊定義規范。規范的不同,導致了兩者的不同。在嘗試讓第三方類庫修改自身來支持,目前只有少數社區采納。是沒有明顯的,是明顯沒有。無這方面的支持。 發布之后發現存在一個顯示的問題,大家可以移步到我的簡書參考,謝謝大家!!!我的簡書《seajs和requirejs技術指導文檔》 昨天到今天,老衲翻閱數十篇技術文檔,為了搞明白seajs(CMD)和 req...

    zorpan 評論0 收藏0
  • seajs 源碼解讀

    摘要:本文主要簡單地解讀一下的源碼和模塊化原理。其中,是這次源碼解讀的核心,但我也會順帶介紹一下其他文件的作用的。對代碼比較簡單,其實就是聲明一下全局的命名空間。然而,真正的核心在于處理模塊依賴的問題。 seajs 簡單介紹 seajs是前端應用模塊化開發的一種很好的解決方案。對于多人協作開發的、復雜龐大的前端項目尤其有用。簡單的介紹不多說,大家可以到seajs的官網seajs.org參看...

    LiangJ 評論0 收藏0
  • 使用seajs進行模塊管理

    摘要:一類是以國內的等類庫為代表的大教堂模式。在大教堂模式下,所有組件都是顆粒化模塊化的,各組件之間層層分級環環相扣。在集市模式下,所有組件彼此獨立職責單一,各組件通過組合松耦合在一起,協同完成開發兼容性持續更新中。。。 前端模塊化開發的價值 解決命名沖突 我們做項目是常常會做一些通用功能的封裝,封裝成一個個的函數,然后保存在一個名叫util.js的文件中.這種情況就很有可能在另一個開發人員...

    saucxs 評論0 收藏0
  • JavaScript_模塊化

    摘要:默認會有三個參數,,也可以接受兩個以上的參數,字符串表示模塊標識。獲取模塊的接口調用模塊中的定義方法模塊內部異步加載模塊,并在加載完成后執行指定的回調函數。對象,這種方式可以將模塊內部多個屬性多個方法暴露出來。是在自己模塊的作用域中。 JS開發的問題 沖突 依賴 JS引入的文件,產生依賴. 使用命名空間解決: 命名空間的弊端 調用的時候 名字比較長. 只能減低沖突,不能完全避免 ...

    dkzwm 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<