前沿拓展：
ie6 下載
百度 IE6 之后就能找到你要的東西了，不過(guò)還要在你電腦里設(shè)置上不 。初始化組件對(duì)象讓組件在相應(yīng)的地方渲染
額外提示：在 JavaScript 中書(shū)寫(xiě) HTML 片段對(duì)維護(hù)來(lái)說(shuō)是不友好的，我們可以通過(guò) WebPack、AMD plugin、異步請(qǐng)求等方式管理。這里為了例子的簡(jiǎn)單就寫(xiě)在一起了。
從官方文檔可以大致了解了San是如何工作的，以及如何使用！
相關(guān)特性
San一共包含了九大特性，我們一起來(lái)了解下：
HTML模板
聲明式的模板，在編寫(xiě)視圖時(shí)就像是在寫(xiě)一個(gè)普通的頁(yè)面，更符合 HTML 開(kāi)發(fā)人員的習(xí)慣。
數(shù)據(jù)驅(qū)動(dòng)
修改數(shù)據(jù)，視圖引擎會(huì)根據(jù)綁定關(guān)系自動(dòng)刷新視圖，從此擺脫手工調(diào)用 DOM API 的繁瑣與可能的遺漏。
組件化
組件是數(shù)據(jù)、邏輯與視圖的聚合體。通過(guò)組件，我們封裝**的功能區(qū)塊，小到輸入組合，大到一個(gè)頁(yè)面。
高性能視圖
通過(guò)修改數(shù)據(jù)的方法，視圖引擎能夠直接刷新需要變更的視圖區(qū)域，無(wú)需進(jìn)行任何檢測(cè)，性能更高。
組件反解
為首屏?xí)r間優(yōu)化，服務(wù)端通常直接輸出HTML。我們能從現(xiàn)有的元素中反向解析出組件，并構(gòu)建綁定關(guān)系。
體積小巧
小于15k (gzipped) 的體積，無(wú)需擔(dān)心對(duì)頁(yè)面下載帶來(lái)負(fù)擔(dān)。體積強(qiáng)迫癥患者的福音。
良好的兼容性
通過(guò)方法修改數(shù)據(jù)的另一好處是，可以獲得更好的瀏覽器兼容性。畢竟有時(shí)我們產(chǎn)品的受眾用戶有點(diǎn)**板。
模塊管理自由
項(xiàng)目中可以任意選擇 ESNext Module 或 AMD 管理模塊。當(dāng)然，如果你想要用全局變量也是支持的。
引用方便
支持多種引用方式：NPM、GitHub、下載、HTTP 與 HTTPS CDN，讓開(kāi)發(fā)和線上引用更便利。
文檔簡(jiǎn)介
官方提供了非常詳細(xì)的文檔，而且文檔中都帶有示例，也就相當(dāng)于是教程，下面是一個(gè)最簡(jiǎn)單的San組件：
一個(gè)語(yǔ)法如下的 .san 文件，就是一個(gè) San component：
<template>
<div >hello {{msg}}</div>
</template>
<script>
export default {
initData () {
return {
msg: ‘world’
};
}
}
</script>
<style>
.hello {
color: blue;
}
</style>
文檔大致是這些，就不再詳細(xì)的去看了，有需求的可以直接到官網(wǎng)查看：
周邊支持
San提供了提高生產(chǎn)力的相關(guān)周邊：
DevTool
提供了類似于Vue和React的那種基于Chrome擴(kuò)展的開(kāi)發(fā)者工具
San-mui
一套為開(kāi)發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 san 框架的組件庫(kù)，遵循 material design 規(guī)范，融入了開(kāi)發(fā)常用的ui組件，幫助你快速搭建網(wǎng)站，開(kāi)源的 San-MUI 來(lái)自百度 EFE。
Router
支持hash和html5模板的router。單頁(yè)面或同構(gòu)的Web應(yīng)用一般都需要它
Store
應(yīng)用狀態(tài)管理套件，理念類似于flux的單向流
Update
Immutable的對(duì)象更新庫(kù)，和san-store配合進(jìn)行應(yīng)用狀態(tài)數(shù)據(jù)更新
小編綜合來(lái)說(shuō)
San是一個(gè)傳統(tǒng)意義上的MVVM框架，優(yōu)秀的兼容性提升了其使用價(jià)值，完善的周邊支持可共開(kāi)發(fā)者選擇，如果你有類似的需求，當(dāng)然可以選擇它！
拓展知識(shí)：
原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請(qǐng)注明出處：http://cxzzxj.cn/37215.html
相關(guān)推薦
-
高端cpu天梯圖(CPU性能天梯圖)
什么是“高端cpu天梯圖”？ 高端cpu天梯圖是由國(guó)內(nèi)知名科技網(wǎng)站硬件天梯發(fā)布的對(duì)當(dāng)前市面上主流高端cpu性能進(jìn)行排名的一張表格。這份表格以當(dāng)前最流行的游戲和應(yīng)用軟件等方式作為測(cè)試…
-
2015年1500主機(jī)配置
1500主機(jī)配置的概述 2015年的1500主機(jī)配置是指臺(tái)式電腦的硬件配置，包括CPU（**處理器）、顯卡、內(nèi)存、硬盤等。這一時(shí)期的1500主機(jī)配置在整個(gè)電腦市場(chǎng)上的性價(jià)比非常高，…
-
目前最輕薄的筆記本電腦(最輕薄的筆記本電腦排行)
目前最輕薄的筆記本電腦 一直以來(lái)我都想選擇一款適合自己需求的商務(wù)辦公本：性能要足夠強(qiáng)，15-17英寸大屏，分辨率不要到4K，2K-3.2K最佳，盡可能的便攜，不要“傻大黑”，其它甜…
-
i7 6700搭什么主板，適合i76700的主板推薦
性能怎么樣？ i76700是英特爾的第六代i7處理器，四核八線程，主頻為3.4GHz，最高可達(dá)4.0GHz，性能非常出色。 需要注意哪些方面？ 挑選主板時(shí)需要注意的方面包括：主板的…
-
筆記本散熱底座推薦(筆記本散熱底座真的有用嗎)
筆記本散熱底座推薦(筆記本散熱底座真的有用嗎) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X和筆記本電腦過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，電腦使用的一些小技巧等內(nèi)容 介紹 迷…
-
大白菜u盤啟動(dòng)工具-怎么用大白菜工具修復(fù)系統(tǒng)引導(dǎo)
本文目錄1、怎么用大白菜工具修復(fù)系統(tǒng)引導(dǎo)？2、大白菜超級(jí)u盤啟動(dòng)制作工具到98%就不動(dòng)了為什么?。?、大白菜萬(wàn)能U盤啟動(dòng)裝系統(tǒng)的操作方法？4、安裝大白菜U盤啟動(dòng)制作工具后U盤變小了200多MB？5、大白菜超級(jí)u盤啟動(dòng)制作工具？1、怎么用大白菜工具修復(fù)系統(tǒng)引導(dǎo)？1、將大白菜u盤啟動(dòng)盤插入usb接口，然后重啟電腦，出現(xiàn)開(kāi)機(jī)畫(huà)面時(shí)，通過(guò)使用啟動(dòng)快捷鍵引導(dǎo)u盤啟動(dòng)進(jìn)入到大白菜主菜單界面，選擇“【02】運(yùn)行
-
2000元左右性價(jià)比最高的筆記本電腦(2000元左右手機(jī)性價(jià)比高推薦)
2000元左右性價(jià)比最高的筆記本電腦(2000元左右手機(jī)性價(jià)比高推薦) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，熱門電腦游戲需求配置，電…
-
2015配個(gè)2000左右的主機(jī)(2015入**申請(qǐng)書(shū)2000字左右)
2015配個(gè)2000左右的主機(jī)(2015入**申請(qǐng)書(shū)2000字左右) 老鐵們好啊，今天小編給大家分享下我們?cè)谑褂秒娔X和筆記本電腦過(guò)程中會(huì)遇到的一些問(wèn)題故障該如何處理，電腦使用的一些…
-
電腦一體機(jī)品牌排行榜前十名(一體機(jī)電腦品牌排行榜前十名百度)
一體機(jī)顯示器什么牌子好？ 目前液晶方面的產(chǎn)品全世界只有幾個(gè)品牌在做： 三星 LG 、奇美 群創(chuàng) 、京東方 華星等一些廠才有技術(shù)做出來(lái)。 全世界的一體機(jī)基本都是用這幾個(gè)品牌的液晶屏。…
-
2000左右性價(jià)比的游戲主機(jī)(2000元左右性價(jià)比高的游戲手機(jī))
簡(jiǎn)介 電子游戲一直是年輕人以及許多人的娛樂(lè)，而隨著技術(shù)的進(jìn)步，游戲主機(jī)也隨之更新?lián)Q代。對(duì)于很多愛(ài)游戲的玩家來(lái)說(shuō)，一個(gè)好的游戲主機(jī)可以為他們提供更加流暢的游戲體驗(yàn)。然而，在如今許多游…