成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

mvvm框架--san.js 學(xué)習(xí)筆記（一）

zhangrxiang / 1147人閱讀

摘要：最近，由于公司項(xiàng)目需要，使用百度框架開發(fā)了一個(gè)兼容的小項(xiàng)目。是框架，和有一些類似。和相比，優(yōu)勢(shì)是能兼容，但沒有那么簡(jiǎn)單易用，學(xué)習(xí)最好有一些框架的基礎(chǔ)。當(dāng)初我自己好奇，嘗試用做了一個(gè)小型項(xiàng)目，這里記錄一下。

最近，由于公司項(xiàng)目需要，使用百度mvvm框架san開發(fā)了一個(gè)兼容ie6的小項(xiàng)目。san是mvvm框架，和vue有一些類似。和vue相比，優(yōu)勢(shì)是能兼容ie6，但沒有vue那么簡(jiǎn)單易用，學(xué)習(xí)san最好有一些mvvm框架的基礎(chǔ)。當(dāng)然最讓人頭疼的是社區(qū)，現(xiàn)在隨便一搜，少有關(guān)于san的文章（除了官方文檔），這對(duì)初學(xué)者來說是很難的。當(dāng)初我自己好奇，嘗試用san做了一個(gè)小型項(xiàng)目，這里記錄一下。如果你也想嘗試一下，也許我的文章會(huì)對(duì)你有一些幫助。

我將從零開始，用san做一個(gè)demo，做一個(gè)記錄。好，直接開始，做一個(gè)簡(jiǎn)單的。
Quik start 項(xiàng)目結(jié)構(gòu)

1、index.html




    
    
    
    mySan

2、 package.json

{
  "name": "start",
  "version": "1.0.0",
  "description": "demo by yongchaoo",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.0",
    "http-proxy-middleware": "^0.19.0"
  }
}

3、app.js

var browserSync = require("browser-sync").create();
var proxy = require("http-proxy-middleware")
var devApi = "http://www.api.com/" // 后臺(tái)api

var middleware = proxy("/api/**", { // **：匹配所有請(qǐng)求路徑
    target: devApi, 
    changeOrigin: true, 
    pathRewrite: {"^/api" : "/api"}}); //重寫路由

function Server() {
    var bs = browserSync.init({
        port: 8001,
        server: {
            directory: true,
            baseDir: ["./"],
        },
        open: true,
        middleware: [middleware],
        startPath: "/index.html"
    })
    browserSync.watch("**").on("change", browserSync.reload); // 添加監(jiān)聽，項(xiàng)目文件改動(dòng)保存，瀏覽器自動(dòng)刷新
}
Server();
get start 
$ cd start

$ npm i

$ node app.js

本例：源碼

感興趣的繼續(xù)關(guān)注，有時(shí)間再寫。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98670.html

相關(guān)文章

  • 學(xué)習(xí)MVVM及框架的雙向綁定筆記

    摘要：的數(shù)據(jù)劫持版本內(nèi)部使用了來實(shí)現(xiàn)數(shù)據(jù)與視圖的雙向綁定，體現(xiàn)在對(duì)數(shù)據(jù)的讀寫處理過程中。這樣就形成了數(shù)據(jù)的雙向綁定。 MVVM由以下三個(gè)內(nèi)容組成 View：視圖模板 Model：數(shù)據(jù)模型 ViewModel：作為橋梁負(fù)責(zé)溝通View和Model，自動(dòng)渲染模板 在JQuery時(shí)期，如果需要刷新UI時(shí)，需要先取到對(duì)應(yīng)的DOM再更新UI，這樣數(shù)據(jù)和業(yè)務(wù)的邏輯就和頁面有強(qiáng)耦合。 在MVVM中，U...

    VioletJack 評(píng)論0 收藏0

  • 基于Vue的MVVM學(xué)習(xí)筆記

    摘要：發(fā)布訂閱現(xiàn)在每個(gè)人應(yīng)該都用微信吧，一個(gè)人可以關(guān)注多個(gè)公眾號(hào)，多個(gè)人可以同時(shí)關(guān)注相同的公眾號(hào)。公眾號(hào)每周都會(huì)更新內(nèi)容，并推送給我們，把寫好的文章在微信管理平臺(tái)更新就好了，點(diǎn)擊推送，就相當(dāng)于發(fā)布。 什么是MVVM MVVM——Model-View-ViewModle的縮寫，MVC設(shè)計(jì)模式的改進(jìn)版。Model是我們應(yīng)用中的數(shù)據(jù)模型，View是我們的UI層，通過ViewModle，可以把我們M...

    Alan 評(píng)論0 收藏0

  • Android開源架構(gòu)

    摘要：音樂團(tuán)隊(duì)分享數(shù)據(jù)綁定運(yùn)行機(jī)制分析一個(gè)項(xiàng)目搞定所有主流架構(gòu)單元測(cè)試一個(gè)項(xiàng)目搞定所有主流架構(gòu)系列的第二個(gè)項(xiàng)目。代碼開源，展示了的用法，以及如何使用進(jìn)行測(cè)試，還有用框架對(duì)的進(jìn)行單元測(cè)試。 Android 常用三方框架的學(xué)習(xí) Android 常用三方框架的學(xué)習(xí) likfe/eventbus3-intellij-plugin AS 最新可用 eventbus3 插件，歡迎品嘗 簡(jiǎn)單的 MVP 模...

    sutaking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<