面板模組功能
一、elements
在element中主要分兩塊大的部分
a：html結構面板
b：操作dom樣式、結構、時間的顯示面板
1.在a中，每當你的滑鼠移動到任何乙個元素上，對應的html檢視中會給該元素藍色的背景。
2.如果你單擊選中乙個元素，在a部分的底部，會顯示該元素在html結構中的位置關係
3.然後你可以在b部分的styles選項中編輯該元素的樣式，並且看到html結構的實時更新（大大的福利）
4.你可以在b介面中切換到event listeners選項，觀察該元素繫結的事件。
click 是事件名稱
.div1 事件是索引名稱（也就是通過什麼繫結的）
attachment 事件**
handler裡面包含事件的毀掉主體內容
usecapture表示該事件是否向上冒泡
5.在b介面中切換到properties選項，可以看到選中元素的各種資訊（英文單詞裡面的介紹比較簡單，就不一一介紹了）。
6.點選a介面的任意地方，按快捷鍵ctrl+f可以看到底部有輸入框，在輸入框中輸入你想要查詢的任何內容，如果匹配到了，都回在a面板中高亮顯示
二、network
1.network是乙個監控當前網頁所有的http請求的面版，它主體部分展示的是每個http請求，每個字段表示著該請求的不同屬性和狀態
2.單擊面板中的任意一條http資訊，會在底部彈出乙個新的面板，
其中記錄了該條http請求的詳細引數header（表頭資訊、返回資訊、請求基本狀態---請參看http1.1協議內容對號入座）、
preview（返回的格式化轉移後文字資訊）、response**移之前的原始資訊）、cookies（該請求帶的cookies）、timing（請求時間變化）
3.在主面板的頂部，有一些按鈕從左到右它們的功能分別是：
是否啟用繼續http監控（預設高亮選中過）、清空主面板中的http資訊、是否啟用過濾資訊選項（啟用後可以對http資訊進行篩選）、
列出多種屬性、只列出name和time屬性、preserve log（目前不清楚啥用）、dishable cahe（禁用快取，所有的304返回會和fromm cahe都回變成正常的請求忽視cache conctrol 設定）；
4.最後在主面板的底部有記錄了整體網路請求狀態的一些基本資訊
三、resources
resources部分較簡單，他主要向我們展示了本介面所載入的資源列表。還有cookie和local storage 、session 等本地儲存資訊，
在這裡，我們可以自由地修改、增加、刪除本地儲存。
mysql基礎篇（一）
1 insert 的用法 insert into tablename value 2 change和modify都可以修改表定義，不同的是change後面必須寫兩次列名，但是change的優點是可以修改列名稱，modify不能 3 表型別 儲存引擎 myisam 預設儲存引擎，這種儲存對於訪問的快，...
測試基礎篇（一）
什麼是軟體測試 測試與除錯的區別 什麼是bug 什麼是測試用例 測試過程可能遇到的問題 開發模型和測試模型 軟體的生命週期 螺旋模型 強調風險分析，適用於風險性專案 優點 缺點 敏捷 軟體測試v模型 明確的標註了測試過程中存在的不同型別的測試，並且清楚的描述了這些測試階段和開發過程期間各階段的 對應...
Redis 基礎篇（一）
今天我們來講一講快取 目前，memcache 和 redis 是網際網路分層架構中，最常用的 key value 快取。那麼如何選擇呢 下面來看一下兩種快取的比較 redis mecache 吞吐量十萬左右 qps 達到幾十萬 qps 資料結構 支援多種資料結構，如雜湊，列表，集合，有序集合這類複雜...