extjs的使用筆記

2006年jack slocum斯洛克姆 基於yui寫的擴展前端框架(就是由一些前端可視化組件如表單,樹, 表格,等組成的frameset或者叫作 ui engine),叫yui-ext, 後來成熟後獨立了在0.33版的時候改成exejs. 2007年發佈1.0版本. 如今最新版本是5.0 比較成熟和大改動的是4.0版本
Extjs和觸摸屏和svg項目合併爲 sencha 項目, 主要是讓Extjs能處理觸摸屏和圖像處理功能.

ajax自己是屬於前端技術, 跟後臺無關, 由於它不參與後臺數據/程序處理, 它只管接受後臺傳送來的數據, 至於數據是怎麼來的, 怎麼處理的它不關心.
因此Extjs 是一個前端ajax框架:

ExtJS能夠用來開發RIA也即富客戶端的AJAX應用，是一個用javascript寫的，主要用於建立前端用戶界面，是一個與後臺技術無關的前端ajax框架。
該框架徹底基於純Html/CSS+JS技術，提供豐富的跨瀏覽器UI組件，靈活採用JSON/XML數據源開發，使得服務端表示層的負荷真正減輕，從而達到客戶端的MVC應用
JQuery、 Prototype和YUI都屬於很是核心的JS庫。雖然YUI，還有最近的JQuery，都給本身構建了一系列的UI器件（Widget）(好比jquery自己也有一些jqueryUi, 或jquery EasyUI)，不過卻沒有一個真正的整合好的和完整的程序開發平臺。哪怕是這些低層的核心庫已經很是不錯了，但當投入到真正的開發環境中，依然須要開發者作大量的工做去完善不少缺失之處。而Ext就是要填補這些缺口。主流開源框架中只有Dojo像Ext同樣，嘗試着提供整合的開發平臺。

組件包括配置屬性/事件/方法. 事件和方法的區別: 事件是監聽器, 處於"伺服"狀態, 捕獲和監聽; 而方法是處理操做組件的api.

要學習及應用好Ext框架，須要理解Html DOM、Ext Element及Component三者的區別。 全部的方法和事件等操做, 最終都要經過js來操做dom , 最終全部的改變, 都要反應到html頁面上來. 爲了更好更方便的操縱dom, 使用了ext element元素對dom作了包裝/封裝, 可是隻有dom和element是不夠的, 由於有時候, 你要顯示一些交互式的ui界面, 如表格, 圖形, 樹, 對話框, 這些不是dom(或者說不能直接的, 直觀的用dom來表示, 雖然最後仍是要轉化爲html代碼). 這時就要使用ext的components組件了.

Ext自己的華麗外表就很吸引眼球了，但這僅僅是其外在的美，還有最核心的內在美，即：Json(JavaScript Object Notation)。Json是一種數據交互格式，一個不能實現數據交互功能的項目是沒有任何意義的，大多的Ajax框架的數據交互都基於Json，如：jQuery、ExtJs等。所以理解Json掌握Json並熟練運用是很重要的。

在md的引用表示中, 全部的引用的都放在 > 後面, 若是 兩個> 行之間沒有空格, 則這些內容都表示 "一個" 引用段落, 被放在一塊兒. 若是你要 將兩個段落分紅兩個 引用框進行顯示, 則在> 的行之間留有 至少一個空行

---

如何禁用百度聯盟網站的個性化推廣?
是由於百度會記錄並使用, 用戶的cookie(cookie中會記錄用戶的搜索關鍵字和點擊行爲).
有兩種方法能夠禁用cookie:

1. 在"使用百度前閱讀"-> 隱私使用保護 -> 個性化配置 -> "禁用cookie"
   

2. 在firefox中, 的privacy中的"歷史記錄信息" history: 1.Remember history; 2. never remember histroy 3. use custom settings for history.(使用自定義歷史記錄) 在使用custom settings中, 你能夠選擇接受仍是拒絕cookie, 而且能夠設置那些站點能夠接受仍是拒絕.
   可是要注意, 當禁用cookie的時候, 有些站點是沒有辦法使用的.

3. 因此, 比較好的設置方法是: 使用自定義的settings for history. and always Accept cookies from visited sites , 可是 要設置 : exceptions, 將你不想接收cookies的sites 給 block掉, 其餘allow的sites給添加.
   
   

