免费国产精品自在自线-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
返回資訊列表
丁香五月之久操视频| 视频1区2区| se影音资源在线观看| 久久99网站| 沈娜娜av| 亚洲色就是色色色| 色婷婷视频| 天天拍天天操| 开心五月网| 开心丁五月| www激情网站| 丁香激情网| 五月丁香六月欧美综合网站| 丁香五月激情婷婷| 色婷婷香蕉丁丁网| 99热在线中文字幕| 激情五月丁香在线观看直播| 九九这里只这里只有精品| 色五月婷婷综合在线| 五月天色婷婷成人| 人人操超踫| 另类视频一区| 久久九九99| 午夜日韩久久久网站| 国外亚洲成AV人片在线观看| 激情操逼婷婷| 午夜微拍福利| 国内在线99视频| 99青青草99| www.狠狠| 欧美特大片黄| 91fuliwang| 精品一二三区久久AAA片| 五月丁香花视频| 精品久久久人妻| 精品九九视频| 久久这里只| 江苏少妇性BBB搡BBB爽爽爽| 亚洲性受XXXX五月丁香| 九九爱这里只有精品| 久99久精品视频| 99久热精品在线| 丁香五月婷婷综合激情哟哟哟| 四色五月视频| 丁香综合久久| A在线观看| www久久久久久| av操B网站| 天堂成人A片永久免费网站| 免费视频99| 91chinese在线| 九九操操| 九九视频在线观看视频6 | 久久九九热视频| 这里只有精品2| 日本三级中文字幕| 色五月婷婷中文字幕| 丁香五月成人网| 五月综合久久| 嫩草视频。| 影音先锋天天日| 天天色视频| 天天噜| 天天摸天天做天天爱天天爽| 激情综合无码| 99久久国产宗和精品1上映| 亚洲亚洲人成综合网络| 婷婷激情97| 丁香五月婷婷99| 九九99热久久精品66中文字幕| 九九综舍久久| peg 2区三区四区的| 思思99热在线| 亚洲成人人人操| 婷婷情爱五月天6| 9l视频自拍9l视频自拍九色学生| 99在线观看| 色婷婷影院| 国产精品天天狠天天看| 思思热视频| www.五月丁香| 国产精品男人AV不卡| 色婷婷精品视频在线播放| 国产高潮白浆一区二区| 色婷婷丁香| 丁香婷最新动态| 啪啪啪啪五月天| 五月六月激情| 色色色色色色网站| 精品自拍97| 久久婷婷五月综合成人d啪| 欧美极品999| 九九视频精品在线免费| 久久久久久激情| 丁香五月天视频| 久777| 六月婷欧美| 丁香五月婷婷社区| 99re热99| 欧美色欲色欲天天天www| 丁香六月综合| 色五月色综合| 五月天婷基地| 丁香激情网| 久久人妻久久| 日本3级片一区2区| 五月丁香花激情综合网| 国产精品99久久久久久久女警| www九九免费视频| 夜夜久久综合网| 欧美激情 日韩无码 婷婷 五月天| 激情综合网 激情五月天| 五月丁香六月婷婷激情视频在线观看免费 | 超碰婷婷五月| 99er免费在线观看| 婷婷综合网| 真实的国产乱XXXX在线91| 九九亚洲综合| 激情五月影院| 另类国产欧美视频| 色999;丁香五月| 色综合九九| 天天摸天天透天天舔| 婷婷色网站| 六月五月天婷婷涩播在线| 国产精品人妻在线网址| 亚艹艹| 日本99热| AV堂狠狠干| 夜夜骑夜夜撸| 色色六月| 五月天婷婷激情春色小说| 色丁香五月婷婷| 日本三级第一页| 好好干Av| 天天干 夜夜爽| 密乳Va| 97五月天婷婷| 久综合4| 色综合色婷婷色伊人| 婷婷激情性爱| 久草 天堂| 一级黄色尤物综合视频手机在线观看| 9999三级片| 婷婷五月天综合亚洲| 欧美婷婷六月丁香综合色| 五月丁香成人网| 久操乱| 五月激情另类| 日日做A爰片久久毛片A片英语| 激情五月天色网站| 99热手机在线精品| 五月丁香久久网| 四色永久成人网站| 99ri精品视频在线观看| 国产欧洲欧洲精品久久| 丁香五月天无码AV| 欧美性猛交 XXXX 乱大交| 99热偷拍| 色婷婷丁香五月| 天天情天天狠天天透| 99久久婷婷五月综合| 婷婷五月六月丁香| 99re这里只有精品视频6| 丁香五月婷婷综合精品素人| A1片久久久| 深爱五月激情五月| 六月婷婷av| 成人短视频在线免费观看| 久久影视婷婷五月| 天天做天天爱天天摸| 大香蕉免费9| 色色色色五月| 91视频精品99| 丁香五月婷婷影院| Se.婷婷五月天| 久久久婷婷婷| 色噜噜狠狠色综| 日韩成人中文字幕| 天天爽天天爽天天爽天天爽天天爽| 狠狠操狠狠插| 激情综合九月| 九九色热| 青青日韩| 久久婷婷色色| 婷婷五月天另类视频| 啪啪啪综合网| 天天插天天干天天舔| 蜜臀AV在线观看| 狠狠狠狠狠狠狠狠狠狠狠色宗合图片| 欧美特大片黄| 婷婷丁香五月在线播放| 成人版视频在线观看| 成人在线综合| 九月丁香婷婷综合激情| 亚洲情综合五月天| 九九热在线99| 激情AV| www.狠狠| 五月天精品视频| 久久综合色五月| 9久精品视频| 久久九九怡红院| 五月天激情AV| 久草A片| 激情小说五月天| 亚洲婷婷六月天| 婷婷五月天性爱视频| 播五月,色五月,开心五月播放器| 久久小视频免费| 99综合五月免费视频色婷婷| 99热这里只有精品1025| 婷婷五月色网| 九九热AV| 色原狠狠综合| 成人短视频在线观看| 亚洲国产精品综合色区| 色综合久| 婷婷五月六月丁香| 欧美色综合天天久久综合精品 | 狠狠干无码| 综合在线丁香五月| 亚洲无线视频| 999精品乱码77777| 99爱最新免费视频在线观看| 99日本在线| 乱精品一区字幕二区| 色婷狠狠| 六月丁香婷婷色69| 26UUU| 婷婷色综合中心站| 精品一区二区三区四区五区六区| 色狠狠999综合| 九九热99精品在线| 午夜婷婷丁香| 影音先锋 一区| 99热99在线| 欧美丁香五月夫妻天| www.粉嫩av.com| 亚洲va久久久噜噜噜久久天堂| 日本激情91| 九九操综合网| 人人舔人人色人人高潮| 九九99在线免费在线观看视频| 激情丁香五月| 激情五月少妇| 五月永久激情| 婷婷放心五日爱| 亚洲欧洲一二| 色五月婷婷丁香凹凸| www.色婷婷.com| 日韩啊啊啊| 337p午夜影院| 九九sese| 五月天激情在线视频| 26uuu偷拍亚洲欧洲综合| 在线看的免费网站| 欧美韩国日本| 亚洲精品字幕在线观看| 激情综合网五月天| 大香蕉啪啪啪| 成片免费观看视频大全| 大香蕉欧美在线| wwwwww.色| 99 频99热国里只有精品| 网站免费一站二站| 六月丁香久久| 激情综合五月天| 五月天亭亭俺也| 婷婷精品在线| 另类激情五月| 操一操| 玖玖精品视频99| 天天舔天天插天天爱| WWW99热| 丁香五月性爱爱五月| 7777国产盗摄农村女人| 丁香五月色情av| 五月色情| 激情四射亚洲| 在线亚洲综合网| 99色热综合| 久久视频在线视频| 怎么样可以看免费的一级av| 99青青草99| 中文字幕视频色婷婷| 久久香蕉网| 大香蕉五月天婷婷| 国产精品18久久久| 亚洲超碰中文字幕| 香蕉五月婷婷| 久99久热| 深爱激情中文五月天av| VA国产在线综合网站| 激情五月天噢美| 蜜乳9188| 人人操91色| www.久操| 丁香五月六月综合激情| 色色五月天激情| 欧美久热| 在线综合婷婷| 看久久性爱99视频| 91热99| 99热这里只有精品66| 中文字幕在线观看视频www| 久/久精品99看9| 久久性爱视频网站| 99婷婷狠狠成为人免费视频| 超碰免费电影| 久久多色| 婷婷五月天影视| 五月天婷婷青青草| 69久久99精品久久久久婷婷| 色色婷婷丁香| 日本三级日本黄色| 秋霞成人毛片一级A片| 91viP在线看| 丁香女人五月天| 九月大香蕉| 啪色综合| 色五月婷婷丁香国产在线| caopeng97日韩| 婷婷五月天a| 五月天伊人网| 亚洲色另类| 欧洲电影在线观看免费版英语版 | 激情亚洲五月| 久久伦乱| 深爱激情九九五月天| 夜夜爽天天日| 五月婷婷色色| 啪啪啪丁香五月| 久久婷婷夜| aaaaa黄色| 人人舔天天| 五月天播播中文字幕| 丁香五月婷婷影院| 9 1 A v久久久| 99热e| 五月丁香啪啪激情| 天天肏高清在线| 操人91| 婷婷婷久久| 高清不卡一区| 亚洲第79页| 97色色综合| 9色91视频| 99综合自拍| 久久6这里只有精品| 伊人AV五月婷| 九九色色| 色月九九| 99热这里只有精品86| 一起草性爱不卡视频| 婷婷99视频在线| 婷婷射图| 激情伊人五月天| 日日杆天天| 五月色婷丁香| 99re这里有精品手机在线| 婷婷色五月激情强奸四射| 亚洲V国产V欧美V久久久久久| 丁香五月大香蕉AV| 婷婷五月天婷婷| 色爱亚洲| 99大香蕉| 丁香六月婷婷| 五六月婷婷久久| 久久久久久久丁香五月天婷婷| 丁香五月中文字幕久色| 中文字幕无码人妻少妇免费视频| 亚洲av综合网| 色婷久| 96丁香婷婷九月蜜桃综合久久| 九九久久五月天| 天天天天天久久久久久| 狠狠综合网| 色你久久| 免费AV在线| 婷婷丁香五月天综合在线日韩| 99热9| 国产亚洲精品久久一区二区三区| 视频一区二区在线| 欧美性色五月天| 久久人人看| 99在线免费视频| 五月丁香综合激情网| 香蕉人妻AV久久久久天天| 婷婷色导航| 91视频一起草| 国产老熟妇亲子乱对白| 天天干天天干天天| 99色在线观看视频| 91凹凸在线| 啪啪色激情五月天| 综合五月网| 婷婷性爱五月天丁香网| 激情久久综合网| 色视频色综合91| 99热99热在线观看| 99热这里只有精| 久久丝丝热| 人人澡玖玖一| 香蕉久久国产AV一区二区| 成人在线综合| 五月丁香啪啪啪综合网| 九九RE视频在线精品| 五月丁香激情综合啪啪| 久久艹99| 久热91| 91色久| www激情| 久久激情网| 国産精品| 五月婷婷在线免费观看| 蜜臀A∨在线水帘洞| 99自拍视频在线| 在线中文av| 91九色国产| 色婷婷九月| 五月激情六月综合| 99er6| AA片在线观看视频在线播放| 婷婷五月色网| 91日精品| 在线成人网站| 视频免费精品免费精品免费精品免费精品免费精品免费精品免费99 | 色情·com| 中国女人做爰A片| 丁香婷婷六月激情| 久久日婷婷| 天天综合中文| 51成人| 激情小说婷婷| 久久婷婷婷婷伊人| 性爱七区| 开心激情综合| 欧美Va在线| 五月深情久久| 五月色婷| 婷婷五月天影视| 色天使色综合| 99热国内精品| 五月婷婷这里都是精品| 久久婷婷五| 五月丁香婷婷在线| 婷婷丁香基地在线| 成人在线网站| 婷婷性爱综合| 人妻丰满精品一区二区A片| 成人短视频在线| 丁香五月影院| 九九99九九99九九99视频网| 爽极品色| 91九色国产| 色婷另类| www.99热在线观看| 激情五月天色网站| 久久综合五月天| 偷拍91九色| 激情五月婷婷视频一区二区三区| 操骚货在线| 久久婷婷五月天蜜桃| 久久婷婷激情视频| 丁香在线视频| 五月婷中文字幕| 成人免费高清在线播放| 激情综合网址| 色欲色香综合网| 99久在线精品99re8热| 五月天婷婷基地| 九月丁香| 国产美女无遮挡裸体毛片A片| 深爱开心激情| 国产XXXX搡XXXXX搡麻豆| 午夜天堂一区人妻| av超碰在线| 婷婷五月天首页激情| 天天肏天天肏| 日本片日本片祼观看网站在线看中文版网页在线看 | 狠狠草婷婷| 精品综合五月| 夜夜骑夜夜操| 色色网站| 婷婷丁香91综合| 超爽内射| 激情五月天婷婷图| 99热这里只有在线| 99久在线观看| 中文字幕乱码亚洲精品一区| www九月婷婷| 五月激情网站| 成人小说 五月天 婷婷| 人人摸人人摸| 五月天婷婷成人网| 热99热久| 丁香九月综合| 亚洲视色| 五月在线| 五月丁香婷婷色播无码| 丁香五月自拍| 婷婷丁香色五月久久88| 丁香五月久久| 婷婷9月天| 国产熟女大叫受不了| 亚洲 综合中文| 久久这里只有精品1| 婷婷久久综| 蜜桃人妻无码AV天堂三区| 色吊操色妞| 超碰99热| 色色色色色色网站| 国产精品国产成人国产三级| 99ri视频在线播放| 99热大片| 久久久婷婷| 91在线资源| 热99国产精品| 五月天婷婷综合网| 色亚洲婷婷| 久久人人妻| 噼里啪啦完整版中文在线观看| 碰久久精品w| 激情婷婷丁香五月天小说| 国语精品探花| 中文字幕无码人妻少妇免费视频| 国产精品电影网| 欧美综合激情五月| www.99在线| 色五月大| 天天天操天天天日| 大战熟女丰满人妻AV| 一区视频网站| 无套内射极品大美女| 日韩免费视频| 五月天色色激情综合| 亚洲精品午夜国产va久久成人| 五月丁香婷婷啪啪| 伊人久久婷婷| 九九热10| 9l视频自拍九色9l视频在线观看| 深爱激情网综合| 中文毛片无遮挡高潮免费| 开心婷婷五月天激情网| 免费看欧美成人A片无码| 九九大香蕉黄色影院| 婷婷五月天综合久久日美女| www久久久久| 香蕉操亚洲| 激情九月综合| 狠狠88综合久久久久噜噜噜| 婷婷六月天精品| 欧美激情综合色综合色| 99色精品| 丁香花五月天| 99色精品| 99视频超级精品| 成人视频一区| 五月天啪啪| 99热99干| 99er这里只有精品视频| 婷婷五月六月丁香| 婷婷丁香社区网| 五月天婷婷在线AN| 国产69久久久欧美黑人A片| 综合亚洲六月婷婷在线| 欧美精品18| 五月丁香猫咪久久婷婷综合视频激情四射网入口| 热久久这里只有精品| 99热 在线播放| 丁香五月婷婷视频| 99re热99| 久久9视频| 欧美激情五月综合| 最新高清无码专区| 日日操,天天操| 免费在线观看av网站| 日日插日日干| 91久久综合亚洲噜噜成人在线 | 婷婷成人基地| 夜丁香综合| 91av视频在线观看最新网址| 91婷婷搞| 婷婷六月爽| 秋霞AV吧| 婷婷五月丁香欧洲| 五月天日日操夜夜操| 久久婷婷热| 99精品在| 停停五月色宗合| 五月天婷婷綜合院| 天天天久久久| 婷婷综合久久综合| 久超超碰| 26UUU欧美激情一区二区| 9视频在线成人网站| 五月婷婷亚洲| 那里有AV网址| 九月婷婷人人操人人舔人人爱| 一丁香五月天月AV| 丁香五月综合色婷婷| 综合色五月亭亭| 日本五月天网站| 婷婷五月天堂网| 激情亚洲五月| 97干97色| 婷婷激情五月天小说校园| 9999热在线观看| 欧美成人va| 五月天 另类图片| www.久久久久久久| 五月婷婷丁香日韩在线| 无码人妻电影| 丁香五月六月婷婷殴美综合| 99日韩| 大香蕉丁香五月| 亚洲AV综合在线观看| 天天干天天操天天干天天操天天干天天操| 色婷婷文字幕| 国产亚洲精品久久久久久久久动漫 | 激情五月婷婷色综合| 色色色色色色色色五月先| 婷婷六月天精品| 丁香五月欧美色综合| 免费视频WWW在线观看网站| 丁香色五月婷婷| 激情综合网,婷婷| 91在线视频综合| 99婷婷狠狠成为人免费视频| 91超碰九色| 在线观看av网站| 婷婷久久99| 翔田千里 50岁 无码| 襙逼网| 九九综合| 韩国情人在线电视剧免费观看高清版全集| 玖玖99免费视频| www. 五月. com| 久久综合天天综合| 亚洲愉拍99热成人精品| 丁香五月激情综合在线观看| 丁香六月婷婷| 色综合播放| www.五月天婷婷| 婷婷久热| 色欧洲| 热99国产精品| 狠狠插狠狠插| 五月网激情| 性综合网| 99热精品10| 欧美色五月| 性色播| 五月婷婷色色| 色五月天综合| 超碰婷婷五月| 精品成人a v无码内射| av一区二区电影免费在线观看| 婷婷精品性性性性性性性| 8050一级网| 国产精品日韩十五区| 色婷婷AV在线| 思思热精品在线观看| 99久久99热这里只有精品| 色婷婷综合久色AV五色最新| 狠狠搞五月天| 五月丁香色婷婷伊人| 任你草| 亚洲免费看片| 丁香五月婷婷啪| 婷婷五月丁香六月伊人网| 色情婷婷| 婷婷五月天改成什么了| 日本www五月婷婷| 99re这里只有精品国产99| 五月婷婷另类| 日韩在线看AV| 日本色99网站| 婷婷激情97| 丁香激情五月少妇| 五月丁香色婷婷色| 中文字幕成人| 色另类五月天| 丁香美女主播视频在线观看 | 天天干天天爽天天爽| 五月天伊人手机在线播放AV| 99亚州综合精品成人网| 亚洲婷婷基地| 日本三级日本三级99| 婷婷综合五月天| 国内一级片| 丁香六月亚洲| 超碰人人艹| 久久五月视频| www久热com| 色偷偷五月天| 免费视频99| 亚洲午夜在线视频| 五月婷婷草| 婷婷五月丁香基地在线视频官网| 五月婷人妻| 亚洲另类噜噜| 超碰chaompinm| 亚洲色婷婷| 色开心五月婷婷丁香HD| 色婷婷狠狠爱| www色中色综合| 91九色在线视频| 久热免费视频| 久久天堂加勒比| 这里只有精品在线视频精品| av中文网站| 大香蕉520| 久久色大香蕉| 成人五月丁香社区| 久久五月婷天天干| 成人精品在线| 久婷婷久草| 97人人超| 色婷婷五月天视频在线| 五月天色不卡| 日韩无码91| 久久亚洲色导航| 色 色 色综合com| 99热99在线| 久久婷婷五| 99热精品网| 丁香五月av| 男女啪啪做爰高潮无遮挡| 91精品久久久久久久久| 天天日天天操天天干| 97久久久久| 色99欧洲色19| 日日操,日日爽| 婷婷综合亚洲| 99资源人人| 免费99情趣网视频| 玖玖综合色| av超碰在线| 日操五月婷| 99综合在线| 99国产欧美视频| 色婷婷丁香五月天在线视频| 97色在线视频| 五月天丁香综合在线| 久久精品小视频| 伊人五月综合网| 日本一毛片| 99热.com| 欧美一级毛卡片无码| 深爱激情小说五月婷婷| 色色性爱视频| 97色久| 五月天婷婷基地| 香蕉99网| 五月丁香花激情综合网| 怡红院AV亚洲一区二区三区H| 久久丁香五月婷婷| 欧洲亚洲免费视频9| 新激情综合| 五月情婷婷| 久热99中文字幕| 五月天成人伊人| 免费黄色片子| 五月综合视频在线| 久久婷婷六月综合综合| 思思99热这里只有精品| 啊V视频在线观看| 丁香五月激情棕合| 九九热中文| 丁香婷婷五月六月久久| 亚洲综合草草| 97中文在线| 午夜丁香| 亭亭丁香aV| 久久婷婷五月综合| 人人舔人人色人人高潮| 国产人妻人伦精品一区二区| 五月婷婷色丁香| 青草青草视频2免费观看| 99热精品在线播放观看| 成人做爰A片免费看视频| 色综合播放| 在线视频区| 激情综合色婷婷啪啪六月天| 人人肏逼视频在线一区二区| 婷婷五亚洲| 久久伊人婷| 色日本综合| 综合99综合久久久久久久| www.91久久| 天堂爱爱| 久久久久9久无码视频| 激情五月天激情综合网| 日本一级大片| 99热老司机| 日本色噜| 国产jd1024基地手机看国产| 久久金品黃色| 亚洲精品影视| 99热在线观看| 婷婷丁香五月综合网上| 国产成人AV在线播放| 五月婷婷久久综合| 人人干天天操五月丁香| 韩日AV片| 婷婷五月激情综合| 99re思思热这里| 九月av在线| 久久女婷| 狠狠草综合网| 99热在线观看精品| 久久精品99国产精品日本| 精品51XX| 婷婷五月丁香综合| 九九综合影音先锋| 五月丁香六月综合激情 | 颜射 精品性爱av| av电影在线播放| 91操熟女| 一级A片天天操夜夜操| 丁香色影院| 99九九久久| 六月色播| 激情五月综合视频| 综合九九久久| 国产精产国品一二三在观看| 久久99热这里只有精品| 色婷婷久久综合久色| 99caobi| 五月天激情国产综合婷婷婷| 99热6这里只有精品| 天天爽夜夜爽夜夜爽精品| 亚洲无码性爱| 极品人妻VideOssS人妻| 色婷婷丁香五月在线观看| 亚洲国产精品五月天| 一起操 91N.com| 69精品人人人人| 久久视频婷婷| 色色色色色色综合| 91碰碰| 超碰伊人碰婷婷五月| 中国丰满熟女A片免费观| 国产美女视频久| 五月天成人伊人| 97精品在线| www.韩日视频| 黑人糟蹋人妻HD中文字幕| 另类图片激情五月| 六月丁AV| 天天综合亚洲综合| 五月丁香婷婷在线综合蜜桃| 99色五月| 亚洲视频久久| 激情四射亚洲| 激情五月天网站| 色综合综合色| 五月天成人综合| 五月婷婷欲色| 亚洲精品乱码久久久久久综合| 日本美女上人| 91pornav在线| 91人人人人人人人| 婷婷激情五月呦呦| 99色综合| 久久小视频| 无码操B| 97精品欧美91久久久久久久| 天天摸天天舔| 婷婷五月天成人小说| 色婷婷五月综合网| www好屌操| 噜噜噜噜噜日本视频| 丁香五月色情| 久草A片| 香蕉婷婷色五月| 激情四射婷婷色色色| 日本在线观看91| 五月婷婷黄网站大全| 亚洲婷婷性爱| 欧美综合五月天婷婷tin| 欧美精品在线观看| 91 影音先锋| 一级片操逼视频| 日韩在线观看网址| 99热香港| 日韩精品呦呦va| 色激情网| 久热re在线视频| 九九九午夜视频| 丁香五月停停基地| 9l视频自拍9l视频自拍九色学生| 99精品超在线播放| 狠狠色丁香婷婷久久综合| 伊人网啪啪| 久草视频一,二三四| 久久婷婷五月综合激情国产| 99久在线观看| 99热九九这里只有精品| 五月婷婷另类| 色婷婷丁香五月天在线视频| 久久九九99字幕| 五月婷婷丁香在线视频| 色播五月婷婷五月| 超碰国产在线观看| 啪啪啪大香蕉| www久久久| 亚洲六月色| 一级性爱大片| 91热在线| 五月色情网| 丁香五月天AV| 成人亚洲精品| 五月天婷婷基地| 久久九九激情五月天 | 久久您您综合网| 色色色9 9 9| 婷婷爱爱蜜臀天天操| 久久女婷| 九九久久综合网站| 九九热在线精品视频| 日韩高清成人| 97色色视频| 另类图片五月天激情| 26uuu丁香婷婷五月| 这里都是精品99| 亚洲色vA| 婷婷五月丁香六月| 无码人妻丰满熟妇奶水区码| 综合精品啪啪| www99热| 婷婷射图五月天| 人妻视频在线| 全部老头和老太XXXXX| 婷婷色色丁香| 久久五月视频| 色在线视频网2025| 99热6精品| 九月色婷婷婷| 这里只有精品视频222| 婷婷亚洲在线| 婷婷六月啪啪| Aaa久久| 男女99免费视频| 婷婷色情小说| 伊人激情| 伊人影院久久网| 色情·com| 五月婷婷在线观看黄| 国产亚洲精品AAAAAAA片| 国产色视频网站2| 五月婷婷激情四季| 99热8| 免费无码毛片一区二区A片| 97五月久久丁香婷婷| 能看的AV网站| 99精品在线| HD久久精品视频| 日日干综合| AV在线中文| chaopeng在线人人| wuyuedingxiang99| 超碰日日操| 婷婷性爱五月天丁香网| WWW色五月天| 五月丁香啪综合| 色色色色色色色五月| 欧美五月丁香啪啪响视频| 五月婷婷开心网| 五月天婷婷丁香成人网| 激情深愛五月視頻| 激情久久五月天| 婷婷丁香五月天操逼| 色 五月俺去也| a久久| 26UUU欧美激情一区二区| 丁香五月无码| 婷婷五月在线影院| bbwcuckold精品熟妇| 91热久久| 精品人妻在线| 天天婷婷色六月| 丁香狠狠干| 男人天堂亚洲综合| 色色色色五月| www.精品99| 婷婷六月综合基地| 丁香婷婷老司机久操| 久噜久噜| caop视频| 午夜爱爱爱成人| 狠狠操狠狠| 丁香五月婷婷深爱综合激情| 91婷婷在线| 久久久久久久久久91| www.婷婷五月天| 97婷婷五月激情六月丁香伊人| 久色网五月| 九九九九操逼| 综合热无码| 中文字幕成人网站| 五月婷婷综合色啪首页| 亚洲婷婷五月天| 五月天久久婷婷婷| 97精品人人A片免费看| 婷婷五月色花丁香社区| 99爱精品| 五月婷婷亚洲天堂激情在线| 99热官网| 国产在线6| 99热这里都是精品| 五月亚洲激情| 亚洲深喉aV| 五月婷婷视频ab| 琪琪狠狠干| 九九婷婷五月天| 秋霞AV美国| 一起草Av| 国产成人网址| 婷婷综合五月| 五月婷婷m| 热久综合| 色五月婷婷老师| 99久久婷| 婷婷综合五月| 天天狠狠色噜噜| 中文字幕丰满乱孑伦无码专区| Www.狠狠| 九九综合色综合| 丁香五月天之婷婷影院| 亚洲舔观看| 婷婷99狠| 丁香五月婷婷综合精品素人| 婷婷性爱影院| 人妻丰满精品一区二区A片| 婷婷丁香五月天小说| 亚洲色区17| 五月丁香久人妻中文| 欧美黑人大吊| 中文字幕无码AV| 亚洲中文乱字字幕在线永久| 婷婷五月花| 亚洲欧洲中文日韩久久AV乱码| 久久久人人人妻丝丝丝| 色99免费视频中文| 色999亚洲人成色| 99久久思思| 青青日韩| 九九成人视频| 欧美婷婷五月| 久久久久激情| 爽tv | 色五月欧美| 五月丁香好婷婷姑娘综合网| 色情激情五月婷婷| 欧美日韩99| 丁香五月天激情综合网| 欧美人人女女精品综合五月天| 一本色道久久综合狠狠躁小说| 天天日夜夜操五月| 久热超碰91| 粉嫩AV久久一区二区三区| 夜夜干 夜夜操| 五月天婷婷色五月天| 红桃91人妻爽人妻爽| 九九久久99| 国产精品久久7777777精品无码| 亚洲天99| 影音先锋秋秋五月婷婷| 色播婷婷五月天| 99视频一区| 91超碰人人操| 午夜微拍福利| 五月婷视频| 人妻精品一区二区三区| 亚洲激情无码久久| 天天干天天操天天射| 熟女人妻视频| 日本九九九九| 丁香五月婷婷色情综合| 79精品在线视频| 国产av基地| 六月婷婷天堂| 久久综合99| 亭亭色网| 天天插AV丝袜中| 丁香五月视频在线观看| 五月丁香六月成人| 97干在线免费| 风流少妇A片一区二区蜜桃| 91男同| 色 色 色综合com| 激情五月婷婷伊人| 五月天丁香六月综合| 99热欧美精品| 伊人婷婷99热精品| 九九黄色网| 天天色综网| 色婷婷激情四射视频| 国产精品成人av在线观看春天| 天天爽天天爽天天爽天天爽天天爽天天爽天天 | 亚洲中字AV电影在线网站| 很很干天天干| 大香蕉五月婷婷| xx人人xx| 99热这里只有精品搜| 久久五月天激情视频| 五月天另类小说亚洲| 99热9999| 午夜成人综合| 99人人操| aV欲望人妻中文字幕| www日本熟妇99在线视频| 嫩BBB槡BBBB搡BBBB| 天天插天天日| 91中文在线| 激情婷婷色色| 色综合综合色| 97操碰碰无码视频| 五月天激情四射网站| 色播五月| 四月丁香五月婷婷久久| 午夜丁香五月天综合| 五月丁香青草综合啪啪| 婷婷综合成人五月天| 桃色激情婷婷伊人网| 亚洲第一色色色| 新99思思视频| 日日干综合| www天天干| 天天射影视综合网| 国产精品久久久60086| 丁香五月天激情综合网| 大香蕉院线| 婷婷五月天激情AV影院| 五月天成人在线播放丁香| 五月丁香婷庭在线| 精品久久久久久久人妻| 性生活视频98791| 激情五月色在线播放| 九九性视频| 国产精品色色| 99热这里都是精品| 色色色色热| 中文字幕日产A片在线看| 亚洲国产精品二二三三区 | 色七七九九| 色综合色色| 青草性爱视频| 亚洲激情综合五月婷婷啪啪| 亚洲亚洲永久无码777777| 99热这里只有精品99| 激情久久久久久久久| 天天干 夜夜爽| 免费观看18视频网站| 国产亚洲精品久久久久久久久动漫| 91男人操女人视频| 婷婷五月天性爱视频| 97久人人| 五月天丁香啪啪综合| 婷婷丁香五月激情图片| 九九在线这里只有精品视频| 欧美69久成人做爰视频| 91无码一区人妻A片蜜| 99ri6在线视频| 噜噜操操| 丁香五月AV综合| 五月丁香六月综合激情网| 亚洲色视频| 久久久com| 天天日天天久久青青| 久久女人九九| 五月丁香| 色五月视频,小说| 久碰婷婷视频| 蜜桃人妻无码AV天堂三区| 99精品丰满| 伊人碰碰碰| 天天干,噜噜色,狠狠色| 色婷婷久久综合中文久久一本| 无码区婷婷五月花开| 伊人无码高清| 亚洲综合在线网站| 五月丁香综合啪啪| 开心婷婷五月中文字幕组| 久久五月激情| 婷婷丁香日韩五月| 超碰99久久| 这里只有精品在线免费视频| 99综合自拍| 亚洲婷婷性爱| 99热日韩| 骚货艹网站视频| 丁香五月天啪啪| 欧美人人草草| 婷婷久久五月| 26uuu成人网| 99精品国产乱码久久久人妻| 丁香五月婷婷Av| 色婷婷香蕉丁丁网| 高清不卡一区| 婷婷五月综合免费在线| 综合激情开心五月| 五月天伊人久久久久| 激情婷婷丁香五月| 91日本在线观看| 深爱激清网| EEUSS鲁片一区二区三区| 一起草无码| 天天干天天玩天天夜天天射天天操天天日蜜臀少妇 | 国产精品涩涩涩视频网站| 超碰97久久| 伊人五月天婷婷| 丁香久久| 午夜成人AV在线| 5月婷婷6月六月丁香| 97超碰婷婷五月天| 婷婷亚洲日本| 婷婷色啪| 婷婷综合偷拍| 久久99这里只有精品视频| 99热在线播放| 欧洲不卡视频| 99热精品在线观看| 日本成人内射| 亚洲 在线 性爱 | 都市激情久久| 日本在线视频www色| 亚洲AV电影美洲AV电影| 色色色色色色综合| 99热官网| 天天爽天天爽天天爽天天爽天天爽天天爽天天 | 四色五月婷婷| 久久久久久久久久久jjjj| 天天粽合合合合| 五月天激情影院| 色婷婷狠狠18禁| 91狠狠综合网| 九九十99视频| 丁香婷婷激情六月五月开心| 婷婷丁香精品视频在线观看| 6080av| 极品少妇高潮啪啪AV无码| 九九热这里只有精品5| 天天看A片| 亚洲激情婷婷| 五月丁香激情综合久久| 91精品综合久久久久久五月天| m色激情网| 婷婷五月激情四射手| 色色婷婷综合网| 91 九色大美女| 色情激情五月| 婷婷五月丁香图片人人操| 青青草六月丁香| 人人摸人人操人人爱| 五月婷婷干| 久久婷青青草原| 久久这里有精品视频在线免费观看| 激情操逼婷婷| 五月婷婷啪啪啪啪| 97伊人综合婷婷| 久久久久久久久99精品| 色婷婷丁香综合中文字幕|