效能檢測工具-------
國外:yslow:23條效能軍規,打分制,提供瀏覽器外掛程式
webpagetest:真實瀏覽器,多地區,視屏截圖
googlepagespeed:真實瀏覽器,移動端
國內:效能魔方(推薦):多地區 運營商 多角度 優化建議--- 賬號owen
阿里測(老牌):多地區 多瀏覽器 訪問限制
17ce:多地區評測訪問速度,更偏運維
api測試與相容--------
http協議入門
為什麼?
絕大多數的web應用,都建在http協議之上
是什麼?
無狀態、b/s模式應用層協議,多基於tcp協議
包含啥?
請求:報文格式(報頭、正文、uri)、請求方法、請求頭
響應:狀態碼、訊息報頭、響應正文
faq?
常見請求頭:user-agent、cookie、referrer
常見響應頭:content-type 、 content-length 、cache
常見狀態碼:2xx(請求成功) 3xx(頁面跳轉)4xx(客戶端請求錯誤,資料格式)5xx(伺服器端錯誤)
參考資料 http權威指南 tcp/ip詳解
瀏覽器開啟網頁時發生了什麼?(瀏覽器基本工作原理)
位址列輸入url 之後
dns解析(多級快取)--解析輸入的url
請求(tcp連線 http報文)
解析(解壓 快取處理 引用資源)--對壓縮過的js css**進行解壓,以及 等引用資源
構建:dom樹(節點顯隱 層次結構)
構建:cssom樹(css優先順序)
構建:render樹(css匹配規則)
(render樹的改變,導致重繪) repaint+reflow
repaint:**類外觀改變引發的重新渲染,如背景色
reflow:位置 大小 盒模型等發生變化需要重新布局
常見誘因:
頁面滾動
頁面縮放
新增樣式
操作dom(屬性 樣式 增刪節點)
計算寬高位置等
指令碼:文件狀態(阻塞和延遲 內聯和外聯)
渲染頁面(dom+cssom--> render-tree)
1.api測試資料
工具: 谷歌瀏覽器 有內建的 dhc,postman也是一款很不錯的api測試工具
包括:1.請求構造
請求引數,請求頭 請求方法
響應檢視 格式化
2.請求管理
儲存 命名空間管理(專案 服務)
3高階用法
請求複製
資料匯入匯出
2.瀏覽器相容3部區
1如何發現問題?
quirksmode:相容性列表
caniuse:查詢js特性,css屬性,html5等的支援情況(推薦)
caniuse.com
2 如何解決問題:
1 browserhacks:不同瀏覽器及版本支援的各種黑科技
browserhacks.com
2 shim:補充老舊瀏覽器的不足,讓**更順手
es5shim
es6shim
html5shim
jsonshim
3 如何把事做絕:
漸進增強,工具:modernizr(推薦) feature.js
modernizr:現代瀏覽器特徵檢測,助你漸進增強
feature.js:類似 modernizr比較輕量,不支援css
基於modernizr做漸進增強(增強老舊瀏覽器的功能)
全域性安裝:modernizr
獲取配置:自定義構建
生成構建:命令列用法
引入指令碼:直接頁面引用
使用方法:js+css
mysql檢測工具 MySQL效能測試工具
the mysql benchmark suite mysql super smack mybench mysqlslap 除了第乙個為mysql效能測試工具,其他兩個都為壓力測試工具。1.the mysql benchmark suite 這個測試工具是隨著mysql繫結發行的,基於perl語言和...
Linux 效能檢測工具 FREE
free name free 顯示系統可用記憶體和已使用記憶體 語法 free b k m o s delay t l v 描述 free 顯示了總可用和被用的物理記憶體和 swap 記憶體,也包括核心使用的 buffer shared memory 已經被廢棄 選項 b k m b 以位元組為單位...
gperftools效能檢測工具使用
一 安裝環境 1 安裝編譯libunwind linux 64位機必裝 git clone b v1.3 stable autogen.sh configure make sudo make install 2 echo usr local lib etc ld.so.conf.d local.co...