---

why a rpm package is refused to be installed?
Perhaps you have created a repository file /etc/yum.repos.d/rpmfusion-free...repo manually, then there is not a signing file in /etc/pki/rpm-gpg/RPM-GPG-KEY-rpmfusion-free-fedora-23 in /etc/pki/rpm-gpg, So , RPM/yum/dnf rightfully refused to install the package

A permalink or permanent link is a URL that is intended to remain unchanged for many years into the future, y

解決方法是:

1. 安裝/導入 rpm/dnf安裝所須要的gpg-key文件:
   rpm --import http://sourceforge.net/projects/postinstaller/files/data/RPM-GPG-KEY-rpmfusion-free-fedora-18
2. 就是在安裝的時候, 禁用gpg檢查, 即指定dnf選項: sudo dnf --nogpgcheck install some_packages
   
   中途在切換到root的時候, 下載的安裝包並無從新在foo用戶的時候, 再去從新下載, 說明, 使用sudo命令安裝的時候, 實際上用的 root身份, 就是以root用戶來運行的.

在ls文件的時候, 若是文件中包含一些特殊符號, 如 , 空格等 (), []等, 可能須要用反斜槓 來進行轉義

導入gpg key signing file的方法參考:http://blog.csdn.net/xdzfli/article/details/20225459 , 位置在 https://rpmfusion.org/keys , 也就是說, rpmfusion項目自己就有它的 官方網站, rpmfusion.org. And in the page "rpmfusion.org/get-or-view, you can download RPM-GPG-KEY-rpmfuson-free-fedora-23, and in the page "rpmfusion.org/configuration", you are informed how to install rpmfusion free and nonfree repositories.

注意的是, 安裝rpmfuson free or nofree need to enable EPEL first for EL. 這裏說的僅僅是針對 Red hat的企業版及其 企業板的兼容版本, 如centos. 所以, 桌面版的 fedora 是沒必要的, 沒必要事先啓用epel. 從名字上也能夠看出, epel is for el and is not necessary for fedora.

gpg is used for digital signatures when installing every rpm package by default. under the directory /etc/pki/rpm-gpg, there are some gpg key files which match variable version fedora system while rpm packages were installed by dnf command.

並且在訪問某個站點的時候, 即便你拿不許是http協議仍是https協議, 那麼你就不要 / 也不用 寫前面的協議, 只是寫後面的訪問 地址就行了. The browser will automatically and intelligently decide to use http protocol or https.

---

dnf 的本地安裝, 命令, 也是用 dnf install ...
能夠將 rpm-free, rpm-nonfree, 下載並從 /tmp拷貝到 Downloads目錄, 而後直接用dnf install安裝或 可視化的 software軟件會自動彈出並安裝.
下載的地址是:

本地安裝dnf:

---

extjs的幾個常用的版本:
Extjs 5 beta 版下載連接：http://cdn.sencha.com/ext/beta/ext-5.0.0.736.zip
Extjs 4.2.1 下載連接：http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
Extjs 4.0.7 下載連接：http://cdn.sencha.io/ext-4.0.7-gpl.zip
Extjs 3.4.0 下載連接：http://cdn.sencha.com/ext/gpl/ext-3.4.1.1-gpl.zip
Extjs 2.3.0 下載連接：http://dev.sencha.com/deploy/ext-2.3.0.zip
以上是Extjs經常使用的幾個開源版本的下載。

只要知道了資源(能夠時一個圖片, 一個zip壓縮文件, 一個安裝包等)的地址, 用wget時很方便的獲得和 下載的.
w3m的使用方法 參考: http://baike.baidu.com/item/w3m
若是你想高速的/不想看到圖片(固然也沒有什麼圖片和flash來打擾你! ), 只須要文本閱讀的方式訪問網站的時候, 使用w3m是最適合的了. 一些最多見的操做方法是:
參考:http://www.cnblogs.com/iamhenanese/p/5583800.html
w3m的不少操做, 有幾個特色, 一是操做大可能是 大寫的單字母, 二是, 操做可能是對應單詞的首字母, 如 B(back), I(image), L(是列出全部的links), ctrl_h(history)列出全部的歷史頁面, 另外, 因爲w3m是命令行的 瀏覽器, 因此它的操做跟shell, vi等移動光標的操做方法是一致的.

