免费国产精品自在自线-91精品国产色综合久久久浪潮-99热久久免费频精品-国产精品国模在线观看-久久亚洲国产精品成人?V秋霞-久久国产一级A片免费播放-亚洲国产欧洲综合97久久-久久国产白嫩美女呻吟高潮

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
返回資訊列表
激情五月婷婷色| 成人视频免费观看高清完整版在线观看| 婷丁香五月天| 亚洲六月色| 九九综合网色全集| 色婷网| 九九综舍久久| 老司机视频lsj爱就色| 乱女乱妇熟女熟妇综合网站| 嫩草AV久久伊人妇女超级A| 丁香狠狠| 久热只有这里有精品| 婷婷九月色| 五月丁香五月丁香| 操操熟女| 99,色| 99玖玖在线视频| 高清国产一级婬片a免费| 五月婷婷丁香五月 | 九九综舍久久| 国产精品国产| 亚洲视频一区| 五月丁香啪啪网| 97干婷婷| 丁香婷婷婷五月综合色情| 婷婷丁香五月色| 狠狠99| 狼友超碰| 色五月av| 色婷五月丁香久亚洲| 色婷网站| 五月激情啪啪| 综合久久五月天| 97人操人免费视频| www.色色com| 婷婷丁香五月麻豆| 丁香五月欧美激情| 99精品小视频| 99这里只有精品视频在线| 免费超碰在线| 99热99热在线| 色婷丁香五月| 夜夜大香蕉婷婷丁香| 久热69| WWW.五月天9999| 五月婷婷色色色| 67194国产| 99热99色| 天天看夜夜看| 婷婷区日本| 色情综合| 久久五月网| 久在线88综合| 婷婷五月天影院| 俺去也综合| 婷婷五日b| 婷婷五月天AV在| 日韩有码一区| 五月丁香激情四射| 久久日本wwww色| 二色av| 99热精在线九九久久保| 婷婷五月天亚洲图片| 五月丁香 啪啪| 伊人久久激情图区五月| 天天操天天操天天操天天操天天操天天操天天操天天操天天操 | 九九十99视频| 99精品自拍视频| 久久99综合网| 26uuu国自产精品| 婷婷天堂伊人| 亚洲字幕AV一区二区三区四区 | 国产精品色色| 性色五月天| 色婷婷久久| 国产免费一区二区在线A片视频| 人妻少妇色综合| 六月丁香啪啪啪| 婷婷的色色五月天| 天天综合色| 色色色婷婷五月| 婷婷情色激情| 久久黄色片| 色婷婷婷综合五月天| 久久婷婷激情五月天一区二区| 91精品国产综合久久蜜芽解析速度| 久久性爱视频| 五月婷婷国产| 无码G高清天| 狠狠操.COM| 五月婷婷伊人网| 久久9视频欧美| 色爱综合五月| 综合婷婷六月| 5月丁香婷婷激情网| 俺去也在线视频| 狠狠操狠狠操AV| 久久92| 99热这里都是精品| 丁香久久综合| 四色五月婷婷在线观看| 秋霞免费视频| 男同91| 欧美日本高清视频99| 亚洲网站999| 亚洲AV综合网| 欧美色色日韩| 婷婷五月激情在线| 久久大香蕉| 狠狠久久婷五月综合色| 亚洲狠狠婷婷| 永久无码色| 五月激情久久| 亚洲亚洲人成综合网络| 色月丁| 久操操| 色婷婷视频| www.五月激情.com| 婷婷五月六月| 日日噜噜久久婷婷五月天| 亚洲 精品 综合 精品| 久久人人妻| 成人做爰高潮A片免费视频| www.刺激色网站www.| 天天日日人| 月婷婷婷婷五月| 激情六月天| 伊人久久丁香狠狠婷婷综合香蕉| 婷婷五月成人色综合| 色综合色综合色综合色综合| 久久久婷婷五月天| www.激情| 国产黄色在线| 综合99久久| 成人精品亚洲性爱| 丁香五月婷婷少妇| 婷婷五月天伦理| 91啪级电影| 亭亭五月色男人| 人妻熟女一区二区AV| 五月婷婷97| 婷婷五月天成人动漫 | 久草婷| 色婷婷天堂| 日韩色情亚洲五月天婷婷| 另类天堂| 操笔无码| 97日韩无套内| 99热精品在线播放观看| 艳妇野外情欲放荡HD| 香蕉综合在线| 狠狠色综合网| 激情欧美婷五月| 五月色丁香| 成人婷99最新| 五月婷婷五月天激情视频| 九月婷婷色色| WWW,激情五月天,COM| 九九热大香蕉| 久久新地此| 婷婷午夜天| 爱iii做iiii日| 初夜av| 五月婷婷六月丁香| 丁香五月天五码婷婷| 91五月天| 婷婷丁香激情综合色情| 丁香九九九九| 狠狠狠狠狠| 六月婷婷网| 久久婷婷五月综合色和| 97色97干| 在线观看国产高清视频免费网站| 婷婷伊人无码| 99在线视频观看| 激情综合五月激情17| 婷婷亚洲综合| 日日爽日日| 99热www| 99综合| 强伦轩人妻一区二区电影| 丁香婷婷色| 成人一区在线观看| 婷婷色五月丁香六月欧美啪| 婷婷激情丁五月| 九久久婷婷| 99色视频免费在线规看| 久久机热这里只有 | 一二区成人电影| 美女激情综合| 99热这里只有精品50| 六月色 亚洲| 久久超级碰碰| 另类图片 五月激情| 热思思九九| VfJxEwPH| 国产色色网站网址| 日本视频欧美观看免费| 久超超碰| 99热日韩| 五月综合婷婷开心网| 色综色网| 伊人无码高清| 丁香五月日韩| 欧美黄色韩日网| 婷婷久久综合久| 五月婷婷涩涩爱| 欧洲激情精品婷婷| 极品人妻videosss人妻| 九月丁香婷婷综合| 2022人人操人人看| 超碰日韩成人| 五月天激情小说网| 色五月天丁香| 色五月在线| 日本123区日韩欧美不卡在线看| 久久99婷婷| 激情小说之五月| 九九久久久综合| 婷婷久久丁香五月| 97男人天堂| 国产精品美女| 天天看A片| 夜夜综合色| www.99热国产| site:xiongshengzz.com| 淫视馆av三区| 日韩一级一片内射视频4K| 久久在这里99| 天天日天天插| 欧美婷婷精品激情| 亚洲欧美另类在线23p| 九九色中文| AV免费在线网站| .精品久久久麻豆国产精品| 五月婷婷激情| 丁香五月色网| 日本天堂免费99| 99热精品一| 激情五月婷婷伊人| 婷婷六月丁香色| 99操逼视频| 婷婷五月天黄色网址| 欧洲综合一区| jiujiuxiangjiaowang| 97色女人在线| 色噜噜狠狠色综合成人网| 欧美色五月天| www.99视频| 人人干Av| 热久久77777| 丁香五月成人| 性爱先锋AV| 色婷婷狠狠18禁| 97干免费视频| 思思视频久久| 99成人网站| 丁香五月婷婷婷婷欧美综合| 一夜福利不卡| 中文字幕性爱丰满| 五月丁香怕怕综合| 思思网站| 79色色免费| 五月社区丁香| 丁香五月激情婷婷| 天天骑天天操| av在线观看免费| 婷婷五月天激情网| 五月丁香啪啪| 99国产在线精品视频| 婷婷色色综合| 怡红院成人AV| 99热精品在线播放| 少妇高潮一区二区三区99欧美| 久久婷婷网址| 1024婷婷综合久久五月天| 丁香五月天天| 色九网| 7月婷婷六月丁香| 五月开心久久| 天天日天天做天天舔| 五月丁香婷婷网网网网| 极品五月天| 2025年最新亚洲在线欧美| 少妇人妻综合色6699| 五月天综合婷婷| 婷五月天| 日本猛少妇色XXXXX猛叫| 综合激情五月丁香| 婷婷基地成人五月天| 啪啪夜久久| 久久XX| 婷婷五月天激情偷拍| 99久久er| 色综合久久久久| 丁香五月婷婷啪啪| 丁香久久九九99| 国产综合色婷婷精品久久| 6月丁香婷婷| 六月五月久久丁香| 婷婷人人操| 亚洲精品亚洲人成人网| 天天射影院| 久久受www免费人成| 久久久久久久久久久月丁| 五月婷婷欧美| 丁香色婷婷| 久久视频这里有精品99| 丁香五月很很肏| 婷婷五月天成人在线视频| 五月丁六月婷| 亚洲色99| 91精品人妻少妇无码影院| 综合亚洲色色| 99在线视频播放| 最近中文字幕大全免费版在线 | 久久婷婷综合国产| 五月天伊人av| 伊人玖玖网| 熟女少妇内射日韩亚洲| 亚洲视频a| 99久久激情视频| 激情网五月天| 九九热啪啪| 婷婷五月久久| 202丰满熟女妇大| 五月丁香久久网| 色天天综合成人网| JAPANRCEP老熟妇乱子伦视频| 国产中文字幕在线视频免费观看| 97激情五月天| 激情小说五月天| 欧美成人日韩| 欧美婷婷色五月| 婷婷五月天影院| 五月久久婷婷天堂视频| 五月天亭亭俺也| 操操操B| 五月天大香蕉| 91成人电影| 91热在线观看视频| 天天干com| 亚洲午夜AV| 99综合自拍| 六月丁香VA| 欧美午夜乱妇午夜福利| 99热九九这里只有精品10| 婷婷97碰碰| 天堂美国久久| 五月天成人在线| 乱岳熟女50岁| 欧美久久五月婷婷| 久久A极片| 久久99热这里只有精品23| 99久久久| 人人色人人摸人人看| 亚洲免费观看高清完整版AV线| 182无码| 天天成人五月天| 日韩无码专区| 男人综合网| 中文字幕在线观看视频www| 超碰com| 亚洲色热| 99在线视频资源| 在线只有精品| 激情久久肏屄视频| 五月丁香色婷婷| 伊人婷婷五月天| AAA久久| 丁香婷婷五月激情| 可以看的AV| 久热九九| 97亚洲视频在线| 青青草日本亚洲| 99热在线观看成人| 狠狠爱婷婷| 91黄址| 婷婷啪啪| 五月丁香欧美综合免费视频| 狠狠 久久| 六月婷婷中文字幕| 狠狠综合| 狠狠婷婷综合| 在线视频99| 超碰97人人操| 欧美性生交XXXXX无码小说| 日日干综合| 色婷婷成人色网| 精品人妻一区二区三区四区不卡在| 日本九九九九九九| 激情小说婷婷| 六月 丁香 视频| 五月丁香六月婷婷啪啪| 亚洲欧洲中文日韩久久AV乱码| 热久久视频99| 日日噜噜夜夜狠狠久久丁香六月| 激情又色又爽又黄的A片| 婷婷激情五月天在线| 婷婷五月天综合AV| 伊人久久婷婷| 色婷五月天激情| 五月丁香亭亭操逼| 9热成人在线视频| 九九亚洲| 六月丁香婷婷开心综合基地| 天天操天天曰天天射| 九九人人操| 欧美激情五月天在线观看| 激情av网| 欧美内射AAAAAAXXXXX| 五月天网站免费欧美| 9久久精品| 色综合久久之分久久| 啪啪操超碰| 九九草热在线观看| 99ri在线| 五月婷婷六月丁香玖玖玫瑰91| 亚洲精品色| 五月丁香婷婷综合视频| 综合亚洲六月婷婷在线| 狠狠色97| 99在这里有精品| 色五月综合网| 99人妻碰碰碰久久久久| 久久婷婷七月丁香| 99热免费在线| 开心婷婷丁香五月| 99热这里只是精品| 色久在| WWW·色色色·COM| 九九精品9| 六月激情网| 久色大| 伊人婷婷五月天av| 五月激情综合激情五月| 97久久超碰| 五月黄色婷婷| 女人天堂久久| 天天精品视频免费观看| 最新五月天婷婷影| 色色色视频免费无码 | 99激情网| 国产日韩av片| 91人人操| 97人操人免费视频| 67194中文字幕| 丁香五月激情综合久久| 激情都市另类| 日日鲁鲁鲁夜夜爽爽狠狠视频97| 五月丁香激情啪啪| 色婷婷99| 91丨九色丨东北熟女| 久久九九网| 97色色综合| 五月婷婷香| 人妻无码精品一区| 五月丁香偷拍| 久操97| 九九热这里| VA婷婷亚洲| 五月婷婷香蕉| 色五月婷婷在线视频| 亚洲综合激情五月天婷婷| 开心五月综合激情网| 色情五月天导航| 五月丁香六月婷婷的女人| 老司机午夜福利视频金瓶梅| 婷婷丁香视频在线观看免费| 中文网AV| 天天综合图片| 99日韩网站| 五月婷婷激情四月| caopeng超碰| 欧美日韩大黄| 精品无码99| 婷婷五月视频| 日本久久精品18| 99九九在线精品热动漫| 天天干电影| 亚洲综合在线视频| 色婷婷精| 无码yw| 综合另类视频| 丁香婷婷精品视频| 狠狠操狠狠干综合| 婷婷五月大香蕉| 五月婷婷色色| 国产精品18久久久| 天天久久婷婷| 91婷婷在线| 丁香五月六月久久综合| 五月丁香 啪啪啪| 日日狠狠久久偷偷四色综合免费 | 五月婷婷久久综合| 免费无码毛片一区二区A片 | 激情四射五月天| 被强行糟蹋的女人A片| 丁香五月亚洲综合丝袜| 色玖玖综合网| AV国产有码| 色婷婷日本| 免费精品99| 成人AV片播放| 五月天婷婷色在线视频免费观看 | 欧美日韩aaaa| 91狠狠色丁香婷婷综合久久精品| 五月天久久婷| 91视频精品99| 色色色.com| 色婷婷AV在线| 五月婷婷 激情按摩| 五月天丁香综合久久国产| 婷婷久月| Caoub青青超碰 | 婷婷色网站| er99免费视频在线| 日韩啪啪视频| 97久久综合网| 亚洲中文字幕网| 新激情五月开心五月婷婷五月丁香五月| 国产日韩欧美| 亚洲乱码日产精品BD| 青青草五月天| 97色伦另类图片小说视频| 婷婷久久五月天| 中文字幕 码精品视频网站| 天天日日| 开心五月激情站| 久久精品4| 玖玖婷婷五月天毛片| 日日爱678| 婷婷综合视频| 色色综合热| 五月天婷婷自拍图片在线观看| 久色| 五月婷丁香久久综合| 九九热这里有精品视频| 97操碰视频| 亚洲成人网址在线观看| 激情婷婷人妻| 丁香五月天激情综合| 五月天婷婷社区久久综合| 日日操日日射| 202丰满熟女妇大| 任你爽视频| 天天插天天插| 98永久精品| 日本熟女内射| 亚洲传媒在线观看| 狠狠色综合图片| 五月丁香婷婷网网网网| 99热婷婷| 大香蕉综合| 久99久热| 操人91| 欧美色五月| 日韩成人无码片| 国产成人va在线| 极品少妇高潮啪啪AV无码| 大香蕉啪啪啪| 亚洲色99| 五月丁香爱婷婷深深| 婷婷色播婷婷| 亚洲免费看片| www久| 狠狠五月激情在线| 成人午夜天| 婷婷五月色影视先锋| 粉嫩AV久久一区二区三区| 五月色婷婷亚洲 | 久久99精品视频| 91精品久久久久久综合五月天| 中文字幕综合| 亚洲五月婷婷| 中文字幕成人| 夜夜操狠狠操天天操| 97人碰人操| 色99热| 人妻在线网站| aa久久| 精品婷婷| 国产又粗又大又爽又黄| 婷婷激情5月| 超碰在线播放免费观看| 五月婷婷激情久久| 婷婷五月中文在线| www.色五月| 热成人网| 五月婷婷偷拍| 97色婷婷| 91午夜婷婷狠狠久久综合9色| 亚洲日韩26uuu| 国产女18毛片多18精品| 99丁香五月婷| 5月丁香综合网| 久久日本wwww色| 久大香蕉| 中文人妻主播久久| 人妖色AV色综合| 婷婷六月色开| 激情婷婷丁香色五月| 99丁香五月婷婷在线| 六月婷婷激情图片| 日韩在线观看亚洲| 色99色| 色婷婷裸体色性在线| WWW.久久久久久久| 欧美大片免费观看| 综合久久高清| 久久机热这里只有 | 青草性爱视频| 亚洲精品成人片在线播| 色婷婷色99国产综合精品| www.sezonghe| 色婷婷小说| 亚洲永远av在线播放| 国産精品| 五月天婷婷无码视频| 99热老网站| 五六月婷婷久久| 大香蕉婷婷| 在线可以看的av网址| 91se在线视频| 91热久| 人人爱操| 丁香激情网| wwwwww.色| 天天色月| 91肏| 亚洲韩国日产综合AV| 五月丁香综合啪啪| 欧美精品啪啪| 日韩色五月| 日韩一66精品| 97综合在线| 18久久| 国产精品人成A片一区二区| 在线视频99| 狠狠插日日干撸| 久久99最新| 久婷婷婷| 99色.com| 九九精品婷| 色日本颜射| 99热这里全都是精品| 很很干在线视频| 国产成人+综合亚洲+天堂| 成人在线高清| 婷婷伊人綜合中文| www.99.色| 一本色道久久88综合日韩精品| www99精品| 亚洲va综合va国产va中文| 国内精品玖玖| 激情WWW| 五月婷婷xxx| 激情黄色小说色五月| 91视频久久久| 久久五月天丁香| 六月婷欧美丁香综合| 国产无遮挡又黄又爽免费网站| www.五月天婷婷| av中文在线| 五月婷婷大香蕉| 丁香五月综合| 99这里只有精品视频| 婷婷天堂综合| 亚洲成人五月天| 五月在线| h在线看免费版在线看| 丁香色婷婷| 五月天激情影院| 五月婷婷三级| 天天做天天爱| 国产真人做爰视频免费| 精品香蕉99久久久久网站| 精品夜夜澡人妻无码AV| 成人做爰黄A片免费看直播室男男| 欧美大片| 激情婷婷护士激情| 日本123区日韩欧美不卡在线看| 无码色色| 国产在这里只有精品| 涩涩五月天| 97碰碰视频在线观看| 99热免| 成功精品影院| 五月天电影网| av人人操| 在线网黄| 综合久久丁香婷婷,五月婷婷六月丁香,开心激情综合网,六月丁香在线观看,婷婷丁 | 99综合99| 九九久久网| 成人AV中文字幕| 99热精品中文字幕| 做爰丰满少妇1313| 色色综合热| 97精品自拍| 日日天天天| 五月婷婷丁香六月在线| 九九热精品| 亚洲日日日| 99热 精品在线| 永久热91| 色色成人網| 五月丁香六月综合基地| 五月婷婷基地| 99色热综合| 成人短视频免费观看| 色优久久| 中文乱子伦视频| 99ri在线观看视频| 国产高清av黄色看片| 日日操夜夜操无码免费| 五月激情精品视频| 亚洲丁香婷婷丁香五月天激情| 色婷婷免费观看| 91精品久久久久久久久久| 丁香五月婷婷亚洲激情四射| 激情图片亚洲| 99爱视频在线| 色五月婷婷五月天| AV动漫不卡无码免费| 亚洲婷婷月丁香五月| 九九免费视频| 99热这里只有精品在线免费| 99精品小视频| 成人无码精品1区2区3区免费看| 色99婷婷五月天| 激情99热| 99ri在线观看视频| 五月深情久久| 五月婷婷就去色| 人妻久久婷婷| 亚洲a片免费观看| 色五月丁香五月激情五月激情| 免费不卡狠操美女视频网| 99人人干| 欧美久久婷婷| 亚洲精品婷婷| www.seqingwuyuetian| 丁香九月激情| 综合五月丁香六月婷婷| 婷婷五月天丁香综合网| 六月激情婷婷综合| 天天干天天色综合| 26uuu精品一区二区| 九九久热| 丁香五月激情图片婷婷| 婷婷六月丁香综合| 婷婷综合久久| 91丨九色丨白浆秘| 99在热线免费视频| 日本天堂网站99| 人人添人人| 丁香五月色| 久久久.COM| 999热这里只有精品| 综合色七七| www。五月天。com| 精品夜夜澡人妻无码AV| 综合亚洲六月婷婷在线| 丁香五月日韩| 丁香六月激情| 性欧美日本| 五月天婷婷丁香花| 丁香六月婷婷综合缴| 五月激情久久| 婷婷五月天六点丁香五月| 激情5月婷婷| 狠狠操天天操综合| 蜜桃人妻无码AV天堂三区| 華人性愛AV在線| 天天爽天天日| 电影爱拉战争免费观看| 国产亚洲99久久精品| 六月婷婷六月天天在线免费| 久久婷综合| 婷婷色无码| 国产婷婷色综合AV蜜臀AV| 日本色噜| 国产欧美性成人精品午夜| 久久这里只有精品07 | 91久久综合亚洲鲁鲁五月天| 色碰干| 午夜免费试看| 深爱五月激情综合| 夫妇交换刺激做爰| 五月丁婷婷| 婷婷丁香无码专区| 狠狠xx| 1区2区视频| 亚洲av免费在线| 天天爱天天做天天日| 久久久18| 亚洲色欲AAAAAA| 久草婷妨| 蜜臀av粉嫩av懂色av| 99久久久免费| 亚洲亚洲人成综合网络| 五月激情网综合| 色婷婷激情| 九九热中文| 综合五月天| 思思热在线视频99| 青青日韩| 五月丁香六月在线| 亚洲精品性色| 中文AV在线观看| 538在线精品| 九九九九九九九热| 久久宗合影| 99热久| 六月婷色六月| 色爽九九| 99国产精品久久久久久久久久久 | 99热国内| 9 1大香蕉| 97人人干| 丁香五月婷在线观看| 久草五月婷婷| 国产性av| 色婷| 亚洲va欧美va国产综合久久久| 五月丁香网站| 成人国产网站在线免费看| 另类综合色| 婷婷五月色花丁香社区| 久99久视频精选| 五月丁香激情综合| 色播五月网| 婷婷五月激情六月丁香| 日韩伊人大香蕉| AA片在线观看视频在线播放| 六月丁香网| 开心亚洲久久开心| 99玖玖在线视频| 丰满少妇猛烈A片免费看观看| 综合XX网| 五月婷婷激情69| 丁香五月婷婷黑人妻黄色电影院| 久久91久久精品久久| 国产激情视频在线观看| 丁香五月精品| 亚洲婷婷五月天综合| 亚洲有码在线视频| www.色多多婷| 五月激情综合网| 丁香五月偷拍| 99热最新网址| 丁香六月色婷婷欧美| www.yw色| 9久热在线视频| 午夜大香蕉| 色婷婷免费视频| 九月停停| 大香蕉五月天婷婷| 婷婷四色五月| 日韩AAAAAAAAAAA片| 色综合久久伊伊婷婷五月| 超碰人人操在线| 日本全黄一级999| 五月综合激情啪啪啪啪啪| www.婷婷六月天| 99久在线观看| 激情五月天视频| 婷婷五月天综合中文| 日本本土色网第一区| 另类专区在线观看| 婷婷丁香亚洲色综合91| 色婷婷人人| 操大屄五月天视频| 久久激情中文| 极品少妇XXXX精品少妇偷拍| 26uuu最新地址| 激情久久五月天| 97碰碰在线看视频免费| 婷婷五月综合体验看| 五月天综合在线观看| www.五月天。com| 五月丁香六月欧美综合| 综合激情五月丁香9999久久精| 久久久人妻久久久| 亚洲欧美成人在线| 97人人干人人操| 亚洲超碰在线| 五月丁香A片| 99精品国产在热久久| 久久九九网| 欧美噜噜噜草| 天天草人人摸| 五月激情四射婷婷丁香| 婷婷,五月天,丁香,第一| 九九久久综合| 色五月婷婷五月丁香五月激情五月视频| 九九综合伊人| 激情欧美婷婷| 热的国产,热的综合,热的有码| 99久热这里有精品| 天天操天天操综合| 这里只有精品久| 成人超碰Av| 亚洲a色| 99热在线看| 99啪啪网| 91狠狠色丁香婷婷综合久久| 99热| 日韩综合成人| 丁香花狠狠婷婷亚洲中文字幕| 国产精品A片在线| 色婷婷91| 久久99久久99久久99人受| 99色色热| 久久AV电影| 激情5月婷婷| 激情床戏| AV九九| 亚洲天堂婷婷| …亚洲黄色在线播放日韩、av中文a…| 色综合中文色综合网| 天天综合网、天天综合色| 开心五月丁香综合久久| 色久五月天| 日本三级中文字幕| 亚洲无AV在线中文字幕| 九色1区视频在线| 91尤物九色在线| 亚洲激情无码久久| 99re热视频这里只精品| 高清视频一区| 在线观看免费观看在线9久| 色五月婷婷影视| 日本久久99| VA婷婷亚洲| 97碰碰视频在线观看免费| 色色色网站| 伊人青涩网| 99在线观看视频免费| 26uuu亚洲欧美| 九九aV| 九月丁香久久网| www.五月婷婷.com| 九九热99精品在线| 丁香五月影视| 专区无日本视频高清8| 久久 中文 日本| 人人爽在线视频综合网| 天天爽夜爽| www.狠狠操| 91九色成人原创视频| 性五月激情| 日韩啊啊啊| 被强行糟蹋的女人A片| 成年视频免费观看| 天天爱天天做综合| 久久婷网| 久久99精品久| 五月花婷婷在线精品视频| 色偷偷色婷婷| 国产特级毛片AAAAAAA高清| 性热视频99精品| 99热精国产这里只有精品| 久热九九| 9 1大香蕉| 激情综合激情五月| 五月丁香婷婷色| 黄色91在线观看| 色情一区二区播放| 中文字幕 中文字幕明步| 9999热精品| 色综合性视频| 色色色999| 国产1区2区3区| 激情五月婷婷老师| 香蕉综合在线| 五月丁香成人| 婷婷五月图片小说网| 九九热免费视频| 丁香五月婷婷偷拍| 啪到高潮激情丁香五月| 精品一二三区久久AAA片| 全亚洲最大的婷婷五月天网站COM| 五月色丁香| 2015在线中文字幕| 开心五月深爱五月婷| 综合色色网| 九九99免费视频| 激情99| 九九精品亚洲| 色99网站| 伊人激情网| 婷婷五月天免费视频在线观看| 99精品国产在热久久| 伦乱美欧| 99精品无码| 伊人五月天男人的天堂在线| 婷婷久月| 丁香九月激情| 色五月综合在线| 五月婷婷丁香| 五月婷婷丁香| 综合色情网| 色婷婷欧美| 五月丁香成人| 91丨九色丨大屁股| 五月色色色| 日本三级中国三级99人妇网站| 久超超碰| 色婷婷综合久久久久| AV色婷婷| 色欲天天综合| 五月色婷| 丁香五月六月| 成人婷婷桔色| 国产真实乱对白精彩| 丁香五月天激情小说| 色天堂婷婷| 丁香五月婷婷天| 99热色综合| 婷婷成人视频| 丁香五月色五月| 99久久婷| 五月天日日操夜夜操 | 精品99爱免费视频在线观看| 欧美成人AAA片一区国产精品| 婷婷五月激情欧美大胆视频| 97午夜一区二区| 99久热这里只有精品| 在线中文亚洲| 久久婷色| 开心四月婷婷在线色播播| 《亚洲操B久久免费在线观看,亚洲操B久久在线播放》在线播放 - 高清资源 - 97 | 综合久久五月| 狠狠色噜噜色狠狠狠综合色 | 538在线精品| 美女美女美女三级色天天天天天| 操婷婷基地| 九九99免费视频| 翔田千里aV中文字幕| 蜜臀av 粉嫩av 懂色av| 99热| 丁香五月综合久久八| 精品二区| 激情久久网 | 啪啪小说五月天| 午夜成人天堂久久无码日韩久久| 久久九九网| 久久这里有精品在线观看| 99热线观看9| 99热啪啪| 天天色,天天日,天天做| 亚洲六月婷婷| 中文字幕在线aⅴ免费观看| 五月天伊人网| 五月天婷婷一起草| 九九综合88| 99精彩视频| 五月婷婷二月丁香| 草草视频91| 亚洲人成播放网站| 99久热| 色色色色色网站| 九九Av| 亚洲精品另类| www.婷婷五月天| www,色色色网站| 婷婷激情五月天天天开心| 天天透天天干| 亚洲爆乳无码精品AAA片蜜桃| 久久五月天色| 秋霞三级影视资源| 性爱五月丁香| 激情久久伊人| 久久色情| 亚洲精品国产精品乱码视99| 看黄的网站18禁| 天天射色五月天| www.99视频| 五月婷婷草| 99热只有这里才是精品| 99天堂网| 九9九9无码| 国产在线网| 日狠狠| 四月婷婷五月丁香| 99色热视频| 99热色无码| 97久操视频| 大香蕉久久综合网| 日韩无码专区| 综合另类视频| 亚洲激情婷婷| 免费试看小视频 99| 玖玖视频福利| 婷婷色五月开心五月| 琪琪色网址| 26uuu欧美| 丁香九月婷婷综合| 五月婷婷之综合激情| 丁香五月综合图片在线观看| 亚洲精品无码久久| 日韩黄色电影| 伊人超碰在线| 青青草青青草五月天| 中文字幕在线观看视频www| 人妻人人操| 99热精品观看| 亚洲六月婷婷| 九九精品视频在线观看| 丰满人妻一区三区三区| 激情图片亚洲| 综合色99| 91热爆在线| 中文字幕不卡+婷婷五月| 九九99男女视频在线观看| 五月精品99综合| 夜夜操加勒比| 性生生活大片又黄又| 最近中文字幕在线中文视频| 日日.c| 午夜婷婷| 超碰在线人妻| 成人五月丁香社区| 色九月婷婷综合| 亚洲成人高清在线| 97久久久久| 色九亚洲| 久操福利| 婷婷综合97| 大香蕉五月天婷婷丁香91| 亚洲AV第二区国产精品| www.综合久久.com| 超碰9在| 激情爱爱网站超大免费| 五月婷婷影| 99热在线中文字幕| 成人AV在线网站| 久热99| 很很操96| 天天操天天操| 久久机热这里只有精品| 涩涩涩.com| 人人干人人操人人摸| 天天爽天天操| 色色色婷婷五月天| 色99视频| 色噜噜婷婷| 综合AV网| 丁香五月婷婷欧美成人色图| 久久婷婷激情四射五月天| 超碰日日操| 色色是色N一| 九九热视频免费观看| 婷婷五月天成人网站| 五月丁花六月丁香综合| 日本99色| 夜夜干夜夜操| www.色五月| 婷婷综合偷拍| 综激情网| 99re热| 色婷婷丁香| 亚洲精品无码久久| 久操热线| 久久99大| 99热亚洲精品| 无码一区二区三区四区五区| 婷婷四色五月| 在线观看婷婷5月| 色播五月网| 97碰碰免费.视频| 九九精品热播| 人妻系列久久久久久久久久久 | 热久精品| 97超级碰人人| 激情宗合 激情宗合| 玖玖在线视频福利| 五月丁香六月花| 激情爱爱网站| 伊人综合网站| 久久综合色情网站| 99激情视频热| 丁香在线视频| 五月丁香久久| 五月婷婷丁香综合,亚洲天堂| 丁香婷婷五月激情| 五月天婷婷黄色| 五月天开心色情网| 电影91久久久| 97久久人人操| 欧美成人精品老美女噜噜噜| 超碰免费人妻| 亚洲免费综合一区| 欧美影院婷婷| 五月丁香淫淫婷婷婷| 色五月在线播放| 91伦| 九热在线这里有精品6| 丁香婷婷激情六月五月开心| 97干在线| 久久人人九| 色婷婷色五月综合| 婷婷综合网| 亚州精品成人片| 六月丁香激情最新更新| 99这里有精品视频| 欧美性生交XXXXX无码小说| 久久五月激情综合| 婷婷丁香五月天中文字幕| 婷婷色中文字幕| 狠狠狠狠青草| 婷婷成人五月天一区| 久久停停超碰| 9一精品视频观看| 五月色欧洲| 97色色色色色| www.综合久久| 夜夜爽天天日| 97操碰在线视频| er99免费视频在线| 丁香六月婷婷| 99久久97久久欧美综合网| 天天cha成人综合网| 国产毛片精品一区二区色欲黄A片| 欧美久久久久久久久中文字幕| 天天天天天操| 五月丁香激情综合网| 五月丁香 啪啪| 久久a热| 丁香五月婷婷啪啪视频| wuyuedingxiang99| 色五月色五天色情网| 综合精品99| 深爱五月最新网址| 青柠影视免费高清电视剧| 丁香无五月网| 九九热只有精品| 九九99精品视频| 六月丁香五月婷婷| 99久久人人| 婷婷香五月综合激情| 成人做爰黄A片免费看直播室男男| 超碰三级秋霞| www久久久| 丁香六月啪| 大香蕉精品视频| 香蕉操亚洲| 操逼视频一区| 五月婷婷婷综合网| 亚洲精品在线视频| 99热狠狠操| 婷婷综合五月| 99综合自拍| 成人五月天丁香婷| 亚州操操| 亚洲激情婷婷| 色99在线视频| 丁香五月婷婷基地| 91久久99久久91熟女精品| 在线色色| 综合色99| 久久久中文| 99热99免费| 99热在线观看成人| 色亚洲欧洲|