99精品久久精品一区二区-亚洲熟妇无码?v在线播放-日本国产精品无码字幕在线观看-久久久亚洲永夜AV-亚洲一级无码一区二区一-免费国产成高清人在线视频-中文字幕乱码免费观看-国产毛片精品妇女久久久

ARTICLE DETAIL

資訊詳情

深耕商務(wù)建站與企業(yè)官網(wǎng)運(yùn)營(yíng)的一線實(shí)戰(zhàn)洞察。

可嵌入交互式Shell OpenShell:從架構(gòu)到渲染的完整實(shí)踐

可嵌入交互式Shell OpenShell:從架構(gòu)到渲染的完整實(shí)踐 如果你每天都要跟命令行打交道大概率攢過(guò)一堆“換個(gè)更好的 Shell”的念頭。Bash 夠老牌但總覺(jué)得差點(diǎn)順滑PowerShell 功能強(qiáng)但配置一復(fù)雜就頭疼不少終端工具美化做得好看真跑批量任務(wù)時(shí)效率反而掉鏈子。我斷斷續(xù)續(xù)折騰了一年多搞出來(lái)的 OpenShell就是想把那些痛點(diǎn)放到同一個(gè)屋檐下一個(gè)開源、跨平臺(tái)、可嵌入的交互式 Shell 環(huán)境既能當(dāng)日常終端用也能作為前端組件接入到其他工具里。這個(gè)項(xiàng)目最初談不上什么宏大目標(biāo)純粹是我自己在多個(gè)終端之間切來(lái)切去切煩了。后來(lái)發(fā)現(xiàn)身邊的朋友也有類似困擾才決定把它做成一個(gè)真正能落地的東西。OpenShell 定位為“可嵌入的交互殼”聽上去像是宣傳話術(shù)但實(shí)際上它解決的是一個(gè)很具體的問(wèn)題當(dāng)你既想要好用的命令補(bǔ)全、漂亮的主題又想把同一套交互能力嵌入自己的 Web 工具或桌面工具時(shí)現(xiàn)成的 Shell 很難給你干凈的集成接口。這篇東西我會(huì)把從交互設(shè)計(jì)到渲染、再到插件系統(tǒng)的真實(shí)過(guò)程寫出來(lái)包括踩過(guò)的坑和最后怎么繞出來(lái)。它適合兩類人看一類是想自己寫終端工具或自定義 Shell 的開發(fā)者另一類是好奇“為什么很多終端看起來(lái)順手”的用戶。1. 推翻重做的理由Bash、PowerShell 和終端模擬器的賬我算了一遍1.1 我整理出的四大痛點(diǎn)清單動(dòng)手寫 OpenShell 之前我花了整整兩天把自己常用的工作流全部過(guò)了一遍最后列了個(gè)很粗暴的清單。第一是補(bǔ)全體驗(yàn)割裂。Bash 默認(rèn)的補(bǔ)全只補(bǔ)命令名和文件路徑很多場(chǎng)景下我想補(bǔ)的是 Git 分支、Docker 容器名、Kubernetes 命名空間這些都得額外裝插件插件一多啟動(dòng)速度和心跳都變得不靠譜。第二是快捷鍵不統(tǒng)一。終端模擬器、Shell 本身、命令行工具三套快捷鍵經(jīng)?;ハ啻蚣芪野?CtrlW 時(shí)到底是刪單詞還是關(guān)標(biāo)簽頁(yè)完全取決于焦點(diǎn)在哪兒。第三是配置體系混亂。PowerShell 有 profile 腳本Bash 有 bashrcFish 有 config.fish每個(gè)生態(tài)都有一套自己的變量和加載順序新機(jī)器換過(guò)來(lái)總得折騰半天。第四是嵌入能力差。我想把終端界面嵌進(jìn)內(nèi)部管理后臺(tái)但現(xiàn)成方案要么是啟動(dòng)一個(gè)完整子進(jìn)程要么是拿瀏覽器插件強(qiáng)行模擬都和“嵌入”兩個(gè)字關(guān)系不大。這些痛點(diǎn)單獨(dú)拎出來(lái)每一個(gè)都有社區(qū)方案能解但串在一起就變得很別扭。這讓我下了個(gè)決心不如自己寫一套交互層把“解析命令”和“渲染界面”拆開讓前端負(fù)責(zé)體驗(yàn)后端負(fù)責(zé)執(zhí)行替換任意一端都不會(huì)傷筋動(dòng)骨。OpenShell 的架構(gòu)從第一步就是前后端分離很多人覺(jué)得終端是個(gè)單進(jìn)程程序?qū)嶋H拆開之后維護(hù)起來(lái)反而省心很多。1.2 定位不是替代品而是“可嵌入的交互殼”“可嵌入的交互殼”這個(gè)說(shuō)法剛開始連我自己都覺(jué)得虛。后來(lái)產(chǎn)品原型跑起來(lái)才慢慢界定清楚邊界OpenShell 不是要替代 Bash也不打算重新發(fā)明一套命令語(yǔ)言它做的是交互層和終端 UI 的部分命令執(zhí)行仍然交給系統(tǒng)的 Shell 或者顯式調(diào)用的解釋器。你可以把 OpenShell 想象成一個(gè)對(duì)用戶友好的前臺(tái)前臺(tái)接待客人的時(shí)候按照自己的規(guī)則來(lái)客人真正辦事還是得進(jìn)后面的辦公室也就是系統(tǒng) Shell 去做具體執(zhí)行。這個(gè)定位帶來(lái)一個(gè)很直接的好處就是我不需要去實(shí)現(xiàn)一堆命令本身。ls、grep、curl 這些工具都是現(xiàn)成的OpenShell 只需要把用戶的輸入變成一條合法的命令行把輸出流干凈地送回屏幕。這樣一來(lái)開發(fā)的重心就全部集中在了交互體驗(yàn)上輸入、提示、補(bǔ)全、渲染、歷史記錄以及如何讓這些東西協(xié)調(diào)工作。技術(shù)棧我選了 Go 做后端服務(wù)前端用 TypeScript 寫渲染層中間用 WebSocket 通信。很多人第一反應(yīng)是“多此一舉進(jìn)度用本地 Electron 不就完了”但我的場(chǎng)景里它要被嵌入若干內(nèi)部工具包括瀏覽器后臺(tái)、項(xiàng)目管理面板一個(gè)標(biāo)準(zhǔn)的服務(wù)模型反而更通用。Go 的并發(fā)模型處理多會(huì)話很順手前端渲染層通過(guò)虛擬終端解析器把控制字符畫到 Canvas 上這種方式比操作 DOM 的響應(yīng)要穩(wěn)得多。1.3 前期原型驗(yàn)證5 天跑通的最小閉環(huán)大動(dòng)干戈寫代碼之前我先給自己定了個(gè) 5 天硬性期限要求能完成三件事能冒出輸入框、能在本地執(zhí)行一條 ls 命令并把輸出顯示出來(lái)、能用方向鍵翻歷史命令。第一天沒(méi)什么好說(shuō)的搭骨架。第二、三天全耗在了輸入框的焦點(diǎn)管理和光標(biāo)顯示上因?yàn)闉g覽器里做輸入框容易模擬終端的行編輯卻意外地復(fù)雜回車換行、刪除、光標(biāo)移動(dòng)每一個(gè)都有細(xì)節(jié)。第四天把子進(jìn)程啟動(dòng)和 WebSocket 輸出管道打通。第五天補(bǔ)了最簡(jiǎn)單的補(bǔ)全在系統(tǒng)命令列表里做前綴匹配。這個(gè)最小閉環(huán)跑通后我記得自己背著手在屏幕前站了好一會(huì)兒。技術(shù)上它離一個(gè)玩具都不如但它證明了一件關(guān)鍵的事我的交互層可以完全不知道后端是誰(shuí)后端也不知道前端長(zhǎng)什么樣兩邊靠一套流協(xié)議通信。這個(gè)結(jié)論直接奠定了 OpenShell 后續(xù)所有模塊的邊界。另一方面它也暴露了真正的工作量——交互體驗(yàn)的精細(xì)程度才是這種項(xiàng)目最大的時(shí)間黑洞。2. 交互層設(shè)計(jì)熱鍵、補(bǔ)全與輸入緩沖區(qū)的協(xié)同2.1 鍵盤事件流的設(shè)計(jì)為什么我不直接監(jiān)聽按鍵字符很多人寫終端項(xiàng)目會(huì)直接監(jiān)聽 keypress 事件拿字符就往輸入緩沖區(qū)里塞。OpenShell 的第一個(gè)原型也這么干結(jié)果一星期后就被現(xiàn)實(shí)抽醒了終端用戶的按鍵不是“字符”概念而是“鍵位”概念。CtrlC 不是一個(gè)字符Delete 不是字符方向鍵也不是字符它們本質(zhì)上是一組 keycode 修飾鍵的組合只有在特定映射表里才有語(yǔ)義。如果直接按字符處理組合鍵、IME 輸入法、各種區(qū)位的鍵盤都會(huì)帶來(lái)一連串后續(xù)問(wèn)題。我重新設(shè)計(jì)了鍵盤事件流統(tǒng)一成 KeyEvent 對(duì)象包含 key、code、ctrlKey、altKey、shiftKey、metaKey 六個(gè)字段。所有快捷鍵和編輯動(dòng)作都基于這個(gè)對(duì)象來(lái)匹配而不是基于字符串。比如補(bǔ)全確認(rèn)鍵是 Tab 或者 CtrlJ刪除到行首是 CtrlU這些都會(huì)在按鍵映射層集中定義然后通過(guò)一個(gè)函數(shù)分發(fā)到具體的動(dòng)作處理器。這種設(shè)計(jì)的附帶好處是跨平臺(tái)特別省事macOS 和 Windows 的鍵盤習(xí)慣差異只需要在映射層做調(diào)解核心邏輯一行不用改。還有個(gè)容易忽略的點(diǎn)是輸入緩沖區(qū)不能直接坐落在前端。OpenShell 里緩沖區(qū)放在后端會(huì)話里前端只顯示一個(gè)可尋址的視圖。這樣用戶刷新頁(yè)面之后會(huì)話還在緩沖區(qū)也不會(huì)丟。實(shí)現(xiàn)起來(lái)不復(fù)雜難點(diǎn)在同步每次按鍵都產(chǎn)生一個(gè) delta 操作后端把新的緩沖區(qū)落一個(gè)快照返回前端。網(wǎng)絡(luò)差的時(shí)候快照會(huì)晚到所以前端還要緩存放一個(gè)未確認(rèn)的操作隊(duì)列等回包后做校準(zhǔn)。2.2 補(bǔ)全彈窗的防抖策略與排序規(guī)則補(bǔ)全是 OpenShell 最核心的交互功能也是最容易被罵的功能。第一版補(bǔ)全走的是 Throttle 節(jié)流每 100 毫秒最多觸發(fā)一次補(bǔ)全建議刷新結(jié)果在快速連續(xù)敲字符時(shí)依然會(huì)有卡頓感。后來(lái)我改成 debounce 請(qǐng)求序列號(hào)的方式用戶停止輸入 300 毫秒后才發(fā)起補(bǔ)全請(qǐng)求如果請(qǐng)求還沒(méi)返回用戶又開始打字就丟棄舊響應(yīng)保證界面上看到的永遠(yuǎn)是最新結(jié)果。補(bǔ)全結(jié)果的排序也是門學(xué)問(wèn)。我試過(guò)純字符串相似度排序效果很一般早排出了很多用戶根本不想選的選項(xiàng)。最后定的規(guī)則很簡(jiǎn)單先按命中類型分層文件名補(bǔ)全大于環(huán)境變量補(bǔ)全環(huán)境變量大于命令名命令名大于歷史命令同層之間按編輯距離排序編輯距離相同的再按使用頻率降序。這套規(guī)則雖然樸素但實(shí)測(cè)下來(lái)比大多數(shù)模糊搜索庫(kù)更符合人的直覺(jué)用戶往往往下翻三五項(xiàng)就能看到自己要的。彈窗本身也有策略。為了提高視覺(jué)穩(wěn)定性我采用“固定最大高度 視口滾動(dòng)”的模式最多顯示 10 行超出部分滾動(dòng)而不是讓彈窗無(wú)限生長(zhǎng)。彈窗的位置還會(huì)有細(xì)微的碰撞檢測(cè)提示符靠近屏幕底部時(shí)彈窗向上彈出靠近上方時(shí)向下彈出。這類細(xì)節(jié)不復(fù)雜但直接決定長(zhǎng)時(shí)間使用的舒適度。2.3 歷史記錄的環(huán)形緩沖區(qū)與模糊匹配歷史記錄我直接用環(huán)形緩沖區(qū)實(shí)做固定容量 2000 條滿了就覆蓋最舊的一條。這個(gè)容量對(duì)絕大多數(shù)人是足夠的而且插入和淘汰都是 O(1)內(nèi)存占用大約幾十 KB完全不用引入數(shù)據(jù)庫(kù)。歷史記錄里有個(gè)容易被忽視的需求會(huì)話隔離。OpenShell 支持同時(shí)開多個(gè)會(huì)話每個(gè)會(huì)話的歷史記錄是獨(dú)立的但全局歷史里又需要看到所有會(huì)話執(zhí)行過(guò)的命令。簡(jiǎn)單辦法就是兩套環(huán)形緩沖區(qū)一套全局只追加一套按會(huì)話獨(dú)立。模糊匹配方面我一開始給歷史查找做了全文模糊搜索效果反而很差因?yàn)槠ヅ涞降膬?nèi)容太碎。后來(lái)調(diào)整成前綴匹配優(yōu)先、部分匹配其次配合通配符模式。比如輸入git ch會(huì)匹配到git checkout和git cherry-pick這類以“git ch”開頭的命令這比把cat charset.txt也翻出來(lái)要合理得多。CtrlR 反向搜索的 UI 我一直在用歷史插件最經(jīng)典的半透明覆蓋層讓當(dāng)前命令和搜索結(jié)果同時(shí)可見不會(huì)因?yàn)檫M(jìn)入搜索模式而丟失正在敲的內(nèi)容。2.4 一個(gè)輸入抖動(dòng) Bug 的復(fù)現(xiàn)與修復(fù)這里必須寫一個(gè)讓我印象深刻的 Bug它是交互層模塊化不夠深的時(shí)候出現(xiàn)的。癥狀是快速輸入時(shí)偶發(fā)字符重復(fù)或丟失尤其英文鍵盤下敲快了幾乎必現(xiàn)。剛開始懷疑是 WebSocket 排隊(duì)問(wèn)題于是加了全鏈路日志從前端按鍵、WebSocket 發(fā)送、后端接收、緩沖區(qū)更新、快照返回五個(gè)環(huán)節(jié)全部打點(diǎn)結(jié)果發(fā)現(xiàn)網(wǎng)絡(luò)層完全沒(méi)丟包問(wèn)題出現(xiàn)在前端緩沖區(qū)的指令合并邏輯上。原始實(shí)現(xiàn)里連續(xù)按鍵會(huì)合并成一次 set 請(qǐng)求把所有字符重新拼一遍發(fā)送給后端。合并過(guò)程中一定概率會(huì)讀到中間態(tài)把還沒(méi)提交成功的字符覆蓋掉造成了丟失。修復(fù)很直接不再做快照合并改成每次按鍵發(fā)送 append 或 splice 操作命令后端按操作序列執(zhí)行前端只保留一個(gè) sequence 號(hào)來(lái)追蹤執(zhí)行進(jìn)度。這個(gè)改動(dòng)上線后連續(xù)輸入千字壓力測(cè)試重復(fù)字符和丟失字符的事故率降到了零。這個(gè) Bug 值得記錄的原因有兩個(gè)。一是它說(shuō)明交互項(xiàng)目里流式處理的優(yōu)先級(jí)永遠(yuǎn)高于快照同步無(wú)論是數(shù)據(jù)量還是心智負(fù)擔(dān)都更合理。二是任何“看起來(lái)隨機(jī)”的 Bug只要把鏈路切細(xì)、把日志打全定位起來(lái)基本都不會(huì)超過(guò)半天。3. 渲染層最磨人的部分轉(zhuǎn)義序列、光標(biāo)與全屏重繪3.1 ANSI 轉(zhuǎn)義不是“拼顏色字符串”那么簡(jiǎn)單如果問(wèn)終端渲染層的門檻在哪里我第一個(gè)推 ANSI 轉(zhuǎn)義序列。很多初學(xué)者以為就是把顏色塞進(jìn)字符串開始寫之后會(huì)發(fā)現(xiàn)它是狀態(tài)機(jī)所有控制指令都是 ESC 開頭加參數(shù)一個(gè)序列沒(méi)寫完整行渲染就亂套。OpenShell 在渲染層花了一個(gè)多月的地方正是實(shí)現(xiàn)了一個(gè)完整的終端狀態(tài)解析器核心工作是把輸入流按 ESC、CSI、OSC、其他文本四類分流。CSI 序列尤其麻煩它控制光標(biāo)移動(dòng)、擦除、顏色設(shè)置、滾動(dòng)區(qū)域等行為。舉個(gè)很常見的例子\x1b[2K表示清除整行\(zhòng)x1b[1;31m表示紅色加粗但這些序列要是被拆成兩半分別到達(dá)渲染層處理不好就會(huì)出現(xiàn)第一次畫一半、第二次再畫一半的閃爍。我的做法是把輸入流切分成邏輯幀一個(gè)隊(duì)列里至少完整覆蓋一批輸出渲染時(shí)才不會(huì)因?yàn)榘霂瑪?shù)據(jù)產(chǎn)生中間狀態(tài)。顏色這塊還牽涉到 8/16/256/true color 四級(jí)色深不同終端模擬器支持的級(jí)別不一樣。OpenShell 默認(rèn)發(fā)給后端COLORTERMtruecolor環(huán)境變量讓對(duì)方知道我們支持全真彩色。但渲染層內(nèi)部做了降級(jí)鏈遇到不支持 true color 的環(huán)境會(huì)自動(dòng)降級(jí)到 256 色再降級(jí)到 16 色保證顏色不會(huì)糊成一團(tuán)。我在這里加了一條逃生通道如果用戶明確設(shè)置過(guò)NO_COLOR環(huán)境變量那就把所有顏色序列全部剝掉純文本輸出很多用綠底紅字配置的同學(xué)會(huì)感謝這個(gè)功能的。3.2 半屏重繪策略與殘影問(wèn)題終端最大的流量來(lái)源不是字符本身而是光標(biāo)移動(dòng)。早期我做整屏重繪每收到一幀輸出就 clear 然后重新畫全部?jī)?nèi)容CPU 占用直接飆到 40% 以上鍵盤輸入都跟著卡。后來(lái)優(yōu)化成臟矩形重繪后端解析器每處理完一段輸出輸出一個(gè) region 區(qū)域數(shù)組前端只重繪區(qū)域內(nèi)的行其余保持原樣。區(qū)域小的時(shí)候比如敲一個(gè)字符只重繪當(dāng)前行成本比整屏重繪小了數(shù)量級(jí)。殘影問(wèn)題就是在啟用臟矩形之后浮上來(lái)的?,F(xiàn)象是滾動(dòng)輸出完后屏幕底部偶爾留著舊內(nèi)容的殘影。排查發(fā)現(xiàn)原因是行號(hào)計(jì)算不一致后端按緩沖區(qū)邏輯行來(lái)報(bào)位置前端按屏幕物理行來(lái)重繪兩邊在換行時(shí)相差一行導(dǎo)致舊數(shù)據(jù)沒(méi)有被覆蓋掉。修復(fù)辦法是在重繪區(qū)域時(shí)多帶一行冗余即 region 高度在原值上加一多出來(lái)的那一行做 clear殘影就被消除了。另一個(gè)容易被忽略的點(diǎn)是終端的滾動(dòng)區(qū)。很多命令行工具會(huì)使用 alt screen 全屏模式比如 vim、top、less 這些程序一啟動(dòng)就會(huì)切到另一塊屏幕緩沖退出時(shí)再切回來(lái)。OpenShell 解析器專門維護(hù)了主屏和 alt screen 兩套狀態(tài)alt screen 上做任何重繪都不會(huì)污染主屏內(nèi)容。如果這個(gè)切換處理不好每次退出程序屏幕就是一團(tuán)亂碼。3.3 顏色主題的數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)主題系統(tǒng)看上去只需要一個(gè)“前景色 背景色 光標(biāo)色”的配置文件實(shí)際上還包含 ANSI 調(diào)色板、光標(biāo)樣式、選區(qū)顏色、補(bǔ)全彈窗配色、邊界色等至少六組字段。OpenShell 的主題文件用的是 JSON為了不讓配置太長(zhǎng)我設(shè)計(jì)了雙層結(jié)構(gòu)基礎(chǔ)色板引用 ANSI 16 色和 256 色索引語(yǔ)法高亮層引用基礎(chǔ)色板里的若干個(gè) token。用戶想改全局重點(diǎn)色只需要改一個(gè)字段不用整個(gè)文件翻一遍。主題這塊我強(qiáng)烈不建議用純 HEX 直接畫死因?yàn)樯钌尘昂蜏\色背景下的同一套顏色感知完全不同。我在主題配置里強(qiáng)制要求聲明背景亮度dark 或 light渲染層拿到這個(gè)值后會(huì)將相關(guān)顏色的對(duì)比度做一次修正。實(shí)測(cè)下來(lái)dark 主題下青色的對(duì)比度提升肉眼可見淺色主題下亮黃色不再刺眼。主題切換我做了熱更新不重啟當(dāng)前會(huì)話渲染層接收到主題變更消息后會(huì)重新解析當(dāng)前屏幕內(nèi)容但由于顏色表達(dá)式已經(jīng)緩存成帶索引的 token重繪成本非常低。配合上自動(dòng)跟隨系統(tǒng)外觀的選項(xiàng)整體體驗(yàn)才算真正達(dá)到了商品級(jí)。3.4 模擬慢速網(wǎng)絡(luò)的實(shí)測(cè)經(jīng)驗(yàn)嵌入場(chǎng)景下網(wǎng)絡(luò)并不總是像本地一樣順暢。我很早就在前端加了一個(gè) network 模擬器把 WebSocket 的延遲調(diào)到 300 毫秒、帶寬壓到 256 kbps 來(lái)測(cè)試。結(jié)果第一輪測(cè)試就發(fā)現(xiàn)了一個(gè)大問(wèn)題文件輸出多的時(shí)候界面像 PPT 一樣一幀一幀跳用戶輸入?yún)s要等渲染完才響應(yīng)。原因是前端把網(wǎng)絡(luò)到達(dá)的數(shù)據(jù)直接丟給解析器解析器一處理就是一個(gè)大塊繪幀的時(shí)候無(wú)論內(nèi)容多少都要等整幀完成。優(yōu)化方案是給渲染管線加了節(jié)流隊(duì)列每 30 毫秒最多出一次幀幀內(nèi)數(shù)據(jù)量超過(guò) 200 行就分批繪制并讓輸入事件優(yōu)先響應(yīng)。這樣慢網(wǎng)下輸出的流暢度幾乎沒(méi)有變化鍵盤響應(yīng)也始終保持穩(wěn)定。終端類產(chǎn)品有個(gè)隱形指標(biāo)叫“擊鍵到屏幕像素變化的時(shí)間”這個(gè)值越低用戶越覺(jué)得系統(tǒng)快。我壓測(cè)時(shí)盡量把 P95 控制在 50 毫秒內(nèi)超過(guò)就回頭查渲染管線的瓶頸。4. 命令解析與插件系統(tǒng)把“該誰(shuí)干活”講清楚4.1 解析器的分層設(shè)計(jì)詞法、語(yǔ)法、執(zhí)行命令解析這塊的架構(gòu)我見過(guò)不少工具把詞法和語(yǔ)法混在一起寫前期很爽后期一旦要加語(yǔ)法高亮、命令校驗(yàn)、安全審計(jì)就得出大事。OpenShell 把解析器明確拆成三層詞法器把原始輸入拆成若干 token語(yǔ)法器把 token 組成 AST執(zhí)行器只認(rèn) AST 不認(rèn)字符串。分層之后最直接的好處是調(diào)試方便每一層都能單獨(dú)輸出日志出問(wèn)題一眼能定位到是分詞、是語(yǔ)法還是執(zhí)行階段。詞法器階段要處理引號(hào)、轉(zhuǎn)義、變量展開、注釋、管道、重定向等符號(hào)。麻煩的地方在于轉(zhuǎn)義規(guī)則跟系統(tǒng) Shell 并不完全一致畢竟我們不是 Bash 全集實(shí)現(xiàn)所以語(yǔ)法器里內(nèi)置了兼容策略遇到不能識(shí)別的語(yǔ)法結(jié)構(gòu)時(shí)標(biāo)記為 unknown node執(zhí)行時(shí)原樣傳給系統(tǒng) Shell而不是自己解析失敗。這種兼容策略非常關(guān)鍵避免了一套命令在原生 Shell 里能跑、在 OpenShell 里就報(bào)錯(cuò)的尷尬場(chǎng)面。執(zhí)行器也不真的去執(zhí)行命令它的職責(zé)是生成一個(gè) ProcessCommand 結(jié)構(gòu)包含命令路徑、參數(shù)、環(huán)境變量、工作目錄、輸入流來(lái)源然后交給會(huì)話管理器去 spawn。這樣做有個(gè)好處命令可以被鉤子攔截。比如用戶輸入rm -rf /的時(shí)候安全策略鉤子可以直接攔下根本不會(huì)到達(dá)執(zhí)行層。很多用戶以為這是很簡(jiǎn)單的事其實(shí)沒(méi)有分層解析器鉤子根本沒(méi)有合適的掛載點(diǎn)。4.2 插件清單格式與激活策略插件體系是 OpenShell 從工具進(jìn)化為平臺(tái)的臨界點(diǎn)。我設(shè)計(jì)的插件協(xié)議很簡(jiǎn)單一個(gè) manifest.json 加若干腳本文件。manifest 里聲明插件名稱、版本、入口點(diǎn)、需要的權(quán)限、要注冊(cè)的補(bǔ)全源、要注冊(cè)的快捷鍵。權(quán)限聲明是重點(diǎn)插件可以做很多事但必須明確聲明要用 readEnv、executeCommand、network 等能力用戶安裝時(shí)能看到這個(gè)插件想碰什么。激活策略我選了按需激活而不是啟動(dòng)加載。很多終端工具啟動(dòng)慢就是因?yàn)椴寮寤ò碎T全加載了。OpenShell 把插件分三類啟動(dòng)激活、命令觸發(fā)激活、手動(dòng)激活。補(bǔ)全類插件默認(rèn)不啟動(dòng)只有在 Tab 下拉時(shí)才會(huì)按需加載命令別名類插件則在對(duì)應(yīng)命令首次被執(zhí)行時(shí)激活。實(shí)測(cè)下來(lái)裝了 20 個(gè)插件的啟動(dòng)時(shí)間和零插件的差距只有十幾毫秒用戶幾乎感知不到。插件間通信也遇到過(guò)坑。兩個(gè)插件同時(shí)注冊(cè)同一個(gè)快捷鍵后者把前者的注冊(cè)覆蓋了用戶按的時(shí)候只有一個(gè)生效而且毫無(wú)提示。后來(lái)注冊(cè)中心里加了沖突檢測(cè)重復(fù)注冊(cè)不僅會(huì)被拒絕還會(huì)在插件列表里標(biāo)記沖突同時(shí)在日志里打出兩個(gè)插件各自想干什么。這算是個(gè)小功能但確實(shí)避免了很多“裝了插件沒(méi)反應(yīng)”的困惑。4.3 一個(gè)“插件吞掉補(bǔ)全建議”的排查過(guò)程有用戶反饋裝了某個(gè) Git 分支補(bǔ)全插件后輸入git checkout按 Tab彈窗里只剩分支列表文件路徑提示完全消失。按我的設(shè)計(jì)補(bǔ)全建議應(yīng)該來(lái)自多個(gè) source最后合并去重。問(wèn)題出現(xiàn)后先是檢查了推薦服務(wù)的前端發(fā)現(xiàn)前端收到了文件補(bǔ)全但被卸掉了。追蹤后發(fā)現(xiàn)是建議合并邏輯里有個(gè)權(quán)重機(jī)制文件補(bǔ)全的權(quán)重默認(rèn)比分支補(bǔ)全低。正常情況下權(quán)重低不代表消失但在某種邊界條件下低權(quán)建議會(huì)在合并時(shí)被“排重排沒(méi)了”。問(wèn)題出在鍵值使用不一致文件補(bǔ)全 key 用文件絕對(duì)路徑分支補(bǔ)全 key 用分支名有一類場(chǎng)景兩者在字符串上相同比如分支名正好叫release而當(dāng)前目錄下有個(gè)文件也叫release合并去重時(shí)后者就被當(dāng)重復(fù)項(xiàng)刪掉了。修復(fù)方式是給每類建議源分配一個(gè)獨(dú)立命名空間key 里帶上前綴。這個(gè)案例我印象深的地方在于它不是大段代碼設(shè)計(jì)錯(cuò)誤而是數(shù)據(jù)模型層面的 key 空間沖突如果沒(méi)有收到真實(shí)反饋我根本不會(huì)發(fā)現(xiàn)在極端路徑下會(huì)觸發(fā)。排查總時(shí)間大約三個(gè)小時(shí)真正定位到問(wèn)題只用了十幾分鐘剩下時(shí)間全花在構(gòu)造穩(wěn)定復(fù)現(xiàn)的命令組合上。5. 發(fā)布之后選型數(shù)據(jù)、反饋和接下來(lái)要折騰的方向5.1 首批用戶的實(shí)測(cè)數(shù)據(jù)啟動(dòng)時(shí)間、內(nèi)存、補(bǔ)全準(zhǔn)確率OpenShell 做了 alpha 內(nèi)測(cè)后我收集了首批 30 位用戶的數(shù)據(jù)樣本不大但能看到趨勢(shì)。啟動(dòng)時(shí)間方面本地加載平均 120 毫秒打開一個(gè)會(huì)話到出現(xiàn)提示符約 280 毫秒如果有插件但都未激活時(shí)額外增加不到 30 毫秒。空閑內(nèi)存占用約 40 MB打開多標(biāo)簽頁(yè)后單會(huì)話增加約 15 MB對(duì)比動(dòng)輒吃 200 MB 的老牌終端工具這個(gè)數(shù)字算挺能打的。補(bǔ)全準(zhǔn)確率我用了一個(gè)相對(duì)量的定義給用戶準(zhǔn)備 50 條常見命令組合看補(bǔ)全建議第一條正好命中目標(biāo)的比例。原始版本只有 58%調(diào)整排序規(guī)則和新增歷史記錄加權(quán)后第二輪測(cè)到 79%第三輪在加入命令別名擴(kuò)展后到了 85%。別小看這幾個(gè)點(diǎn)數(shù)終端場(chǎng)景里補(bǔ)全準(zhǔn)確率每提升 5%用戶每天少打很多無(wú)效 Tab。還有一組數(shù)據(jù)讓我意外用戶使用頻率最高的命令集中在不到 40 條而高頻操作里關(guān)鍵詞定位占比明顯高于單純的命令記憶。這意味著歷史命令搜索和自動(dòng)建議的性價(jià)比比補(bǔ)全新命令還要高所以在后續(xù)迭代里我加大了對(duì)歷史記錄模糊匹配的投入效果也最容易讓用戶感知。5.2 GitHub Issues 里頻率最高的三件事發(fā)布之后收到的 Issue我按頻率排了個(gè)序。第一位是“主題自定義不夠靈活”很多人曬出自己調(diào)好的顏色配置都實(shí)現(xiàn)不了原因是我的主題配置里語(yǔ)法高亮字段覆蓋不夠全部分編譯器輸出根本沒(méi)有 token 化。第二位是“快捷鍵功能沖突時(shí)沒(méi)有提示”這個(gè)和插件注冊(cè)的問(wèn)題本質(zhì)相同只是發(fā)生場(chǎng)景更日常比如用戶把 CtrlB 同時(shí)綁給了打開側(cè)邊欄和前進(jìn)一個(gè)單詞系統(tǒng)只生效一個(gè)卻沒(méi)有任何頁(yè)面提示。第三位是“Windows 下中文路徑的兼容問(wèn)題”不少路徑帶空格和中文字符在解析器分詞階段沒(méi)有正確處理帶空格的引號(hào)路徑導(dǎo)致命令執(zhí)行失敗。這三類問(wèn)題各有特色第一類是產(chǎn)品功能邊界問(wèn)題第二類是設(shè)計(jì)交互問(wèn)題第三類則純粹是工程細(xì)節(jié)問(wèn)題。我把它們分別歸到路線圖的三個(gè)迭代周期里沒(méi)有試圖一口氣全修完因?yàn)橐淮涡远呀o用戶十幾個(gè)更新反而容易造成習(xí)慣動(dòng)蕩。節(jié)奏上穩(wěn)穩(wěn)的一個(gè)月一個(gè)重點(diǎn)用戶接受度要好得多。5.3 我給自己定的下一步計(jì)劃從項(xiàng)目健康度來(lái)看接下來(lái)要在三個(gè)方向繼續(xù)深挖。第一是自動(dòng)補(bǔ)全模型打算引入命令使用頻次和上下文場(chǎng)景的組合特征讓補(bǔ)全建議真正做到千人千面。第二是輸出流分析目前 OpenShell 只負(fù)責(zé)渲染原始輸出如果能把常見工具的輸出解析成結(jié)構(gòu)化數(shù)據(jù)比如將git status的結(jié)果解析成“已修改、已暫存、未跟蹤”三類視圖那么終端的可讀性會(huì)上一個(gè)新臺(tái)階。第三是擴(kuò)展嵌入 SDK讓前端界面層以更標(biāo)準(zhǔn)的 Web Component 形式發(fā)布任何項(xiàng)目都能用一個(gè)標(biāo)簽引入終端能力這個(gè)方向如果跑通OpenShell 的“可嵌入”定位才算真正兌現(xiàn)。按我現(xiàn)在的經(jīng)驗(yàn)這類項(xiàng)目最怕的不是沒(méi)人用而是方向漂移。每開發(fā)一個(gè)新功能之前先問(wèn)一句“這個(gè)能力用戶從現(xiàn)有工具里得不到嗎”如果答案不明確就先不做。OpenShell 未來(lái)未必會(huì)成為主流工具但至少它自己已經(jīng)證明了一個(gè)以交互體驗(yàn)為核心的 Shell 層是能獨(dú)立存在、能打磨出價(jià)值的。如果你也想動(dòng)手做類似的東西我建議把補(bǔ)全、渲染、解析這三塊拆成獨(dú)立模塊別圖省事耦合在一起等到你的工具被真實(shí)用戶用起來(lái)之后再拿著反饋?zhàn)龅菚r(shí)候你會(huì)發(fā)現(xiàn)用戶給的難題才是最好的設(shè)計(jì)文檔。
返回列表
PREV
查看更多資訊
NEXT
返回資訊列表
天天综合精品| 伊人久久丁香狠狠婷婷综合香蕉| 亚洲免费99| 无码碰碰| 亚洲综合在线视频| 99热精品在线播放| 99国产在线| 玖玖爱综合网| 久人人操| 日本44久久在线| 九九亚洲综合| 五月婷婷中文字幕| 国产精品久久7777777精品无码| av国产精品偷| 超碰在线网站| 狠狠五月天| 色色欧美色色| hd五月婷婷在线| 7777精品伊人久久久大香线蕉最新版| 丁香网五月天| 日韩精品AV一区二区三区| 17.c黄色| 伊人五月天婷婷| 久久婷婷伊人| 色婷婷国产精品综合在线观看| 任你草| 国内精品玖玖| 亚洲另类婷婷五月综合| 五月人人丁香婷婷五月人人丁香| 99热这里是精品| 国产97在线日韩亚洲女人被黑人巨大| 三男玩一女三A片| 香蕉国产2013| 99热精品在线| www.久久久.com| 丁香五月六月欧美| site:publishdd.com| 九九精品综合| 97久久人人操| 欧美婷婷六月丁香综合色| 丁香五月婷婷少妇| 色色色色色五月| 韩日另类| 3p九色在线| 色综合久| 在线观看国产高清视频免费网站| 九月丁香| 亚洲三A| 五月花激情| 日韩欧美性爱| A片天天| 欧美99热| 色综合视频在线| 亚洲AV免费在线| 久久五月婷| 99热这里只有精| 五月丁香六月香综合激情| www色婷婷久久综合久色| 欧美综合五月丁香六月婷| 日韩精品VIP| 久久黄色片| 99精品在线播放| 九九黄色网| 99啪| 午夜性做爰电影| 久久一热| 超碰成人公开| 婷婷色在线播放| 国产精品视频网| 色婷婷成人| 日本激情五月天‘| 亭亭五月丁香五月天激情| 26uuu另类亚洲欧美日本一| 色综合久久伊伊婷婷五月| 亚洲婷婷五月天综合| 五月丁香啪啪啪| 26uuu欧美日韩| 五月丁香婷婷综合在线| 女力报到正好爱上你| 婷婷六月天亚州| 色区域网站视频| 久久这里有精品在线观看| A色色| 天天舔天天插天天干| 99婷婷精品推荐在线视频| 99ri视频| 婷婷综合av| 97人人爱人人操| 高清视频一区| 69午夜成人影片| 日日做天天操夜夜爽| 亚洲久热无码| 天天操天天干天天日| av中文在线| 91性高潮久久久久久久久| 午夜69成人做爰视频| 久久久久亚洲AV综合| 四色五月婷婷| 全亚洲最大的婷婷五月天网站COM| 九九色热| 这里只有精品96| 婷婷综合一二三| 久热超碰| 丁香五月激情综合| 9久久狠狠的| 91日综合欧美| 亚洲AAAA网| 亚洲色视频| 婷婷色色五月| 色色色色色色色色色色色色色五月天| 色9色| 精品久久久人妻| 草草视频91| Aaa久久| 婷婷九月狠狠色| 欧美成人热| 这里只有精品1| www.狠狠操| 亚洲一二三网| 天天噪夜夜爽| 久久精彩免费视频| 99久久99九九99九九九| 婷婷在线播放| 日本三级色| 久热这里只有精品6官网亚洲| 欧美成人精品老美女噜噜噜| 国产精产国品一二三在观看 | 情欲禁地| 五月天婷婷基地丁香| 激情五月天伊人av| 亚洲午夜国产成人电影VA国产欧…| 欧美美女国产日韩一区二区久| 精品一二三区久久AAA片| 久久久久久9热不雅视频| 九九黄色网| 99A片| 色播丁香| 丁香五月天色综合| 99在线精品观看99| 热这里只有精| 国产人妻人伦精品一区二区| 99惹在线精品免费观看| 日本va欧美va国产激情| 天天性视频| 深爱激情五月天| 五月婷丁香| 婷婷99狠狠躁天天躁| 五月天婷婷在线播放免费| 六月婷婷激情图片| 日本久久综合| 久久婷婷视频| WWW五月婷婷| 婷婷丁香花五月天| 色播婷婷五月天| 丁香在线视频| 色色五月天网站| 丁香五月成人av| 欧美黄色一级录像| 婷婷五月骚厕所| 色五月在线观看| 桃色激情五月天| 色婷婷五月天偷拍| 91操片| 五月婷婷五月天| 色欲久久99精品久久久久久| 天天干天天插| 久操热| 97精品欧美91久久久久久久| AV色五月婷婷| 国产毛片精品一区二区色欲黄A片| 天天插天天插天天日| 综合网天天| 国产中文亚洲欧美日韩性交| 丰满少妇乱A片无码| 欧洲婷婷五月天| 五月天伊人| 99热久久最新地址| 久久九⑨| 亚洲五月天婷婷| 久久久婷| 成人免费超碰| 丁香五月首页| 《》【无码】想被搞到爽AV应募而来的超M素人 西纯子 10musume-011723-01 | 丁香五月大香蕉在线99| 狠狠做深爱婷婷久久综合一区| av婷婷丁香| 色人妻五月| 丁香五夜激情四射夜夜夜| 99热这里只有精品5| 伊人久久中文网| 色九网| 色情综合网| 狠狠色色| 人人操五月天| 久操人妻| 五月丁香色停停啪啪啪| 日本色婷婷| 婷婷九月综合| 青柠影视免费高清电视剧| 热99国产精品| 超碰京东热av男人的天堂| 精品人妻伦一二三区久久| 亚洲综合激情五月久久| 亚洲正能量欧美| 色99在线| 这里只有精彩亚洲视频推荐| 婷婷色综合| 国产精品第一国产精品| 五月婷婷啪啪网| 狠狠另类视频| www久久久久久久97| 色五月婷婷五月天| 另类激情五月在线视频欧美| 狠狠狠人妻| 91精品丝袜久久久久久久久粉嫩| 丁香五月天啪啪| 色五月首页| 九九99热| 在线综合91| 丁香婷婷五月六月久久| 一本久道综合色婷婷五月| 激情久久肏屄视频| 狠狠九九婷婷韩| 亚洲视频一区| 丁香色色网| 99热99re6国产在线播放| 91精品91久久久中77777久久玖玖九九 | 91婷婷丁香五月亚洲| 99激情在线| 天插天啪天啪天啪| 婷五月天在线草| 日本精品干| 国产成人精品123区免费视频 | 亚洲婷婷基地| 婷婷网五月天| 99在线精品免费视频| 色五月婷婷中文字幕| 五月天婷婷网站| 欧美激情综合色综合啪啪五月| 五月综合缴情网| 激情五月丁香五月| w婷婷五月婷婷w| 丁香激情综合| 亚洲狠狠爱婷婷| 俺去也综合| 天天日天天草| 五月花在线观看视频| 丁香五月婷婷亚洲综合精品在线| 69热在线| 天天爽在线视频| 婷丁香五月天| 97久久五月丁香婷婷| 国产操B| 婷婷伊人綜合中文字幕小说| 婷婷丁香熟妇综合网| 久久永久视频| 丁香婷婷色情| www.91操| 色播播五月天| 成人午夜天| 深爱五月激情| JAPANRCEP老熟妇乱子伦视频 | 五月香婷婷| 26uuu丁香婷婷五月| 丁香 婷婷 亚洲 熟女| 亚洲综合新99视频| 久久人妻情侣| 月月AV| 99色色爰| 六月丁香五月亭亭| 色人妻五月| 99精品7| 91视屏在线观看com.wwwvv| 大香蕉综合在线| 大香蕉五月婷婷| 丁香五月婷婷婷桃花影院| 超碰熟女农村在线69| 五月天伊人| 五月婷婷激情综合| 婷婷9月天| 久久爱综合| 国产av第一专区| 丁香五月婷婷国产av| 亚洲99热| 一区二区免费看| 久久婷婷五月综合啪| 午夜婷婷久久| 高清无码.com| 欧美激情综合色综合| 久热网在线视频| 九色啦蜜臀| 大香蕉伊人99| 少妇搡BBBB搡BBB搡毛茸茸| 99久久九九| 亚洲综合五月天| www,999日本色| www.99色在线| 色9999日韩国产| 五月天色播网| 婷婷六月啪啪| 婷婷五月色| 2018夜夜草| 九九色情网五月天| 五月婷丁香花| www激情com| 婷婷五月综合久久中文字幕| 双性美人被调教到喷水A片| 久久艹 五月天| 久久婷婷亚洲无码一起| 婷婷综合网在线| 五月丁香基地| 天天插综合| www五月婷婷| 久久嘟嘟丁香| 丁香五月久久综合| 色墦五月丁香| 91久久免费| sS丁香五月婷婷| 综合五月天完整| 亚洲欧美婷婷五月色综合| www.色婷婷| 九九九九中文字幕| 亚洲丁香五月天在线视频| 五月丁香激情婷婷| 婷婷精品| 欧洲不卡视频| site:pnnrt.com| 天天操综合网| 久久婷婷综合网| 99爱免费视频在线观看| 欧美操人| www.玖玖婷婷在线| 欧美英丁香开心快乐六月天网| 99丁香五月婷| 色婷狠狠| 丁香五月日啪| 99色在线视频| 婷婷在线视频| 伊人激情综合网| 日本久久久97| 激情都市五月天| 丁香五月手机在线| 婷婷丁香熟女| 四五月婷婷| 欧美色色色色色| 九月婷婷人人操人人舔人人爱| 免费观看亚洲AV片| 丁香五月婷婷激情尤物| 日韩大片艹艹| 五月丁香六月情| 97色干在线观看| 亚洲精品国产成人AV在线| 五月婷婷色激情| 亚洲V国产V欧美V久久久久久| 曰曰久久| 91久久婷婷| 日韩无码91| 婷婷在线免费| www狠狠爱com| 婷婷五月天开心网| 中文字幕人妻AV| 婷婷五月开心中文字幕在线| 成人精品视频99在线观看免费| 久热无码| 日本丁香五月| 怡红院院在线导航网| 91碰| 日日噜人人人做人| 97天堂| 九九色综合| 超碰色色综合| 五月婷婷激情刺激| 日本猛少妇色XXXXX猛叫| WWW色综合| 九九视频在线| 色欲日日躁| 亚洲无AV在线中文字幕| 五月天久久www| 青青久在线视频免费观看| 成人久久天天x资源站| 色综合色色| 婷婷五月丁香高清无码| 丁香五月婷婷av影院| 日日夜夜噜噜爽爽| 欧美人人超级碰| www.色婷婷| 久久免费操| 色综合久久99色| 97狠狠色| 刘玥av在线| 五月天堂在线| 97五月天婷婷综合激情网| 午夜婷婷久久 | 色色色五月天婷婷| 日本成人噜噜噜| 狼友超碰| 免费视频WWW在线观看网站| 五月丁香色狠狠干大屄| 99啊精典免费视频| 婷婷久久大香蕉| 亚洲五月天综合| 丁香婷婷五月天成人| 丁香六月成人| 五月婷婷丁香啪啪| 亚洲中文字幕翔田千里| 成人版视频在线观看| 激情综合啪啪| 久久久久97| 91久久久久久久| 国产六月婷婷| 99热1| 激情五月天色色网| 五月天婷婷在线播放| 欧美日本国产欧美日本韩国99| 色婷婷六月| 日日操日日爽| 99久久久| 婷婷自拍| 国产午夜成人AV在线播放| 欧美色爱五月天| 婷婷色丁香五月| 婷婷97狠狠成人网站| 午夜做爱影院| 五月丁香婷婷AV天堂| 日韩AV在线免费| 超碰国产在线| 丁香五月手机在线| 79色色免费| 991精品在线视频| 亚洲精品一区无码A片| 五月丁香免费看| 丁香五月 综合| 色婷婷四虎| 激情综合五月| 97人人看| 久久99网| 草做免费在线观看| 久久婷婷五月草视频在线播放| 九月激情综合婷婷| 免费视频1区| 九月丁香婷婷综合| 五月丁香六月色| ss99热| 色综合色五月| 五月天另类图片区99| 无码成人播放器| 天天骑天天操| 97干97色| 色婷婷五月在线| 色婷婷五月天不卡| 日本天天综合| 丁香五月婷婷性爱| 婷婷香香五月| 亚洲色久| 色婷久久| 97人人干人人操| 亚洲Av成人在线观看| 99热99艹在线观看| 一本色综合色| 无码一区精品一区视频| 精品国产乱码久久久久久免费| 激情五月综合| 精品婷婷| 五月婷婷色色| 操骚货在线| 五月婷婷六月丁香综合| 97碰| 色射影院| www.婷婷.com| 久久激情网| 丁香婷婷基地| 无码色| 婷婷五月天精品| 丁香九月婷| 99久在线观看| 色婷婷五月综合| 亚洲激情网| 久热伊人| 国产日韩欧美| 婷婷99综合| 九九爱激情| 五月天婷久久| 丁香婷婷综合喷| 日美三级| 丁香九月综合| 激情小说五月天社区丁香| 中文色婷婷| 中文字幕av在线| 99视频色在线观看| 玖玖九九99| 久久思思热视频| 天天日夜夜帕| 五月天激情久久| 婷婷五月天综合网| 少妇被下春药玩弄A片| 91色涩| 天天干夜夜想| 激情色五月天| www.五月天婷婷| 99在线观看| 久久久久久天天日天天爱| 激情5月婷婷狠狠干| 婷婷在线午夜| 成人短视频在线免费观看| 丁香九月婷婷综合| 国产真实乱对白精彩| 人人操9| 人人操人人爰人人一天天碰夜夜拍夜夜爽-中国A级毛片天天看天天谢… | 欧美性生交xXxX久久久| 六月丁香婷婷大香蕉| 五月婷啪| 能看的av片| 思思热精品在线视频| 五月婷婷色影院| 97操操| 久久婷色| 亚洲精品色| 思思热精品在线| 专区无日本视频高清8| 五月刺激丁香月综合| 极品色丁香| 热久久77777| 中国激情网| 欧美色色色色色| 嫩草AV久久伊人妇女超级A| 91jiuseshunv| 桃色激情婷婷伊人网| 久久人妻www| 婷婷午夜天| 丁香五月天大香蕉啪啪| 亚洲av成人在线| 久久人人人人妻| 97狠狠色| 99热一本| 九九热在线观看视频网站| 免费看欧美成人A片无码| 亚洲综合五月天| av最新在线| 5月色亭亭视频| 狠狠色大香蕉| 成人精品免费在线观看| 热久久成人| 五月激情在线| 超碰国产一区| 婷婷丁香人妻| 99热6精品| 69综合在线| 久色五月婷婷综合| 久久五月婷| 激情五月婷婷她| 六月99天天婷婷激情综合| 五月综合婷婷五月| 成人免费超碰| 五月天成人在线| 婷婷久久五月| 五月婷俺去也| 婷婷五月色| 中文字幕欧美久久| 99热97| 国产99久| 六月色色婷婷| 97亚洲视频在线| 成人做爰A片免费看网站找不到了| 99.N在线视频| 99碰| 亚洲五月花| 色婷婷丁香女女| www。88热在线视频免费观看| 久月婷婷| 久月婷婷| 97热视频| 六月99天天婷婷激情综合| 9999三级片| 久久人妻视步| 亚洲午夜成人av电影网| 日日色五月天| 欧美色综合天天久久综合精品| 久久这里只有精彩| 婷婷色在线| 国产亚洲色婷婷99精品| 五月天激情播播网| 婷婷五月影院| 激情婷婷五六月天| 国产古装妇女野外A片| 99在线精品视频免费| 六月丁香啪啪| 狠狠色婷婷7| 五月婷婷综合视频| 色播五月丁香综合| 中文字幕人妻熟女在线| 天天摸日日舔狠狠添婷婷婷| 五月婷婷色色爱| 婷婷五月精品中文字幕| 色射7856五月天激情四射| 五月天天天色| 99在线免费视频| 国产熟女一区二区三区五月婷| 丁香五月91| 国产avapp 网| 丁香五月性爱| 精品久久久久久久久久久久人妻| 久久丁香婷| 99热这里只有精品1| 秋霞丝袜啪啪啪| 丁香婷婷五月色成人网站| 成人在线网| 天天操夜夜操| 久久婷婷五月综合啪| 久久蜜臀婷婷| 色婷婷基地| 丁香六月婷婷综合麻豆| 97久久超视频| 天天射综合网站| 色婷婷五月天中文字幕| 黃色三级三级三级三级 qixing300.shrkbk.com www.jinbozs.com tianmiaosw.com | 激情五月综合色婷婷| 色婷婷激情Av久久久| 婷婷播5月| 婷婷五月情| 99精品偷自拍| 麻豆雪千夏| 日韩啪| CHINESE熟女老女人HD视频| 伊人色欲五月天| 五月婷婷色播| 婷婷综合丁香| 91精品在线看| 丁香综合网| 九九综合伊人| 1024AV视频| 秋霞性爱AV| 婷婷激情5月| 久久免费操| 在线中文AV| 久久久久久人妻| 精品人妻伦| 婷婷成人在线| 青青久在线视频免费观看| 丁香五月婷婷色播艳门照| 久久五月丁香| 激情五月婷婷她| 99色视频| 丁香六月狠狠干| 五月天在线视频尤物视频在线看| 日本一级黄色电影| 丁香六月综合激| 国产看真人毛片爱做A片| 大香蕉婷婷色| 99久在线精品99re8热| 色色成人網| 人伦30P| 久久九九99.www| 91碰碰碰| 97视频久久| 99久久6| 婷婷久久六月天| 蜜臀丁香黄色婷婷五月天| 玖色色综合| 成人综合视频网址| 婷婷丁香18| 色婷天天| pacopacomama 070722_670 素人奥様初撮りドキュメント 103 大久保純子 | 在线中文字幕视频| 激情六月婷婷| 久久丁香五月婷| 六月香五月婷| 日本va欧美va欧美va精品| 91干在线视频| 久久精品日| 五月丁香大香蕉| 婷婷综合激情| 丁香婷婷啪啪| 97人人做| 亲子乱AV一区二区三区下载| 91九色精品| 激情婷婷六月天| 五月丁香花婷婷玉莉AV| 婷婷射图五月天| 97色色色色色色色色色色色色色| 777.色色| 丁香婷婷少妇| 26uuu欧美亚洲日韩| 79亚洲精品少妇| 精热在线综合网| 丁香五月激情宗合网| 97碰碰人人| www.五月婷婷| 久草天堂| 淫荡家庭AV| 在线中文av| 五月香婷婷| 婷婷综合久久| 激情另类综合| 99超在线| 欧美婷| 五月香蕉婷婷| 99re热视频| 亚洲天天综合| 影音先锋男人女人| 国产精品成av人在线视午夜片| www久久久| 任你躁XXXXX麻豆精品| 鲁鲁色五月| 久久丁香婷| 十区av| 日本久久婷婷| 另类五月婷婷| 九九色99| 99热成人| 色狠狠综合| www,999日本色| 麻豆观看夏晴子| 日韩操啪| 亚洲色色色色色色色色色| 蜜臀av无码久久久久久久久 | 欧美天天干五月丁香| 99久久精品网| 五月婷婷在线视频观看| 综合色五月| 日日色五月天| 激情五月天色婷婷| 91色五月| 成人av在线网| 婷婷久久五月天丁香| 夜夜天天久久婷婷| 久操激情| 丁香深五月婷婷| 草综合网| 婷婷五月天在线观看| 成人精品一区日本无码网| 欧美激情久| 丁香婷婷五月天亚洲| 亚洲 在线 性爱 | 亚洲视频在线观看| 伊人五月综合网| 欧美精品99久久久| 亚洲色模骚货| 久久久噜噜噜久久人妻| 久热精彩视频98| 亚洲视频五区| 婷婷五月天干干| 亚洲五月激情| 欧美Va在线| 操碰91| 五月天激情亚洲| WWW,激情五月天,COM| 婷婷欧美激情| 亚洲精品V天堂中文字幕 | 北京熟妇搡BBBB搡BBBB| 欧美视频五区| 欧美va欧美va差| 99在线免费观看| 噜噜狠狠色综合久| 激情五月,深深爱五月| se99视频| 超碰猛烈的性猛交| 区区欧美你爱| 国产成人精品一区二三区熟女在线| 色综合久久天天综合网| 久久丝袜婷婷| 伊人狠狠色婷婷综合丁香一区| 色久免费| 嫩草极品| 天天舔天天| 人妻丰满精品一区二区A片| 丁香五月天无码AV| 久机视频这只有精品| 久久资源网五月婷| 亚洲视频无| www,天天干| 亚洲视频在线观看区| 欧美色欲色欲天天天www| 色婷婷成人做爰A片免费看网站| 丁香六月婷婷激情综合| 俺去也综合| 婷婷 久综合| 亚洲天堂99| 色婷婷婷av | 色婷网站| 婷婷五月天激情网站| 久久久潮喷-久久久九九-成人AV| 99热这里只有精品最新| 五月婷婷久久爱| 婷婷五月天激情综合深爱激情| 综合久久婷婷99| 凹凸操Av| 大香蕉人人网| 五月天丁香综合久久国产| 日本99在线视频| 午夜色婷婷| 五月天婷婷综合久久| 婷婷丁香成人| 婷婷丁香五月六月激情| 九九爱精品网站| www.99视频| 9l视频自拍9l视频自拍九色学生| 色婷婷大香蕉| 成年AAAA色情| 久操乱| 五月丁香六月婷婷激情视频在线观看免费| 91在线看免费 九九九九| 色色五月天丁香婷婷| 人妻综合网| 五月天激情婷婷| 欧美日本一区二区三区| 久久人五月| 丁香六月五月天| 五月丁香综合精品| 人操人| 天天色图| 日产精品一线二线三线芒果| 不卡影院午夜理论片| 99热全是精品| 26uuu成人网| 先锋av性爱成人电影| 久久青青日本视频| 99热这里只有精品66| 69午夜成人影片| 日都一级A片| 婷婷亚洲综合| 丁香五月婷久久| 五月婷婷久久综合| 7777国产盗摄农村女人| 国产97色在线 | 日韩| 激情婷婷内射| 亚洲综合在线网站| 久99热| 五月在线| 中文字幕+乱码+中文字幕在线观看| 在线观看日韩12345区| 色狠狠综合网| 婷婷丁香人妻久久在线观看| 开心五月综合激情网| 91无码色色| www.婷婷亚洲基地| www,五月天激情| 120分钟婬片免费看| 五月丁香婷婷钟和色图| 色情五月丁香| 五月婷视屏在线观看| 色色综合无码| 大香蕉Av在线| 亚州在线中文字幕| 99热免| 丁香五月六月综合激情| 桃色伊人在线| 另类图片色五月| 丁香五月激情综合久久| 99re这里只有| 色99色| 久久久久久五月天| 色情综合网| 99热这里只有精品首页| 六月丁香五月亭亭| www.久久| 99在线视频免费| 超碰操日| 96精品成人无码A片观看金桔| 欧美在线97| 啪啪小说五月天| 夜夜夜叫天天天做| 色五月丁香五月激情五月激情| 久久一品区| 色色综合网www| 婷婷六月天| 婷婷色色五月| 午夜激情综合| pacopacomama 070722_670 素人奥様初撮りドキュメント 103 大久保純子 | 婷婷五月激情在线视频| 亚洲AAA| 日本激情ⅩXX免费视频| 久99久在线| 五月丁香激情综合六月涩涩爱| 色天使色综合| 日韩在线视频9色| 成人无码精品1区2区3区免费看| 伊人五月综合网| 久久亚洲婷婷| 久99久在线| 天天肏在线观看| 97色啪| 婷婷综合五月| 亚洲综合五月天| 99视频久久| 99这里只有精| 激情五月婷婷丁香| 婷婷五月天综合在线| xxx.色婷婷| 青草少妇激情| 99热免费在线| 天天日天天色| 思思99热| 日本99视频精品免费播放| www.丁香黄色五月天人与| 这里只有精品96| 亚洲精品一二三| 亚洲传媒在线观看| 微拍92| www.91AV.COM| 99热丁香五月| 欧美在线看| 久久婷婷影院| 无码一区二区三区四区五区| 99高级会所久久| 五月人妻婷婷| 99思思热只有在这里看| 婷婷五月天激情五月天深爱五月天| 欧美激情综合色丁香婷婷五月天| 色婷婷五月视频| 五月色综合| 99操逼| 亚洲综合在线视频| 超PEN精品在线| 婷婷五月天大香蕉在线视频观看| 中文字幕天天干| 26uuu丁香婷婷五月| 色丁香久久| 熟女乱论网| 欧美天天干天天草| 免费视频99| 激情综合网五月激情| 九月婷婷| 丁香五月激情五月色综合| 国产激情在线观看| 色五月大香蕉| 日韩小视频在线99| 色爱综合网| 日日干日日| 色色网站日本91| 影音先锋毛片网站| 99在线免费视| 99热首页| 久久这里有精品| 91九色超碰| 狠狠爱婷婷| 丁香五月天在线直播观看| 丁香五月天网友自拍啪啪啪视频| 成人五月天丁香婷| 99网| 日亚二欧美| 天天天天操| 亚洲传媒在线观看| 99久久99九九99九九九| 超碰狠狠色| 五月婷精品| 婷婷丁香五月天综合在线日韩| 激情四射婷婷色色色| 欧洲亚洲免费视频9| 深爱婷婷丁香五月激情| 欧美丁香婷婷五月| 欧美三级韩国三级日本三斤| 久热九九| 色婷婷视频在线| www.夜夜| 丁香婷婷色情| 欧美97p| www.久久| 午夜日日| 颜射 精品性爱av| 超碰在线视屏| 天天肏天天舔AV| 99思思在线视频| 99热国产免费| 日韩限制级大尺度黑料泄密大尺度视频一区二区在线观看 | 激情综合五月天| 九九九九精品精| 中文字幕在线资源| www.99热视频| 欧美日韩二区在线| 久热久色| 欧美日韩123| 久久婷婷网址| 久久五月婷综合网| 九九色精品| 99久久色| 久99久热只有精品国产99| 激情欧美五月丁香| 超级黄色片| 九九热视频精品| 亚洲深喉AV| 久操热| 4399伦理午夜| 五月婷婷综合在线视频小说| 七七婷婷综合| 五月天婷婷自拍图片在线观看| 亚洲无线视频| av线电影| 五月天开心婷婷激情网站| 五月婷婷 婷婷五月 一区二区 久久久| 日本a片网址| 九热视频| 97久久草草超级碰碰碰| 狠狠干在线| 免费成片在线观看| 欧美激情凹凸丁香网| 中国丰满熟女A片免费观| 国产精品久久99| 久久只有18视频| 秋霞性爱AV| 狠狠爱综合| 97人人操人人| 久久网日本| 9精品在线| 无码人妻电影| 久久精品4| 久久9精品| 大香蕉婷婷五月天| 99久久久免费| 91啪啪视频| 99爱视频在线| site:xiongshengzz.com| www.minyis.com【JT】实力收量可预付QQ2101460746 | 99热免| jiuse91在线| 99视频在线观看网址| 婷婷亚洲久久| 26uuu丁香婷婷五月| www,色婷婷| 亚洲免费看片| 久久久久久xxxxx| 久99视频| 色狠狠综合网| 91制片厂久久久国产电影| 人人爽亚洲| 六月婷婷最新网址| 97超碰在线免费观看| 婷婷丁香激情综合色情| 九九热99热| 99re这里只有精品国产99| 最近中文字幕大全免费版在线 | 五月色婷婷AV| 人人操人| 91日日日| 狠狠色丁香综合| 免费观看全黄做爰的视频| 天天操夜夜爱| 天天综合色丁香| 99热九九热| 国产26uuu视频| 九九精品少妇| 丁香五月首页| 婷婷五月天日逼| 大鸡巴伊人网| 日本三级中国三级99| 就要去操亚洲成人精品五月天丁香婷婷| 精品一区二区三区免费毛片爱| 亭亭社区五月天| 99re热在线视频观看| 色婷婷五月在线| 99精品7| 4399欧美另类视频| 五月综合色| 夜夜做夜夜愛| 99自拍网| 丁香五月天操B| 婷婷五月天亚洲五码| 亚洲日本激情| 99re在线免费视频| 狠狠干夜夜干| 天天操综合网站| 特黄三级片| 色啦啦视频| 99精品国产热久久91色欲| 69午夜成人影片| 久婷久婷激情肉| 免费看欧美成人A片无码| 亚洲这里只有精品| 天堂婷婷五月在线| 91久草五月天婷婷| 在线99热| 亚洲色色色| 国产综合激情五月久久| 91互操| 天天肏在线| 97干97色| 久久思思精品| 深爱女色婷婷丁香五月亚洲图区| ww超碰在线| 丁香五月天视频| 天天日天天插| 婷婷五月天论坛| 久操操| 在线99色| 五月桃花网综合| 五月亭亭直播| 人人草人人舔| 新激情五月天色播| 99色在线观看免费| 色情五月天。| 丁香婷婷激情四射五月| 色色五月天婷婷| 在线另类视频| 思思re99视频在线观看| WWW五月天| 99在线观看| www.99热精品| 高清免费在线视频| 女人高潮内射99精品| 亚洲综合99| 精品久久这里热66| 亚洲激情综合免费| 亚洲AAAA网| 亚洲色色爱| 婷婷伊人綜合中文字幕小说| 色播五月综合网| 1024在线观看免费视频| 最近免费中文字幕大全高清大全1| 久久久久久久97| 国产欧美va| 激情五月,色播五月| 亚洲综合婷婷| 丁香五月天婷婷久久| 亚洲va日| 秋霞免费三级片| 色婷婷久久久| 成人婷婷| 98永久精品| 欧美WW在线网| 九九九午夜视频| 丁香狠狠操| 黄页免费一级视频懂色| 嫩草视频。| 亚洲午夜国产成人电影VA国产欧…| 国产精品18久久久| 99国产精品白浆在线观看免费| 婷婷中文字幕| 色色色色热| 婷婷五月婷婷| 任你爽视频| 大香蕉啪啪啪| 中国女人做爰A片| 国产精品99久久久久久久女警| 亚洲免费看片| 亚洲精品久久久久久久久久吃药 | xxx日本东京热| 亚洲性爱99在线| 六月婷婷亚洲| 男人的天堂五月丁香| 婷婷丁香五月高清| 五月丁香另类图片| 丁香五月天亚洲视频| 天天综合五月天| 激情婷婷丁香五月天| 九九激情综合| 婷婷五月天网| 无码人妻AV久久久一区二区三区 | 天天爽天天草| 婷婷五月天开心网| 激情亭亭五月| 在线不卡视频| 婷婷六月色| 亚洲三A| 东京热人妻一区二区三区在线| 99超碰人人| 激情五月天色网站| 夜夜人妻五月天| 色性日本| 99这里只有精品视频| www.精品99| 色五月首页| 天堂久久丁香| 男人天堂 久久| 中文字幕AV在线| 婷婷五月天激情小说| 综合另类视频| 这里只有精品免费| 色婷婷基地 | 国产99久9在线+|+传媒| 26.uuu丁香五月婷婷| 成人五月天婷婷| 国产精品久久久久久五月天加勒比| 婷婷激情社区| 色婷丨日丨天丨综合久久| 五月丁香久| 久婷久婷激情肉| 中文av网站| 久久精品天| 五月丁香色| 六月色 亚洲| 天天天天天久久久久久| 色色色激情网| 四虎婷婷五月天| 风流少妇A片一区二区蜜桃| 五月天激情综合首页| 91五月天| 五月婷婷啪| 色五月网址| 激情久久久| 五月丁香香蕉| 成人五月天在线观看| 丁香五月在线观看| 黄色99视频| 久久婷婷精品| 久久99热免费| 无码人妻AV久久久一区二区三区| 操笔无码| 国产又爽又猛又粗的视频A片| 久草嫩草在线观看| 丁香婷婷六月激情文学| 色爱亚洲| 99热99ai| 天天干天天拍| 激情网第四色| 超碰日韩成人| 久久久人妻门| 色黄啪啪| 天天日夜夜爽| 26UUU欧美激情一区二区| 中文无码婷婷| 丁香婷婷人妻| 婷婷午夜| 天天舔天天插天天干| 九九精品9| 五月综合婷婷五月| 国产激情在线| 婷婷伊人| 色9色| 97超碰婷婷五月天| 久久免费婷婷视频| 色青五月天| 91色在线/日韩| 亚洲另类婷婷五月丁香在线播放| 天天做天天爽| 久久久精久人妻| 成人一区在线观看| 亚洲av综合网| www.狠狠操.co m| 综合aV在线| 亚洲色视频| 99热日韩| 国产毛片精品一区二区色欲黄A片 极品人妻VIDEOSSS人妻 | 99在线视频资源| 天天性视频| 一本色道久久88加勒比| 综合激情站| 91久久久久久久久| 国产毛片精品一区二区色欲黄A片| 综合五月激情| 国产精品美女| 99热99在线| 日日爽天天| 久久婷婷91| 国产在线aaa片一区二区99| 五月天 另类图片| 日本久久婷婷| 精品国产乱码久久久久久免费| 蜜乳中文字| 久99久在线| 91男同视频| 99九九热视频| www.99热最新视频8| 五月色婷丁香| 亚洲av骚货| 午夜婷婷六月天| 亚洲成人一区| 狠狠色噜噜狠| 色噜噜狠狠色综合成人网| 激情五月综合六月丁香婷婷狠狠干| 色婷婷AV久久| 人妻AV在线| 丁香婷婷六月在线资源观看| 欧美日韩成人一区二区| 欧美搡BBBBB摔BBBBB| 综合五月天| 婷婷天天综合| 97碰免费视频在线|