mvvm框架--san.js 學習筆記（一）

zhangrxiang 發布于2019-08-23 12:31 / 1129人閱讀

摘要：最近，由于公司項目需要，使用百度框架開發了一個兼容的小項目。是框架，和有一些類似。和相比，優勢是能兼容，但沒有那么簡單易用，學習最好有一些框架的基礎。當初我自己好奇，嘗試用做了一個小型項目，這里記錄一下。

最近，由于公司項目需要，使用百度mvvm框架san開發了一個兼容ie6的小項目。san是mvvm框架，和vue有一些類似。和vue相比，優勢是能兼容ie6，但沒有vue那么簡單易用，學習san最好有一些mvvm框架的基礎。當然最讓人頭疼的是社區，現在隨便一搜，少有關于san的文章（除了官方文檔），這對初學者來說是很難的。當初我自己好奇，嘗試用san做了一個小型項目，這里記錄一下。如果你也想嘗試一下，也許我的文章會對你有一些幫助。

我將從零開始，用san做一個demo，做一個記錄。好，直接開始，做一個簡單的。

Quik start 項目結構

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/" // 后臺api

var middleware = proxy("/api/**", { // **：匹配所有請求路徑
    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); // 添加監聽，項目文件改動保存，瀏覽器自動刷新
}
Server();

get start

$ cd start

$ npm i

$ node app.js

本例：源碼

感興趣的繼續關注，有時間再寫。

云服務器 GPU云服務器學習筆記一 mvvm框架的avalon 學習筆記基礎學習筆記

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

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

學習MVVM及框架的雙向綁定筆記

摘要：的數據劫持版本內部使用了來實現數據與視圖的雙向綁定，體現在對數據的讀寫處理過程中。這樣就形成了數據的雙向綁定。 MVVM由以下三個內容組成 View：視圖模板 Model：數據模型 ViewModel：作為橋梁負責溝通View和Model，自動渲染模板在JQuery時期，如果需要刷新UI時，需要先取到對應的DOM再更新UI，這樣數據和業務的邏輯就和頁面有強耦合。在MVVM中，U...

VioletJack 2019-08-23 15:04 評論0 收藏0
基于Vue的MVVM學習筆記

摘要：發布訂閱現在每個人應該都用微信吧，一個人可以關注多個公眾號，多個人可以同時關注相同的公眾號。公眾號每周都會更新內容，并推送給我們，把寫好的文章在微信管理平臺更新就好了，點擊推送，就相當于發布。什么是MVVM MVVM——Model-View-ViewModle的縮寫，MVC設計模式的改進版。Model是我們應用中的數據模型，View是我們的UI層，通過ViewModle，可以把我們M...

Alan 2019-08-23 18:07 評論0 收藏0
Android開源架構

摘要：音樂團隊分享數據綁定運行機制分析一個項目搞定所有主流架構單元測試一個項目搞定所有主流架構系列的第二個項目。代碼開源，展示了的用法，以及如何使用進行測試，還有用框架對的進行單元測試。 Android 常用三方框架的學習 Android 常用三方框架的學習 likfe/eventbus3-intellij-plugin AS 最新可用 eventbus3 插件，歡迎品嘗簡單的 MVP 模...

sutaking 2019-06-24 17:55 評論0 收藏0