1. 移動光標: hjkl, 不移動光標, 只是滾動頁面, 使用 J K. 向下滾動一頁是space, 向上滾動一頁 是b

2. 標籤tab操做: 新建標籤T, 列出全部的標籤, esc-t, 在標籤間滾動 {, }.
   
   注意, 這個圖片中的 SPC是: space: 空格的意思, space for select/ : 空格表示選擇選中的意思

3. 關於書籤(bookmarks) , 添加書籤esc-a(add), 列出書籤esc-b(bookmarks)
4. 前進和後退: enter, 後退B.
5. 文本輸入: 直接在 文本框中單擊enter回車就能夠輸入文本了
6. 修改頁面的url地址: U, 查看連接的地址是: u
7. 列出歷史ctrl_h.
8. 幫助, H . 頁面使用的是 w3mhelp.cgi, 由於沒有安裝apache和php, 因此頁面顯示不出來.
9. 下載連接, 使用a命令
10. 在超連接之間跳轉, [: 到第一個鏈接, ]: 到最後一個超連結
11. 關於圖片: i顯示圖片的地址, I: 查看的圖片, esc-I(是大寫的I): 將圖片另存爲:

12. 設置w3m的選項: o命令: option , 選中yes,或no,使用enter, 而不要使用spc, 由於那個會下移 一個頁面. 好比是否顯示行號, 是否改變/自定義設置 頁面的背景顏色, 字體顏色, 各類連接的顏色等.
    
    

13. 關於查看頁面的屬性: =等號命令查看頁面的屬性; ctrl_g: 顯示當前行; c: current link, 顯示當前頁面的地址.

14. 還可使用ctrl-z掛起瀏覽器, 使用fg能換回到前臺.
    一般, w3m中不會啓用javascript支持, 因此須要js支持的頁面可能不能正常瀏覽或進入, 遇到這種狀況時, 可使用 M 命令打開 圖形界面的 browser.

---

更加深入地理解 sudo?

sudo = su +do , 就是(將當前用戶) 以 su(super用戶, 即root)用戶, 來執行命令, 來do命令(do就是perform執行)的意思.
sudo有點相似於 selinux, 它規定了用戶foo能夠執行的 程序的類型, 是針對用戶能夠執行的命令來 規定的, 而不是(一般不是, 固然你也能夠指定命令更詳細的參數, 文件對象來限制能夠執行的對象,但一般不須要, 不會聲明命令執行的對象)規定命令執行的對象. 因此 它是指普通用戶以 root的 身份去執行 命令. 就至關於你如今登陸到root用戶的了.
因此你就能夠執行這些命令了. 由於你是以root用戶來執行的, 因此只要是 你 賦予權限的命令, 基本上你是能夠執行 這個命令的 任何能夠執行的 文件或對象的了

一般, 除了要賦予經常使用的普通用戶 如foo, 如安裝軟件的命令(SOFTWARE) . 以及其餘一些在 平常工做中 , 常常用的命令, 以 "FS" file system 文件系統的命令, 如cp, mv
, vi(vi是指以root身份來運行vi命令, 那麼當foo用戶使用vi命令的時候, 它就能夠vi編輯任何文件, 包括 /etc/sudoers, 固然, 由此產生的風險 不是由foo來負責, 而是由 授予foo權限的 root超級管理員來負責的).

---

abuse: ab-use: [2'bju:z], n. v. 虐待, 濫用, 辱罵等等. suffered abuse, child abuse...

---

基本上, 在全部的js框架中, 表示多個 key: value的內容時, 都是使用的 {...}形式, 它表示的是 一個 js對象. 注意這是一個常識!! 能夠把它 ,好比:{duration: 1, callback: this.foo, scope: this}放在函數的一個參數中，如el.setWidth(500, {duration: 1, callback: this.foo, scope: this}) , 也能夠把它做爲一個單獨的對象進行定義: var opt={duration: 1, callback: this.foo, scope: this};然 後, 在函數中直接使用這個object literal(對象文本, 對象文字). el.setWidth(600,opt);