整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          細數(shù)幾款免費好用的在線HTML編輯器

          普及一下基本知識:什么叫在線HTML編輯器?

          說得簡單點,在線HTML編輯器就是在網(wǎng)上發(fā)帖子、寫博客的那個帶編輯功能的框框,可以進行圖文排版等操作。


          當年本菜鳥做網(wǎng)站的時候,曾經(jīng)自己用javascript編寫過一個比較簡單的在線HTML編輯器,用于文本內(nèi)容的排版。但是因為水平有限,很多功能都無法實現(xiàn)。后來有了eWebEditor,功能確實強大,但這個編輯器是個收費的軟件,并且正因為功能強大,也就顯得過重,一些輕量的場合不是太適用。那有沒有既免費、又功能強大、還能適應(yīng)輕量場合的在線HTML編輯器呢?

          答案肯定是有的。這首先要感謝這些年來有一批奉獻精神的程序猿們不斷推進共享軟件的開發(fā),讓我們得以享受他們的成果。

          一、百度出品的UEditor

          UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗等特點,開源基于MIT協(xié)議,允許自由使用和修改代碼。特別要說的是,頭條號后臺發(fā)布文章的編輯器就是用的UEditor!

          百度UEditor

          UEditor還有一個輕量版的,叫做UMeditor,簡稱UM。UM是為滿足廣大門戶網(wǎng)站對于簡單發(fā)帖框,或者回復(fù)框需求所定制的在線HTML編輯器。 主要特點是容量和加載速度上的改變,主文件的代碼量為139k,而且放棄了使用傳統(tǒng)的iframe模式,采用了div的加載方式, 以達到更快的加載速度和零加載失敗率。UM的第一個使用者是百度貼吧,以經(jīng)受貼吧每天幾億的pv的考驗,功能設(shè)計應(yīng)當是最優(yōu)化的了。 當然隨著代碼的減少,UM的功能對于UE來說還是有所減少,但也有增加,比如拖拽圖片上傳,chrome的圖片拖動改變大小等。

          百度UEditor界面

          二、xhEditor開源HTML編輯器

          xhEditor是一個基于jQuery開發(fā)的簡單迷你并且高效的可視化HTML編輯器,基于網(wǎng)絡(luò)訪問并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

          xhEditor完全基于Javascript開發(fā),可以應(yīng)用在任何的服務(wù)端語言環(huán)境下,例如:PHP、ASP、ASP.NET、JAVA等。可以在CMS、博客、論壇、商城等互聯(lián)網(wǎng)平臺上完美的嵌入運行,能夠非常靈活簡單的和您的系統(tǒng)實現(xiàn)完美的無縫銜接。

          主要特點:

          • 精簡迷你:初始加載4個文件,包括:1個js(50k)+2個css(10k)+1個圖片(5k),總共65k。若js和css文件進行g(shù)zip壓縮傳輸,可以進一步縮減為24k左右。

          • 使用簡單:簡單的調(diào)用方式,加一個class屬性就能將textarea變成一個功能豐富的可視化編輯器。

          • 無障礙訪問:提供WAI-ARIA全面支持,全鍵盤精細操作,全程語音向?qū)В峁┩昝罒o障礙訪問體驗,充分滿足殘疾人的上網(wǎng)需求。

          • 內(nèi)置Ajax上傳:內(nèi)置強大的Ajax上傳,包括HTML4和HTML5上傳支持(多文件上傳、真實上傳進度及文件拖放上傳),剪切板上傳及遠程抓取上傳

          • Word自動清理:實現(xiàn)Word代碼自動檢測并清理,生成代碼最優(yōu)化精簡,卻不丟失細節(jié)效果。

          • UBB可視化編輯:支持UBB可視化編輯,在獲得安全高效代碼存儲的同時,又能享受可視化編輯的便捷。

          三、KindEditor開源HTML編輯器

          KindEditor 也是一個開源的在線HTML編輯器, 使用 JavaScript 編寫,可以無縫地與 Java、.NET、PHP、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。本菜鳥感覺這個編輯器上手比較容易,功能也很強大,界面比較友好,很適合菜鳥使用。可惜的是最近好像停止更新了,官網(wǎng)好象也能不正常訪問。

          KindEditor界面

          主要特點:

          • 快速:體積小,加載速度快

          • 開源:開放源代碼,高水平,高品質(zhì)

          • 底層:內(nèi)置自定義 DOM 類庫,精確操作 DOM

          • 擴展:基于插件的設(shè)計,所有功能都是插件,可根據(jù)需求增減功能

          • 風(fēng)格:修改編輯器風(fēng)格非常容易,只需修改一個 CSS 文件

          • 兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera

          四、阿里的KISSY

          嚴格來說,KISSY不僅僅是一個在線HTML編輯器,而是由阿里集團前端工程師們發(fā)起創(chuàng)建的一個開源 JS 框架,具有跨終端、模塊化、使用簡單的特點。里面帶有HTML編輯器這個模塊。

          阿里的KISSY

          正因為KISSY采取模塊化設(shè)計,因此具有高擴展性、組件齊全,接口一致、自主開發(fā)、適合多種應(yīng)用場景等優(yōu)點。KISSY 除了完備的工具集合諸如 DOM、Event、Ajax、Anim 等,KISSY 還面向團隊協(xié)作做了獨特設(shè)計,提供了經(jīng)典的面向?qū)ο蟆討B(tài)加載、性能優(yōu)化解決方案。作為一款全終端支持的 JavaScript 框架,KISSY還 為移動終端做了大量適配和優(yōu)化,搞移動web開發(fā)的可以好好研究一下KISSY的運用


          關(guān)于菜鳥手記:

          菜鳥最怕就是看大神的攻略,全是術(shù)語看頭就頭大!本人作為一名對啥都感興趣的資深菜鳥,潛心研究各類技術(shù)二十余年,做網(wǎng)站、寫程序、搞美工、練書法、學(xué)畫畫、作文章、抓管理、裝逼格,屬于搞IT里面最懂美工的,搞HR里面最懂畫畫的,搞文字里面最懂程序的,最終一事無成,博而不精,徒留一堆手記。從菜鳥角度寫手記,同樣的”白”更易懂,你值得擁有!感興趣的,請別忘點右角關(guān)注菜鳥手記。

          程語言就是一種用人類可讀的方式,告訴計算機該怎么做一件事情。任何語言都是使用一系列符號來表示計算機的精確指令,這些指令的組合可以創(chuàng)建一個程序。在這個世界上,有成千上萬的編程語言,也有新語言在不斷被創(chuàng)建。構(gòu)建網(wǎng)站也是這樣,我們可以通過許多可能的方式來構(gòu)建,問題是,我們該怎么做出正確的選擇?

          2021 年將至,本文列舉了最適合用于 Web 應(yīng)用程序開發(fā)的Top7編程語言。

          1.Python

          Python 是增長最快的編程語言,Django 和 Pyramid 是最受歡迎的Web開發(fā)框架。2018 年,Python 的人氣比上一年增長了 456%,并且還在持續(xù)增長。

          在 Python 中,編程甚至復(fù)雜結(jié)構(gòu)的簡單化,是 Python 用于 Web 應(yīng)用程序開發(fā)興起的一個重要原因。Python 可以幫助程序員將開發(fā)時間從數(shù)小時縮短到數(shù)分鐘。下面的信息圖,就告訴了我們?yōu)槭裁词褂?Python 進行 Web 開發(fā)。

          Python 幫助開發(fā)人員構(gòu)建應(yīng)用程序的服務(wù)器端或后端,后端存儲數(shù)據(jù)庫并處理數(shù)據(jù)如何往返于服務(wù)器。

          Python 以其許多面向 web 開發(fā)的框架而聞名,這些框架可以幫助開發(fā)人員創(chuàng)建功能性應(yīng)用程序。最受歡迎的是 Django、Pyramid、Bottle、Flask、CherryPy、WebApp2和TurboGears。

          Django 比其他 Python 框架使用得更為頻繁,因為它具有讓我們在構(gòu)建 Web 應(yīng)用程序更快、代碼更少的工具包。這些工具包可以幫助開發(fā)人員輕松添加主要網(wǎng)站組件,如身份驗證、管理面板和文件處理結(jié)構(gòu)。如果沒有 Django,開發(fā)人員將不得不手動編寫所有這些傳統(tǒng)特性,而不是專注于開發(fā)新組件。

          Google、Facebook、Instagram、Spotify、qora、Netflix、Dropbox 和 Reddit 在服務(wù)器端任務(wù)中都采用了 Python,讓這種語言達到了一個新的流行高峰。

          2.Java

          Java 尤其適用于銀行和金融科技等 Web 開發(fā)項目,與許多其他編程語言相比,Java 提供了更好的安全性和功能。

          根據(jù) PYPL 索引,Java 現(xiàn)在是第二流行的編程語言,僅次于 Python,第三名是 JavaScript。

          Java 已成為一種非常受歡迎的選擇,因為它實現(xiàn)了垂直和水平可擴展性。使用 Java,開發(fā)人員只需要更少的時間和更少的代碼,就能提高網(wǎng)站的性能和響應(yīng)時間。

          Java 在 Web 應(yīng)用程序開發(fā)方面的另一個巨大優(yōu)勢是它是一個跨平臺工具。Java 可以在運行時環(huán)境將代碼轉(zhuǎn)換為與本機操作系統(tǒng)兼容的機器代碼,無論是 Linux、Windows 還是 macOS。

          Java 有一些功能非常強大的 Web 應(yīng)用程序開發(fā)框架, 包括 Spring、 Jsf 、 Gwt 、 Play! 、 Struts 、 Vaadin 和 Grails。由于 Spring 能夠以高性能構(gòu)建復(fù)雜的 Web 應(yīng)用程序,因此它是 Web 應(yīng)用開發(fā)最強大的 Java 框架。

          盡管 Spring 提供了許多用于創(chuàng)建 Web 應(yīng)用程序的模塊,但 Spring Boot 和Spring MVC 已經(jīng)連續(xù)兩年成為最流行的開發(fā)框架。

          Spring Boot 是 Spring 框架和嵌入式服務(wù)的結(jié)合。它允許開發(fā)人員快速啟動、避免樣板代碼并提高工作效率。Spring MVC是一個模型-視圖-控制器框架,包含配置文件和快速應(yīng)用開發(fā)的現(xiàn)成特性。

          到2020年底,Java 成為 Web 應(yīng)用程序開發(fā)中最流行的編程語言之一,使軟件工程師能夠以更低的成本和更少的時間構(gòu)建獨特的應(yīng)用程序。預(yù)計到2021年還會繼續(xù)流行并廣泛使用。

          3.PHP

          PHP 已死,如果你忽略了使用率統(tǒng)計信息。雖然PHP不是最近很流行的語言,但是,在過去,我們十分之八的網(wǎng)站是使用這種語言構(gòu)建的。

          PHP 是一種用于構(gòu)建整個 Web 應(yīng)用或其交互元素的通用腳本語言。使用 PHP,開發(fā)人員可以創(chuàng)建內(nèi)容管理系統(tǒng) (CMS) 和在線數(shù)據(jù)庫系統(tǒng)、留言板、基于訂閱的網(wǎng)站、游戲 Web 應(yīng)用程序、具有評論功能的博客和注冊系統(tǒng)。

          PHP 部分是一種面向?qū)ο蟮恼Z言,它使代碼重用成為可能。可重用組件可節(jié)省開發(fā)人員的努力并縮短自定義 Web 應(yīng)用程序開發(fā)所需的時間。

          PHP 編寫的代碼與 Linux、Windows、Unix 和 macOS 兼容,支持 20 多個數(shù)據(jù)庫和大多數(shù)服務(wù)器。該語言具有巨大的自定義潛力、快速的數(shù)據(jù)處理和與不同 CMS 的平滑集成,因此是動態(tài)網(wǎng)頁的一個不錯的選擇。以下兩個 PHP 框架通過提供組織良好且可重用的代碼,使快速 Web 應(yīng)用開發(fā)成為現(xiàn)實。

          Laravel 是最流行的 PHP 框架。這是一個優(yōu)雅的工具包,具有豐富的功能集,可以提高Web 應(yīng)用程序開發(fā)的速度。Laravel 允許開發(fā)人員訪問緩存、會話管理和身份驗證等功能。這使得開發(fā)人員可以跳過許多基礎(chǔ)工作,尤其是在從頭開始開發(fā)網(wǎng)站時。

          Symfony 是一個高度靈活的框架,靈感來自 Django,主要用于處理具有數(shù)百萬個連接的企業(yè)應(yīng)用。Symfony 使開發(fā)人員能夠使用整個框架或選擇他們需要的功能,這是那些關(guān)心模塊化的開發(fā)人員的一個重要功能。

          PHP 經(jīng)常被指責(zé)為缺乏專用庫。但是,每個新版本的 PHP 用于 Web 應(yīng)用開發(fā)都顯示了升級的性能。

          4.Ruby

          Ruby 是一種具有高級語法的動態(tài)腳本語言。它的創(chuàng)建是為了在命令式編程和函數(shù)式編程之間取得平衡,使代碼看起來更自然。Ruby 很直截了當,讀起來像理解英語一樣簡單,因此在初學(xué)者中很受歡迎。

          與 Python 一樣,Ruby 是一種通用語言,主要用于創(chuàng)建 Web 應(yīng)用程序。但是 Ruby 編程語言還有其他應(yīng)用,包括原型設(shè)計和數(shù)據(jù)分析。

          免費的 Ruby 工具和具有基本功能的庫有助于 Web 應(yīng)用程序的開發(fā)。Ruby 內(nèi)置的應(yīng)用很容易擴展。企業(yè)可以啟動基本的 Ruby Web 應(yīng)用程序,并將其擴展到強大的 Ruby 應(yīng)用程序中,這些應(yīng)用程序可以同時處理數(shù)千個用戶請求。

          Ruby on Rails(RoR)是一種流行的開源 Ruby 框架。速度極快、簡單和令人愉悅的編碼體驗是 RoR 從其他 Ruby 框架中脫穎而出的三個原因,比如 Sinatra、Padrino、Hanami 和 Cuba。RoR 和 Django 很有可比性。每一個都提供了許多庫、視圖、模型、數(shù)據(jù)庫遷移和控制器,包含了軟件工程師希望框架中具備的一切功能。唯一值得注意的例外是, Ruby 缺少 Python 中才有的良好文檔記錄的機器學(xué)習(xí)(ML)包。

          因此,如果你打算創(chuàng)建一個具有機器學(xué)習(xí)元素的 Web 應(yīng)用程序,那么還是使用 Python 和 Django 吧。

          5.JavaScript

          JavaScript 客戶端編程語言是動態(tài)網(wǎng)頁開發(fā)的主要選擇。迄今為止,98.8% 的網(wǎng)站都使用了 JavaScript。

          JavaScript 代碼簡單靈活,易于編寫,易于調(diào)試。此外,它還可以在其他編程語言編寫的腳本中使用。

          JavaScript 不是在網(wǎng)站服務(wù)器上執(zhí)行,而是在用戶的設(shè)備上執(zhí)行。這將最小化服務(wù)器請求并改善用戶體驗。JavaScript 還可以通過允許開發(fā)人員添加菜單功能、動畫和懸停交互,將靜態(tài)網(wǎng)站變成 Web 應(yīng)用程序。

          大多數(shù) JavaScript 框架就像一本好的食譜:它們有完整的文檔和完整的功能描述。React JavaScript 框架由 Google 支持,Angular 由 Facebook 支持。詳細的文檔可以提高 Web 應(yīng)用程序開發(fā)的速度。

          在幾年前,JavaScript 開發(fā)人員主要使用 React 和 Angular。但是,現(xiàn)在開發(fā)人員對 Vue 的興趣與日俱增,這三種 JavaScript 框架都在軟件開發(fā)市場占據(jù)了穩(wěn)固的地位。只要看看這些框架在 GitHub 項目中連年持續(xù)上升的 Star 數(shù)量,你就知道了。

          為了涵蓋現(xiàn)代 Web 應(yīng)用程序開發(fā)的所有方面,大多數(shù)框架都會使用附加工具。Angular 卻可以自己完成這項工作。這個框架提供了高質(zhì)量的現(xiàn)成模板和組件。一些最好的網(wǎng)絡(luò)應(yīng)用程序,如谷歌 Play Store、微軟的 Xbox Web 應(yīng)用程序、Office 365 for Web、Netflix、YouTube 和 PayPal 都是基于 Angular 的。Angular 具有模塊化結(jié)構(gòu),允許開發(fā)人員將管道、服務(wù)、指令和其他組件組織到單獨的 bucket 中,這些獨立的組件易于更換或縮放。另外,Angular 經(jīng)常更新,每次更新都會帶來性能改進。

          React 更像一個功能性的用戶界面庫,而不是一個成熟的框架。它可以讓開發(fā)人員能夠用組件構(gòu)建用戶界面,這些組件可以隨著時間的推移而改變,不需要重寫復(fù)雜的代碼。此外,盡管大多數(shù) JavaScript 框架不能很好地與搜索引擎配合使用,從而降低了搜索引擎的排名,但 React 網(wǎng)站是在服務(wù)器端呈現(xiàn)的,從而加快了搜索引擎優(yōu)化的速度。

          利用 JavaScript 開發(fā) Web 應(yīng)用程序的 Vue.js 版使用人數(shù)正在快速上漲。Vue 被認為是單頁應(yīng)用程序(SPA)開發(fā)的漸進式框架。Vue 背后的想法是只使用幾行代碼,以最小的工作量獲得良好的結(jié)果。現(xiàn)在,這個 JavaScript 框架雖然很小,卻戰(zhàn)勝了笨重的 Angular 和 React。Vue 的特性包括,如觀察程序、計算屬性和指令,這些特性將耗時無數(shù)的開發(fā)過程變成了一件輕而易舉的事情。另外,它還可以集成到其他 JavaScript 內(nèi)置的 Web 應(yīng)用程序中。

          6.TypeScript

          TypeScript 是 JavaScript 的一種風(fēng)格或超集,它已成為瀏覽器應(yīng)用程序前端開發(fā)的重要選擇。這種強類型的面向?qū)ο笳Z言通常被稱為一組工具或 JavaScript 加上額外的特性。

          為什么會出現(xiàn) TypeScript ?JavaScript 以動態(tài)和靈活著稱。但是這種語言的靈活性使得它的代碼容易出錯。TypesScript 的作用是在 JavaScript 代碼中引入靜態(tài)信息。這些靜態(tài)信息使代碼不易出錯,并且更易于閱讀、理解和調(diào)試。

          7.HTML/CSS

          HTML 和 CSS 是用來構(gòu)建 Web 應(yīng)用程序前端的編程語言,它們可以由 JavaScript 補充。

          HTML 是應(yīng)用程序的基本構(gòu)建塊。這種語言決定了網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。HTML 的主要缺點是它不能幫助開發(fā)人員使 Web 應(yīng)用程序具有交互性。為了用美觀的樣式和界面提示增強 HTML 頁面,添加設(shè)計并顯示所有 HTML 元素,開發(fā)人員使用 CSS。查看下面HTML、CSS和JavaScript web應(yīng)用程序開發(fā)語言的具體用法。

          雖然 HTML 定義了頁面的結(jié)構(gòu),CSS 決定了頁面的外觀。JavaScript 的任務(wù)是定義頁面的行為:驗證、動態(tài)內(nèi)容更改、圖像操作。

          如何為 Web 開發(fā)選擇最佳的編程語言?

          以下三個條件可以幫助企業(yè)所有者為他們的 Web 應(yīng)用選擇正確的技術(shù)堆棧:

          • 大小和復(fù)雜性 -- 無需額外模塊和庫的簡單工具是小型 Web 應(yīng)用的常用選擇。具有廣泛功能(如 FinTech 應(yīng)用程序、社交網(wǎng)絡(luò)或交易平臺)的復(fù)雜 Web 項目需要多種編程語言。
          • 可擴展性 -- 想要覆蓋數(shù)百萬用戶?如果這樣做,您的 Web 應(yīng)用服務(wù)器將需要能夠在重負載下工作,而不會滯后。為此,您需要確保垂直和水平可擴展性的技術(shù)。
          • 時間、金錢、團隊 -- 快速 Web 應(yīng)用開發(fā)可幫助企業(yè)保持領(lǐng)先于競爭對手。

          除了在規(guī)劃如何從頭開始開發(fā) Web 應(yīng)用程序時應(yīng)考慮的這些標準之外,以下三個因素不應(yīng)該決定你選擇編程語言:

          • 你以前的 Web 應(yīng)用 -- 無論你以前的項目多么成功,它們的技術(shù)堆棧都不應(yīng)決定你為當前項目選擇什么編程語言。所有項目都是獨一無二的,有各自特定的要求。
          • 你的個人喜好 -- 即使你擁有多年的開發(fā)經(jīng)驗,也要隨時了解當前趨勢和需求。
          • 你的競爭對手的項目 -- 你當然可以從他人的經(jīng)驗中學(xué)習(xí)。但是你不應(yīng)該盲目地追隨別人, 因為你看到的只是他們的工作結(jié)果, 而對開發(fā)過程的背景一無所知。


          --END--

          整理不易,記得多多點贊+關(guān)注哦~

          建設(shè)網(wǎng)頁時,為了快速、高效地完成任務(wù),通常會使用一些具有代碼高亮顯示、語法提示等便捷功能的網(wǎng)站開發(fā)工具。常見的網(wǎng)站建設(shè)工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等,具體介紹如下。

          1、 Sublime

          Sublime全稱為Sublime Text,是一個代碼編輯器,最早由程序員Jon Skinner于2008年1月開發(fā)出來。Sublime Text具有漂亮的用戶界面和強大的功能,例如代碼縮略圖、功能插件等。Sublime text還是一個跨平臺的編輯器,支Windows、linux、Mac等操作系統(tǒng)。

          2、 Visual Studio Code

          Visual Studio Code(簡稱“VS Code”)是Microsoft在2015年4月30日Build開發(fā)者大會上正式宣布一個運行于 Mac OS X、Windows和 Linux 之上的,針對于編寫現(xiàn)代Web和云應(yīng)用的跨平臺源代碼編輯器, 可在桌面上運行,并且可用于Windows,macOS和Linux。它具有對JavaScript,TypeScript和Node.js的內(nèi)置支持,并具有豐富的其他語言(例如C++,C#,Java,Python,PHP,Go)和運行時(例如.NET和Unity)擴展的生態(tài)系統(tǒng)。

          3、 Webstorm

          WebStorm 是JetBrains公司旗下一款JavaScript 開發(fā)工具。已經(jīng)被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。

          4、 Dreamweaver

          Dreamweaver簡稱DW(中文譯為“夢想編織者”),是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的“所見即所得”網(wǎng)頁編輯器,2005年被Adobe公司收購。DW是第一套針對非專業(yè)網(wǎng)站建設(shè)人員的視覺化網(wǎng)頁開發(fā)工具,利用它可以輕而易舉地制作網(wǎng)頁。

          5、 Hbuilder

          HBUilder是DCloud推出的一款支持HTML5的Web開發(fā)軟件。“快”是BUilder的最大優(yōu)勢,通過完整的語法提示、代碼輸入法以及代碼塊等,HBuilder可以大幅提升HTML、JavaScript的開發(fā)效率。


          主站蜘蛛池模板: 国产suv精品一区二区33| 精品一区二区三区在线视频| 黑人大战亚洲人精品一区| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 国产精品无码一区二区三区电影| 国产一区二区三区日韩精品| 国产一区二区三区手机在线观看| 亚洲一区二区三区国产精华液| 久久无码人妻一区二区三区| 久久精品无码一区二区三区| 一区二区视频在线| 中文字幕日韩丝袜一区| 九九无码人妻一区二区三区| 久久毛片一区二区| 一区五十路在线中出| 国产一区二区三区免费观在线| 久久国产高清一区二区三区 | 亚洲综合色自拍一区| 中文字幕精品一区二区日本| 小泽玛丽无码视频一区| 午夜影院一区二区| 中文字幕在线播放一区| 国产一区二区三区免费看| 亚洲综合av一区二区三区不卡| 风间由美性色一区二区三区 | 亚洲熟妇无码一区二区三区| 国产亚洲一区二区精品| 亚洲AV无码一区二区乱孑伦AS| 三上悠亚国产精品一区| 日本在线一区二区| 精品一区二区三区四区在线播放| 在线播放偷拍一区精品| 日本一区高清视频| 丝袜无码一区二区三区| 日韩精品无码一区二区中文字幕 | 精品永久久福利一区二区| 国产福利无码一区在线| 国产AⅤ精品一区二区三区久久| 精品一区二区三区免费视频| 日韩精品乱码AV一区二区| 国产萌白酱在线一区二区|