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
返回資訊列表
色噜噜狠狠色综合日日| 久热中文字幕| 大香蕉婷婷久久| 婷婷开心激情| 26uuu国产| 99热久| 国产无套精品一区二区| 超碰人人操人人干| 天天色天天日| 激情小说 五月天| 丁香色六月婷婷| 国产人妻777人伦精品HD| 超碰1999| WWW.桔色成人.COM| 3p日韩网站视频| 久久五月天丁香| 96丁香六月婷婷蜜桃综合久久| 九九精品视频在线6| 激情五月婷婷综合| 日本操片| 色婷大香蕉| 久久机热/这里只有精品| 99热99这里有免费的精品| 五月丁香婷婷综合视频| 婷婷综合日本| 丁香五月九九| 五月丁香婷婷色播无码| 国产婷婷婷| 1024人妻| 国产 亚洲 在线| 日韩激情人伦人| 天天操无码| 日韩黄色中文字幕| 内射干少妇亚洲69XXX| 丁香五月开心亚洲| 婷婷成人视频| 99视频精品在线| 精品九九在线观看| 五月婷婷伦理| 综合99在线| 99精品在线观看视频| 午夜成人av在线| 国自产拍偷拍精品啪啪一区二区 | 九月婷婷久久| 超碰99热| 五月人人丁香婷婷五月人人丁香| 九九热只有精品6| 激情九月综合| 五月丁香婷婷色| 五月婷婷综合社区| 久久Xx| 亚洲视频码| 国精产品一区一区三区免费视频 | 六月丁香婷婷综合在线| jiZZdr| 操人妻视频91| 狠狠色大香蕉| 日韩亚洲视频| 婷婷五月天影院| 丁香五月综合| 日韩少妇内射免费播放| 婷婷五月综合基地| 超碰国产AV| 久艹伊| 区啪精品| 精品五月视频婷婷在线观看| 婷婷色五月天第7色| 天天干,天天舔| 色噜噜狠狠色综合AV兰草影视| 99碰超| 色九月婷婷综合| 五月丁香激情四射综合| 思思99精品视频| 婷婷激情另类| 99热这里只有精品22| 青青草原精品久久| 综合网啪| 久久精彩视频| 淫视馆av三区| 国产精品视频免费看| 婷婷丁香五月91| www.henhenl| 日韩人妻在线观看| 婷婷成人五月天一区| 99精品在线下载| 99er热精品视频| 大香蕉久久婷婷精品综合| 亚洲综合成人网| 99热这里| 婷婷丁香五月天色色| 玖玖激情网| 国产精品日日躁夜夜躁| 婷婷五月丁香基| 99亚洲色| 亚洲第一第二网站| 日韩av在线播放综合网| 色五月天堂| 欧美天天爽| 五月激情婷婷色| 婷婷五月天在婷| 五月花在线观看视频| 天天操天天操天天操天天操天天操天天操天天操天天操天天操 | 97AV在线视频| 午夜不卡久久精品无码免费| 91|九色|动漫| 思思re视频在线| 久久久性爱视频| 久婷| 超碰人人摸AV| 欧美天天爽| 26uuuavcom| 激情5月婷婷| 99re在线观看| 99热在线观看99| 色玖玖| 婷婷开心激情综合五月天| 五月婷婷激情久久| 国产精品18久久久| 婷婷欧美偷拍综合| 日本久久精品18| 熟妇无码乱子成人精品| 网色99| 99视频在线观看视频| 婷婷丁香五月综合| 五月天婷婷网站| 大香蕉综合| 亚洲五月天婷婷在线| 色播五月丁香| 99爱爱网| 天天爱天天做天天| ..真实国产乱子伦毛片| 久久这里只有精品5| 国语精品探花| 五月天激情国产综合婷婷婷| 9久久久久| 91dy.av| 大香蕉婷婷久久| 久久性爱网| 久久精品4| 天天天综合网| Av中文在线| 五月激情丁香五月| 五月天婷婷视频| www.91AV.COM| 天天日,天天插| 欧美成人精品A片免费一区99| 另类亚洲视频| 婷婷五月免费视频| 99啪视频在线观看| 淫水导航| 亚洲乱码日产精品BD| 91超碰在线播放| 99成人精品视频| 五月天婷婷色| 热久久成人| 久久作爱| 97在线碰| 人妻内射视频| 电影蜘蛛女| 狠狠操狠狠爱| 性色人人爽| 操操人人| 深爱五月婷婷开心中文字幕| 精品无码久久久久久久久| 成人视频一区| 久操操| 操逼六区| 五月婷婷色色色| 影音先锋天天日| 丁香婷婷色五月天| 婷久久综合| 婷婷五月色網站| 成人无码髙潮喷水A片| 伦乱美欧| W色综合| 久久婷婷操| 欧美性生交XXXXX无码小说| 极品色丁香| 天天看A片| 婷婷九月激情| 色色99| 伊人春天av| 岛国av网站| 久久精品爱爱| 日本操B视频在线观看| 欧美色色色| 色婷婷在线电影| 婷婷五月色亚洲| 久操乱| 无码人妻一区二区三区免费九色| 欧美日本97| 开心五月网 | www开心激情网| 99ER热精品视频| 天天干天天日日| 婷婷五月天99综合网站| 国产婷婷综合| 久久黄色免费视频| 久久婷五月影院| 婷婷五月天中文字幕| www.99热精品99.com| 岛国资源网| 99久久99热| 天天干天天爽| 亚洲色情网站| 婷婷丁香五月综合| 久月久在线视频| 激情综合网五月激情| 久久午夜丁香| 九九视频这里只有精品| 天天成人丁香美女AV| av首页在线| 可以免费观看的AV| 九九这里只这里只有精品| 国产精产国品一二三在观看| 亚洲六月色| wWW九九在线播放| 五月丁香影院| 淫荡综合网| 欧美三级视频下载| 激情五月综合| 五月婷婷在线视频| 五月丁香WWW| 丁香五月WWW| 婷婷色影院| 5月婷婷性视频| 五月花激情网| 超pen个人视频97| 青青草五月天| 五月丁香婷婷久久| 手机在线日韩视频中文字幕| 色色五月婷婷网| 激情深爱五月天| 激情综合综合综合| 91超级碰在线| 日本eVa一区=区视频| 性综合网| 欧美啪啪五月天| 99视频只有精品| 五月丁香六月在线| 九六五月天婷婷| 色色色地址| 青青草视频免费观看| AV性爱在线| 久热这里只有精品在线观看 | 婷婷五月天黄色小说| 99在线视频播放| 爱久久小说下载网| www.激情五月| 五月天丁香综合久久国产| 狠狠久久婷五月综合色| 久久久久久久五月婷婷六月丁香综合,开心激情综合网 | 任你操精品免费| 丁香五月综合色婷婷| 99热欲| 色综合色色| 激情五月天激情综合网| 天堂婷婷五月色| 99人人操人人爱久久久| 九九色情网五月天| 久久人人添人人爽添人人片αV| 日韩av在线电影| 精品少妇蜜臀91| 成人精品在线| 欧美日本国产欧美日本韩国99| 五月婷A V在线| 婷婷色网站| 99看片| 操嫩逼电影| 欧美久热| 亭亭五月丁香综合欧美| 九九人妻福利| 五月天婷婷黄色视频| 大伊香蕉玖玖爱| 91狼友视频在线观看| 99亚洲天堂| 99激情网| 亚洲婷婷丁香| 综合网啪啪| 色五月中文网| 99这里只有精| 婷婷五月色| 激情五月色综合| 天天爱天天做天天爽| 激情深爱婷婷网| 91人人操人人| www.99色| 激情五月天在线观看色婷婷| 思思热99er在线视频| 91Chinese在线| 超级碰碰碰97免费| 日本99视频| XX久久| 99视频在线啪| 激情丁香九九五月综合网| 色色色五月| 五月天婷婷涩涩| 成人免费网站免费看| 日本久碰| 色婷婷色九月| 久久九区| 婷婷久久婷婷色五月| 激情婷婷五月久久| 国产精品-91JQ就要激情网91JQ6.91JQ27.CASA:16888 | 亚洲av| 性做久久久久久久免费看| 99热啪啪| 丁香五月天综合| 久久99网| 国产成人AV不卡| www五月婷婷88导航| 91色色五月天| 亚洲AV永久无码影院黑人 | 婷婷伊人激情婷婷| 影音先锋人妻出差| 国产va视频| 99色| 五月丁香啪啪网| 丁香九月婷婷| 色色五月天 亚洲| 强奸幻女毛片| 色婷婷免费观看| 久热只有这里有精品| 秋霞三级色戒| 婷婷在线免费| 九九99九九99| 搡BBBB搡BBB搡五十| 伊人久久丁香五月91| 亚洲天堂制| 精品九九网| 色狠狠999综合| 欧美日韩一a.无| 婷婷五月天六月综合| 丁香五月中文字幕久色| w婷婷五月婷婷w| 日本va欧美va国产激情| 久草免费福利视频| 婷婷99中文字幕| 婷婷五月丁香六月伊人网| 色亚洲婷婷| 五月婷婷自拍视频| 玖玖资源在线视频| 人人综合色| 五月婷婷偷拍| 天天操,夜夜骑| 天天日天天舔| 免看黄大片AA | 99视频在线观看视频| 婷婷伊人久久| www.夜夜.com| 五月天色丁香| 大香蕉人人人| 婷婷六月插屄激情| 九九热超碰| 九九精品9| 天天色天天射天天日| 丁香成人综合| 国产超碰在线| 色婷婷综合影院| 色婷婷综合久色AV五色最新| 午夜成人综合| 碰久久精品w| 五月天婷婷一起草| 五月丁香 啪啪| 久久色大香蕉| 99 频99热国里只有精品| 久久这里只有精品99| 97精品人人A片免费看| 伊人综合色干| 综合久久五月天| 第九色区av天堂| 久久天堂网| 国模淫穴色图| A片试看120分钟做受视频红杏| 大香蕉婷婷丁香| 日韩六六久久电影| 午夜少妇在线观看视频| 九九色综合| 亚洲色五月天| 91VIP在线观看| 深爱开心激情网| 开心五月婷婷激情| 99精品视频偷拍| 丁香六月婷婷综合在线| 亚洲精品又粗又大又爽A片 | 中文字幕婷婷五月天| 丁香 久久| av在线免费播放观看| 蜜乳.comcom| 99热都是精品| 狠狠香蕉| 色吧五月婷婷| 丁香六月婷婷久久综合| 99这里只有精品|v| 天天综合网、天天综合色| 免费视频无码| 97电影99热| 99热免| 91午夜婷婷狠狠久久综合9色| 激情综合综合综合| 五月天激情小说网| 六月丁香深深爱| 六月丁香啪啪啪| 天天狠狠婷婷在线| 久久久久人妻| 99久热这里有精品| 狠狠精品干练久久久无码中文字幕| 色婷婷综合网站| 黄色五月婷婷| 97干在线| a网站免费观看| 成人深爱丁香五月| 另类少妇人与禽zOZZ0性伦| 欧美成人无码一区二区三区| 蜜桃人妻无码AV天堂三区| 久热这里这里有精品| 天天日天天插| 狠狠va| 色婷婷成人做爰A片免费看网站| 色色色视频| 丁香五月激情五月| 天天干天天干天天干天天干天天干天天 | 五月婷婷婷婷| 玖玖99精品视频| 婷婷色色婷婷| 97碰久久| 被男人添B超爽视频| 九九热这里有精品23| 777影视理论片大全在线观看| 无码毛片992367| 国产成人精品一区二三区熟女在线 | 丁香花五月天| 熟女色色一区二区| 狠狠人人婷婷| 97精品综合久久| 思思热在线视频精品| 伊人日日干| 182tv992tv人之初午夜免费观看| 色五月综合在线| 久热超碰91| 久热9| 热的国产,热的综合,热的有码 | 婷婷,五月天,丁香,第一| 丁香五月婷婷基地| 天天草天天日| 激情五月婷黄版| 日韩成人综合网| 午夜 外网 精品 在线| 色一色综合| 亚洲综合激情五月久久| 激情综合网五月在线播放| 影音先锋女人AA鲁色资源| 久久机热这里只有 | 99性爱精品| 99热精品网| 欧美性爱五月天| 激情图片婷婷| 婷婷激情五月天小说| 97干在线视频| www.深爱激情| 五月天激情综合首页| 五月婷久久久久综合| 极品另类| 天天操夜夜玩!| 大香AV| 热久久这里只有精品| 桔色成人在线| 九九综合久久丁香婷婷,开心激情综合网| 日本婷婷激情四射中文字幕在线观看| 在线观看亚洲视频影院| 精品久久久久久久人妻| 色一情一乱一乱一区91Av| 丁香五月婷婷色综合| 在线另类视频| 色五月激情婷婷| wwwss在线观看| 午夜丁香久久久久久| 91丨九色丨东北熟女| 色区域网站视频| 超碰人人干| 婷婷五月天渟渟| 婷婷五月天色播| 色五月丁香网| 天天日天天操天天干| 五月婷婷三级| 五月天色色色色色| 五月天sesese| 拍真实国产伦偷精品| 色偷偷色婷婷| 色99综合视频| 激情99热| 丁香五月激情六月欧亚激情综合导航| 超碰成人AV| 99久久九九视频| 亚洲久热| 任我肏| 99视频在线精品免费观看2| www.av视频xx999.com| www.com任你艹| 狠狠干五月| 99视频| 综合五月丁香六月婷婷| 天天日夜夜拍| 婷婷六月情| 就爱干 在线| 大香蕉手机视频| 日韩一级网站| 久久五月天丁香| 日韩黄在免| 大香蕉久| 99热这里只有精品99| 九九99九九99| 91人操| www.五月丁香| 久久综合五月天| 99色爱| 亚洲婷婷婷| 一区二区三区四区五区| 综合激情网五月激情 | 国产婷婷婷| 五月婷婷六月色| 在线综合网| 在线中文av| 色综合九九色综合88| 能看的AV| 成人丁香色| 97色啪| 国产亚洲精品久久一区二区三区| 久久久27操| 婷婷五月激情六月| 五月婷婷日| 五月天婷婷小说| 人人操五月天| 丁香久久久| 欧美色频| 综合婷婷久久| 天天天天天天操| 久久婷婷五月| 国外亚洲成AV人片在线观看| 欧美色综合天天久久综合精品| 天天做天天爽| 黄色视频网站在线播放| 婷婷六久久| 日本在线观看aaa 99| Av在线不卡一区| 亚洲精品444久久久久久| 综合网色综合| 99热爱爱干干日| 人人操91| 激情五月天之六月婷婷| 热成人网| 五月天操逼网| www.夜夜操| 人妻丰满精品一区二区A片| 国精产品一区一区三区免费视频| 大香蕉福利导航| 欧美婷婷九月| 色欲婷婷五月天| 狠狠狠婷婷五月综合| 五月丁香网站在线播放| 五月开心深爱激情网| 色色国产| 99热这里只有精品9| 日本一级黄色片。| 无码橾| 亭亭五月丁香综合欧美| 99热这里只是精品| 五月天社区婷婷丁香社区| 丁香五月欧美成人| 最新高清无码专区| 久久五月天网| 婷婷色色狠狠| 天天做天天摸| 综合激情站| 99干日日干| 天啪色| www婷婷| 69婷婷丁香午夜| 99热官网精品在线| 九色婷婷| 激情性爱网站| 婷婷国产日本欧美| 久久五月婷婷丁香| 欧美三级巜人妻互换| 久久久人人操A V| 99人妻碰碰碰久久久久禁片| 九九热这里只有精品31| 色婷婷狠狠爱| 热久免费视频9| 色性综合| 婷婷九月丁香| 久久精品国产一区二区三区四区| 色五月婷婷激情基地| 天天综合亚洲综合网天天αⅴ| 99热亚洲精品66| 97干在线视频| 丁香婷婷综合喷| 亚洲精品色色| 五月天婷婷綜合院| 噢美99| 97成人丁香婷婷| 人人爱国产| 激情五月婷婷综合| 99视频九九热| 精品五月天| 五月天婷婷综合| 超碰99资源站| 这里只有精品9| 亚洲六月婷婷| 9久久婷婷国产综合精品性色| 思思精品久久艹| 婷婷丁香色五月| 婷婷日本色| 丁香五月婷婷亚洲综合精品在线| 天天射美女| 一区中文字幕电影| 开心五月丁香啪| 91丨九色丨东北熟女| 久久久久久久五月| 国语精品探花| 中文字幕无码人妻少妇免费视频| 狠狠大香婷婷爱| 天天做天天爱天天玩| 久久五月婷天天干| site:picc-up.com| 久久久噜噜噜久久人妻| 在线天堂9| 五月婷婷六月丁香综合在线| 婷婷大香焦| 玖玖色资源站| 91色久| 激情久久久久| 日韩高清成人| 丁香五婷婷| 99爱视频在线| 亚洲人成网站999久久久综合| 怡红院精品视频久久久久久久久| 极品人妻VIDEOSSS人妻| 五月丁香综合网色欲| 91超碰在线观看| 五月天婷综合| 五月丁香亭亭| www.com亚洲网站在线免费| 六月丁香婷婷五月| 黄色av网站在线免费播放| 丁香婷婷免费| 色婷婷五月天| 天干干夜夜操| 99色在线观看| 五月丁香婷婷激情在线视频| 噜噜五月天综合| 欧美婷婷丁香五月社区| 综合色播| AV伊人青草丁香六月| 九九色逼| 五月亭亭六月色| 人人草人人舔| 精品综合久久久久久五月天| 人妻第九页| 伊人狠狠干| 九九艹女| 五月天色婷婷综合| 久青操| 国产精品久久..4399| 久热大香蕉| 婷婷色五月激情| 久久激情网| 色色色综合网| 久久精品小视频| 99riAV成人在线视频| 婷婷五月天在线综合| 亚洲视频久久| 成人视频在线免费播放| 99自拍视频在线| 欧美成人精品A片免费一区99| 五月婷免费视频久久久| 万月丁香狠狠爱| 小视频久久久aaa| 天天色99| 久久九九热视频| 色婷婷婷婷成人网| 国产高清视频91九九九久久久| 色99在线观看| 色色五月婷| 国产亚洲精品久久久久久郑州| 五月丁香六月情婷婷久久| 亚洲综合碰| 色婷婷88| 深爱激情九九五月天| 碰人人97| 一起草av| 五月婷婷网五月在线| 182TV大香蕉| 丁香五月激情综合| 可以免费看AV网站| 国产熟女一区二区三区五月婷| 大香蕉久久| 色婷婷五月中文字幕在线dvd| 亚洲色夜| 国产XXXX搡XXXXX搡麻豆| 色爱五月天| 另类视频在线| 九九Y精品热播| 中文字幕在线日亚洲9| 激情亚洲五月| 99热99久久| 在线看的免费网站| 亚洲国产成人在线| 91互操| 五月激情啪啪| 另类综合色| 久久99热免费| 99热加勒比| 国产毛片精品一区二区色欲黄A片| 99热免| 狠狠五月激情在线| www综合久久| 熟女人妻一区二区三区免费看| 97 A I色色| 91丨熟女丨首页| 成人VAV视频在线观看| 久久婷婷影院| 亚洲人妻Av| 五月丁香色婷婷基地| 婷婷午夜激情| 欧亚中文A V| 亚洲黄色影视| 99热主页日本| 狠狠搞亚洲| 丁香九月综合| 色五月天丁香婷婷| 久9热在线免费观看| www.夜夜操.com| 日日夜夜狠狠| 中国激情网| 成人片久久网站| 亚洲AV网站在线观看| 久久99草五月婷婷| 欧美搡BBBBB摔BBBBB| 97啪啪| 天天透天天爱| 丁香五月天成人| 思思热思在线精品视频| 丁香激情久久| 超级碰碰碰碰视频| 色婷婷91激情小说| 五月色情| www.夜夜| 丁香五月在线播放| 99re免费精品视频| 五月丁香啪啪| 日韩爱操视频| 亚洲激情免费视频| 秋霞影音91人妻久久| 日本熟女三区| 免费成人va| 99自拍视频在线| 综合久久高清| 狠狠干综合网| 涩五月丝袜婷婷| 亚洲欧美成人在线观看| 亚洲狠狠爱婷婷| 无码日本精品XXXXXXXXX | 99无码视频| 亚洲最大视频| 99久热这里只有精品| 另类专区在线| 婷婷涩涩五月天| 激情九色| 色五月大| 六月婷婷综合激情| 婷婷五月丁香啪啪| 26uuu精品一区二区| 婷婷五月天成人网| 五月色综合| www天天色天天射| 成人视频婷婷| 日韩99精品| 99在热线免费视频| 五月丁香六月在线| 丁香五月成人婷婷| 色99热| 九九99九九99偷拍视频免费看| 色色五月婷婷久久| 午夜成人天堂久久无码日韩久久| 亚洲av日韩无码| 99热天堂| 天堂A∨在线| XX色综合| 九九色色| 九久久婷婷| 婷婷天堂综合网| 国产精品成人网站| 中文字幕五月久久婷| 亚洲AV中文在线| 午夜丁香婷婷| 五月丁香 久久久| 99精品在线下载| 日夜夜久久| 99热只有| 婷婷伊人| 超碰99在线| 色综合综合综合| 激情碰碰碰| 色五月婷婷操逼| www.激情五月天。com| 人妻内射麻豆视频| 青草激情在线| 国产这里只有精品| 天天干狠狠| 色欲一区二区三区精品A片 | 能看的av| 可以直接看的AV| 最近免费中文字幕大全高清大全1| 久草免费福利视频| 天天肏高清在线| 99自拍视频| 五月婷婷亚洲综合网| 亚洲五月色| www.久久久.com| 亚洲爆乳无码精品AAA片蜜桃| 丁香婷婷浪潮AV久久综合| 99人人操人人操人人精| 激情四射五月天偷偷看婷婷| 婷婷五月天日日日干干干| 终合激情网| 中文字幕成人| 久久R激情| 热99精品视频五月| 九九在线免费观看| www.9797国产| 中文字幕丰满孑伦无码专区| 5五月综合网亚洲| 国产乱码久久| 人人妻久久妻| 婷婷五月综合在线| 伊人热婷婷| 婷婷五月丁香影院| 青青草五月天| 八戒青柠影视剧在线观看| 色色色色色日韩午夜激情 | 人人操碰| 久久只有这里精品免费| 婷婷五月在线播放| 91啪啪视频| 午夜免费高清AV片| 免费精品66| 色五月激情综合| 夜夜嗨一区二区三区直播内容 | 超碰97在线观看免费| 99热99色| 熟女激情五月天 | 六月婷婷青青青视频| 新久久五月天激情| 五月天天天天天天天天天天天婷婷婷| 日本不卡高字幕在线2019| 久久99激情| 开心五月综合| 久草五月| 26uuu精品一区二区| 伊人狠狠干| 丁香五月影院| 久久婷婷内射| 五月丁香久久丝袜啪啪| 久久久久久人妻| 射久久丁香五月| 日本熟女一区二区| 欧洲色| 五月天婷婷影院| 色五月第四色| 爽tv | 操操操www.com| 欧美精产国品一二三区| 九九久久色| 伊人丁香五月| 思思热在线| 日本精品99网站| 婷婷五月天电影网| 影音先锋AV资源男人站| 五月婷婷色男女| 天天狠天天叉| 操操天堂| 日韩欧美成人片| 婷五月天| 婷婷激情五月色综合| AV大片在线播放| 激情播丁香| www.夜夜操.com| 99自拍视频网站| 天天天天干| 91精品国产综合久久蜜芽解析速度| 黄页大全十八禁| 色五月激情五月| aaa丁香五月天| 久草婷婷| 先锋五月婷婷丁香草草| 久久久久亚洲AV无码网影音先锋| 97人妻碰碰碰碰碰久久久久久| 激情网五月婷婷| 2025超碰| 天天草天天日| 丁香五月婷婷av影院| 激情丁香五月激情婷婷| 欧美性生交A片免费看| tingting五月天亚洲| 丁香激情网| 五月色婷婷综合色| 色区久久| 开心五月丁香综合久久| 熟妇无码乱子成人精品| 激情五月综合免费| 日日影院 | 婷婷六月久久| 热日韩欧美| 深爱激情69热| 99资源在线| 少妇性按摩无码中文A片| 五月婷婷六月丁香首页| 日本色色网站| 色婷婷久久综合| 九九热超碰| 深爱五月婷婷开心中文字幕| 免费观看18视频网站| 婷婷五月天激情在线观看| 国产XXXX搡XXXXX搡麻豆| www.日日夜夜| 91fuliwang| 欧美色频| 亚洲综合久| 可以免费观看的AV| 就爱操www com| www.91五月| 亚洲热热视频| 超碰9| 99久久9| 久久草婷婷丁香网站| 欧美日韩婷婷五月天| 婷婷五月激情视频在线| av在线免费网站| 欧美日朝成人| 色婷婷4| 欧美三级视频| 亚洲无码yw| 快乐激情五月色婷婷| 四LLL少妇BBBB槡BBBB| 99色最新在线视频网站| 五月丁香少妇| 激情五月激情综合网| 亚洲色欲AAAAAA| WWW久| 天天爽夜夜操| 色婷婷色人人射| 伊人网啪啪| 亚洲无码色| 久99热| 97影院一级片| 国产欧美精品AAAAAA片| 综合在线色婷婷| 99在线精品观看99| 丁香综合日产精品久久| 天天肏高清在线| 精品一二三区视频立| 九九热内射| 97自拍视频在线| 天天舔天天摸天天透| 亚洲婷婷基地| 久久久久久人妻| 亚洲va欧洲va国产va不卡| 久色网| 五月丁香激情综合网官网| 色色婷婷丁香| 激情开心五月亚洲| 久久精典| 婷婷五月综合中文字幕| 久久婷婷伊人| 人人操人人爱丁香五月| www激情| 激情五月天.色网| 99这里都是精品6| 久久人妻视步| 久久这里都是精品免费| 97热超碰| 中文字幕网伦射乱中文| 久久天天| 五月天成人网婷婷| 久久久久8888| av操B网站| 久久久久久人妻| 偷拍五月丁香| 丁香六月高清视频| 97干欧美| 丁香97综合| 色婷婷成人做爰A片免费看网站| 色99色| 久久人人人人妻| 五月婷婷六月丁香| 久久五月婷婷视频| 4438亚洲欧美| 久久婷婷五月综合| 五月丁香色| 激情网开心网| 日韩免费乱轮网站| 青青草轻轻操| 五月天婷婷丁香人人操91| 国产欧美日韩综合精品一区二区| 91久久久久久久久久久| 婷婷精品性视频| 性爱电影科技贸易有限公司| 五月色网| 99九九中文字幕视频| 九九婷婷五月天| 大香蕉九九| 91碰视频| 五月婷婷五月天| va亚洲中文在线| 五月激情综合五月| 五六月婷婷| 久久女人天堂| se99热久久一本| 99综合入口| 五月天大香蕉av| 26uuu欧美| 狠狠狠狠狠狠| www久久久| 9热视频在线观看| 五月丁香六月激情在线| 国产,欧美,日韩,性爱| 色五月婷婷开心| 色婷婷丁香五月天在线视频 | 久久九九囯产| www。五月,com| 五月丁香色停停啪啪啪| 亚洲乱码日产精品BD在线观看| 99色免费观看全部| 97干在线视频| 婷婷永久在线| 大香蕉啪啪| 97精品欧美91久久久久久久| 久久人人九| 激情综合五月| 九九成人| 天天爱天天秀天天做| 亚洲六月婷婷| 九九成人| 激情五月丁香六月综合AVXXXX| 伊人五月天在线| 久久六月综合| 六月婷婷中文字幕| 看片视频在线免费日产在线看| 五月婷婷无码| 色五月丁香婷婷在线观看| 婷婷五月天在线综合| 色视频五月天| 五月丁花六月丁香综合| 五月天久久婷婷| 婷婷在线激情| 99久超碰| 九色视频91疯狂| 99热国产精品| 婷婷五月六月丁香| 五月天色五月| 国产精品久久久久久亚洲毛片| 年轻的妺妺伦理HD中文| 日本一級黃色一級片| 超碰97在线观看免费| 日本英国美国欧美亚洲国产精亚洲日韩精品在线观看 | 激情五月无码| 婷婷综合激情五月综合| 色五月丁香六月婷婷| 99热.com| 97人妻碰碰碰久久香蕉| 成人短视频在线观看| 婷婷五月成人| 国产黄大片在线观看画质优化| 日本熟妇乱妇熟色A片蜜桃| 婷婷中文字幕欧美| 久久人视频| 超碰色色综合| 華人性愛AV在線| 色五月激情基地| 天天狠狠六月婷丁香影院| 亚洲综合无码| 久久久97| 九九九激情网| 婷丁香五月天| 性爱先锋AV| 婷婷色五月情| 天天做天天爱天天高潮| 五月天伊人网| 成人AV在线中文版| 在线看黄色| 永久的网站AAAA | 亚洲精品乱码久久久久99| 欧美激情五月| A1片久久久| 99在线精品观看99| 91精选国| 玖玖在线| 色丁香综合影院| 婷婷无码五月天| 婷婷五月六月丁香| 五月婷婷电影院| 国产亚洲99久久| 色婷婷久久综合久色| 丁香五月欧美激情| 婷婷九月激情| 欧美69久成人做爰视频| 99啪在线| 伦乱美欧| 深爱婷婷网| 欧美激情五月天| 超级碰碰一区| 99小视频| 成人五月天视频播放| 色九月婷婷| 色综合婷婷99| 五月婷婷免费在线| 色欲久久久久| 久久人妻视频| 婷婷伊人五月丁香天堂网| 婷婷五月综合婷婷| 五月天婷婷激情综合| 亚洲综合五月天婷婷丁香| 久久五月天丁香| 婷婷激情五月天7| 五月婷婷在线视频观看| 五月激情在线| 1024操逼视频| 激情宗合网激情五月天| 五月天激情四射| 奇米影视777在线_在线观看午夜_h小视频在线观看_岛国大片 | 亚洲AV日韩在线观看| 91男同| 色婷婷五月天视频在线| 91人妻PORNY九色大屁股| 99热久97| 婷婷激情欧美| 啪啪一区| 五月五月婷婷| 艹| 亚洲超碰在线| 久操人| 99热精这里只有精品| 色五月首页| 亚洲AV成人无码电影| 激情五月丁香在线观看直播| 九九热超碰| 97操碰在线视频| 伊人9999| 亚州美女| 婷婷丁香五月天综合AV| 天天日天天舔| 在线五月婷| 亚洲第一色色色色| 婷婷五月天成人网| 亚洲有码在线视频| 伊人五月成人| 成人中文网| 深爱五月激情网| 97人人超| 9精品视频在线观看| 色五月丁香六月欧美综合| 激情内射人妻1区2区3区| 亚洲小视频免费观看| 中文字幕在线免费| www.99热在线| 国产成人亚洲综合A∨婷婷| 99黄色性生活| 久婷五月| 日韩AV在线免费| 欧美综合激情五月| 国产小精品| ri电影在线| 日日夜夜狠狠| 婷婷五月色| 秋霞性爱AV| 国产综合色婷婷精品久久| 99热这里只有精品4| 爱iii做iiii日日| 99er视频在线| 九九精品9| 久久这里只有国产视频| 国产成人AV不卡| 五月社区婷婷激情| 成人无码髙潮喷水A片| 激情综合网络插| 成人精品在线| 综合激情五月四射婷婷| 五月天成人综合| site:hcxsz888.com| 99热在线播放| 丁香五月六月久久综合| 色色色99| 激情综合综合综合| 亚洲精品久久久久久久久久吃药| 久久久思思热| 激情久久久| 日 日干 日日做| WWW.久久.COM| 欧美性色五月天| 91大操| 亚洲视频图片婷婷五月| 亚洲成人中文字幕| 日本五月天网站| 久久98热re| 色色色色色色色色综合网| wWwCom夜操wwW| 99无码精品| 第一区久久网站| 在线观看欧美3区| 色婷久久| 婷婷丁香97| 日日夜夜干| 成人婷婷五月| 九九久99免费视频| 婷婷五月色激情欧美激情| 99riAV国产精品视频| 婷婷色在线| 天天综合.com| 99爱操| 色噜噜狠噜噜视频| 六月婷婷激情| 婷婷五月天伊人| 五月丁香狠狠地噜噜噜噜| 1024久婷| 99热在线精品播放| 久久婷婷六月天| 免费在线观看AV网站| 丁香五月婷婷在线观看| 欧美日本黄色| 激情综合网激情五月天| 国产美女最新VA在线免费观看| 东京热人妻一区二区三区在线| 91婷婷丁香五月| 亚洲五月丁香综合网| 婷婷五月天桃花网| 色99在线| 天天日天天狠狠操| 九九草草逼| 欧洲亚洲午夜| 《战争与艾拉》完整版| 中文字幕人妻一区二区| 九九综合色综合| 亚洲综合色网站| AV中文字幕夜夜操b天天摸bb | 深爱激情网五月| 午夜成人av在线| 色碰碰| 狠狠狠狠狠狠狠狠草| 奇米色大香蕉| 五月天激情四射| 婷婷之六月丁香| 国产精品视频免费看| WWW.国产| 亚洲国产精品VA在线看黑人| 五月丁香猫咪久久婷婷综合视频激情四射网入口 | 狠狠狠五月婷婷六月丁香| 婷婷五月天AV在| 婷婷综合网| 久久人妻久久| 播五月婷婷开心| 强奸幻女毛片| 久久激情综合| 来吧亚洲综合网| 婷婷丁香六月影视| 婷婷天堂视频|