精品欧美一区二区三区在线观看 _久久久久国色av免费观看性色_国产精品久久在线观看_亚洲第一综合网站_91精品又粗又猛又爽_小泽玛利亚一区二区免费_91亚洲精品国偷拍自产在线观看 _久久精品视频在线播放_美女精品久久久_欧美日韩国产成人在线

面向前端工程師的設(shè)計模式-適配器模式

開發(fā) 后端
適配器模式(Adapter Pattern)又稱包裝器模式,將一個類(對象)的接口(方法、屬性)轉(zhuǎn)化為用戶需要的另一個接口,解決類(對象)之間接口不兼容的問題。

1. 介紹

1.1 定義?

適配器模式(Adapter Pattern)又稱包裝器模式,將一個類(對象)的接口(方法、屬性)轉(zhuǎn)化為用戶需要的另一個接口,解決類(對象)之間接口不兼容的問題。

  • 舊的接口和使用者不兼容
  • 中間加一個適配器轉(zhuǎn)換接口

1.2 主要功能?

主要功能是進行轉(zhuǎn)換匹配,目的是復(fù)用已有的功能,而不是來實現(xiàn)新的接口。也就是說,訪問者需要的功能應(yīng)該是已經(jīng)實現(xiàn)好了的,不需要適配器模式來實現(xiàn),適配器模式主要是負責把不兼容的接口轉(zhuǎn)換成訪問者期望的格式而已。

2. 生活中的例子?

  • 電源接口的轉(zhuǎn)接頭、Type-C 轉(zhuǎn) HDMI 等視頻轉(zhuǎn)接頭。
  • 同聲傳譯,充當兩國友人互相交流的中間人

在類似場景中,這些例子有以下特點:

  • 舊有接口格式已經(jīng)不滿足現(xiàn)在的需要。
  • 通過增加適配器來更好地使用舊有接口。

3. 通用實現(xiàn)?

3.1 角色?

  • Target:目標抽象類
  • Adapter:適配器類
  • Adaptee:適配者類
  • Client:客戶類

3.2 代碼?

class Socket {
output() {
return '輸出220V';
}
}

abstract class Power {
abstract charge(): string;
}
class PowerAdapter extends Power {
constructor(public socket: Socket) {
super();
}
//轉(zhuǎn)換后的接口和轉(zhuǎn)換前不一樣
charge() {
return this.socket.output() + ' 經(jīng)過轉(zhuǎn)換 輸出24V';
}
}
let powerAdapter = new PowerAdapter(new Socket());
console.log(powerAdapter.charge());

4. 場景?

當你想用已有對象的功能,卻想修改它的接口時,一般可以考慮一下是不是可以應(yīng)用適配器模式。

  • 如果你想要使用一個已經(jīng)存在的對象,但是它的接口不滿足需求,那么可以使用適配器模式,把已有的實現(xiàn)轉(zhuǎn)換成你需要的接口。
  • 如果你想創(chuàng)建一個可以復(fù)用的對象,而且確定需要和一些不兼容的對象一起工作,這種情況可以使用適配器模式,然后需要什么就適配什么。

4.1 axios?

  • Axios
  • dispatchRequest

axios源碼中采用了process和XMLHttpRequest。 通過宿主環(huán)境的特有對象識別當前環(huán)境,適配出不同環(huán)境下如:客戶端瀏覽器和nodejs的請求方式。

  • defaults

/adapters 目錄中包含如下這些文件

├─adapters
│ http.js
│ README.md
│ xhr.js
  • xhr
  • http

適配器的入?yún)⒍际莄onfig,返回的都是promise

//let axios = require('axios');
let url = require('url');

function axios(config: any): any {
let adaptor = getDefaultAdapter();
return adaptor(config);
}

axios({
method: 'GET',
url: 'http://localhost:8080/api/user?id=1'
}).then(function (response: any) {
console.log(response);
}, function (error: any) {
console.log(error);
})

function xhr(config: any) {
return new Promise(function (resolve, reject) {
var request = new XMLHttpRequest();
request.open(config.method, config.url, true);
request.onreadystatechange = function () {
if (request.readyState == 4) {
if (request.status == 200) {
resolve(request.response);
} else {
reject('請求失敗');
}
}
}
})
}

function http(config: any) {
let http = require('http');
let urlObject = url.parse(config.url);
return new Promise(function (resolve, reject) {
const options = {
hostname: urlObject.hostname,
port: urlObject.port,
path: urlObject.pathname,
method: config.method
};
var req = http.request(options, function (res: any) {
let chunks: any[] = [];
res.on('data', (chunk: any) => {
chunks.push(chunk);
});
res.on('end', () {
resolve(Buffer.concat(chunks).toString());
});
});
req.on('error', (err: any) => {
reject(err);
});
req.end();
})
}
function getDefaultAdapter(): any {
var adapter;
if (typeof XMLHttpRequest !== 'undefined') {
adapter = xhr;
} else if (typeof process !== 'undefined') {
adapter = http;
}
return adapter;
}

server.js

let express = require('express');
let app = express();
app.get('/api/user', (req, res) => {
res.json({ id: req.query.id, name: 'zhufeng' });
});
app.listen(8080);

4.2 jQuery.ajax 適配 Axios?

有的使用 jQuery 的老項目使用 $.ajax 來發(fā)送請求,現(xiàn)在的新項目一般使用 Axios,那么現(xiàn)在有個老項目的代碼中全是 $.ajax,如果逐個修改,無疑工作量巨大而且很容易引發(fā)各種亂七八糟 bug,這時可以采用適配器模式來將老的使用形式適配到新的技術(shù)棧上:

/* 適配器 */
function ajax2AxiosAdapter(ajaxOptions) {
return axios({
url: ajaxOptions.url,
method: ajaxOptions.type,
responseType: ajaxOptions.dataType,
data: ajaxOptions.data
})
.then(ajaxOptions.success)
.catch(ajaxOptions.error)
}

/* 經(jīng)過適配器包裝 */
$.ajax = function(options) {
return ajax2AxiosAdapter(options);
}

// 測試:用 jQuery 的方式發(fā)送一個 Ajax 請求
$.ajax({
url: '/demo-url',
type: 'POST',
dataType: 'json',
data: {
name: '張三',
id: '13'
},
success: function(data) {
console.log('請求成功!')
},
error: function(err) {
console.error('請求失敗!')
}
})

可以看到老的代碼表現(xiàn)形式依然不變,但是真正發(fā)送請求是通過新的發(fā)送方式來進行的。當然你也可以把 Axios 的請求適配到 $.ajax 上,就看你如何使用適配器了。

4.3 promisify?

  • 作用:將callback形式轉(zhuǎn)換為Promise對象
  • Node中異步回調(diào)中有個約定:Error first,回調(diào)函數(shù)中的第一個參數(shù)一定是Error對象,其余參數(shù)才是正確的數(shù)據(jù)。
let fs = require('fs');
var Bluebird = require("bluebird");
let readFile = Bluebird.promisify(fs.readFile);

(async function () {
let content = await readFile('./1.txt', 'utf8');
console.log(content);
})()
function promisify(readFile: any) {
return function (filename: any, encoding: any) {
return new Promise(function (resolve, reject) {
readFile(filename, encoding, function (err: any, data: any) {
if (err)
reject(err);
else
resolve(data);
})
});
}
}

4.4 業(yè)務(wù)數(shù)據(jù)適配?

在實際項目中,我們經(jīng)常會遇到樹形數(shù)據(jù)結(jié)構(gòu)和表形數(shù)據(jù)結(jié)構(gòu)的轉(zhuǎn)換,比如全國省市區(qū)結(jié)構(gòu)、公司組織結(jié)構(gòu)、軍隊編制結(jié)構(gòu)等等。以公司組織結(jié)構(gòu)為例,在歷史代碼中,后端給了公司組織結(jié)構(gòu)的樹形數(shù)據(jù),在以后的業(yè)務(wù)迭代中,會增加一些要求非樹形結(jié)構(gòu)的場景。比如增加了將組織維護起來的功能,因此就需要在新增組織的時候選擇上級組織,在某個下拉菜單中選擇這個新增組織的上級菜單。或者增加了將人員歸屬到某一級組織的需求,需要在某個下拉菜單中選擇任一級組織。

在這些業(yè)務(wù)場景中,都需要將樹形結(jié)構(gòu)平鋪開,但是我們又不能直接將舊有的樹形結(jié)構(gòu)狀態(tài)進行修改,因為在項目別的地方已經(jīng)使用了老的樹形結(jié)構(gòu)狀態(tài),這時我們可以引入適配器來將老的數(shù)據(jù)結(jié)構(gòu)進行適配:

/* 原來的樹形結(jié)構(gòu) */
const oldTreeData = [
{
name: '總部',
place: '一樓',
children: [
{ name: '財務(wù)部', place: '二樓' },
{ name: '生產(chǎn)部', place: '三樓' },
{
name: '開發(fā)部', place: '三樓', children: [
{
name: '軟件部', place: '四樓', children: [
{ name: '后端部', place: '五樓' },
{ name: '前端部', place: '七樓' },
{ name: '技術(shù)支持部', place: '六樓' }]
}, {
name: '硬件部', place: '四樓', children: [
{ name: 'DSP部', place: '八樓' },
{ name: 'ARM部', place: '二樓' },
{ name: '調(diào)試部', place: '三樓' }]
}]
}
]
}
]

/* 樹形結(jié)構(gòu)平鋪 */
function treeDataAdapter(treeData, lastArrayData = []) {
treeData.forEach(item {
if (item.children) {
treeDataAdapter(item.children, lastArrayData)
}
const { name, place } = item
lastArrayData.push({ name, place })
})
return lastArrayData
}

// 測試:返回平鋪的組織結(jié)構(gòu)
treeDataAdapter(oldTreeData)

增加適配器后,就可以將原先狀態(tài)的樹形結(jié)構(gòu)轉(zhuǎn)化為所需的結(jié)構(gòu),而并不改動原先的數(shù)據(jù),也不對原來使用舊數(shù)據(jù)結(jié)構(gòu)的代碼有所影響。

4.5 Vue 計算屬性?

Vue 中的計算屬性也是一個適配器模式的實例,以官網(wǎng)的例子為例,我們可以一起來理解一下:

<template>
<div id="example">
<p>Original message: "` message `"</p> <!-- Hello -->
<p>Computed reversed message: "` reversedMessage `"</p> <!-- olleH -->
</div>
</template>

<script type='text/javascript'>
export default {
name: 'demo',
data() {
return {
message: 'Hello'
}
},
computed: {
reversedMessage: function() {
return this.message.split('').reverse().join('')
}
}
}
</script>

舊有 data 中的數(shù)據(jù)不滿足當前的要求,通過計算屬性的規(guī)則來適配成我們需要的格式,對原有數(shù)據(jù)并沒有改變,只改變了原有數(shù)據(jù)的表現(xiàn)形式。

4.6 Sequelize?

基于promise的Node.js ORM工具

Sequelize

Sequelize支持MySQL、MariaDB、SQLite等數(shù)據(jù)庫方言的適配

方言

//cnpm i sequelize sqlite3 -S
const { Sequelize, Model, DataTypes } = require('sequelize');
const sequelize = new Sequelize('sqlite::memory:');

class User extends Model { }
User.init({
username: DataTypes.STRING
}, { sequelize, modelName: 'user' });

sequelize.sync()
.then(() User.create({
username: 'zhufeng'
}))
.then(result {
console.log(result.toJSON());
});

5. 設(shè)計原則驗證?

  • 將舊接口和使用者進行分離
  • 符合開放封閉原則

6. 優(yōu)缺點?

6.1 優(yōu)點?

  • 已有的功能如果只是接口不兼容,使用適配器適配已有功能,可以使原有邏輯得到更好的復(fù)用,有助于避免大規(guī)模改寫現(xiàn)有代碼。
  • 可擴展性良好,在實現(xiàn)適配器功能的時候,可以調(diào)用自己開發(fā)的功能,從而方便地擴展系統(tǒng)的功能。
  • 靈活性好,因為適配器并沒有對原有對象的功能有所影響,如果不想使用適配器了,那么直接刪掉即可,不會對使用原有對象的代碼有影響。

6.2 缺點?

會讓系統(tǒng)變得零亂,明明調(diào)用 A,卻被適配到了 B,如果系統(tǒng)中這樣的情況很多,那么對可閱讀性不太友好。如果沒必要使用適配器模式的話,可以考慮重構(gòu),如果使用的話,可以考慮盡量把文檔完善。

7. 其他相關(guān)模式?

7.1 適配器模式與代理模式?

  • 適配器模式:提供一個不一樣的接口,由于原來的接口格式不能用了,提供新的接口以滿足新場景下的需求。
  • 代理模式:提供一模一樣的接口,由于不能直接訪問目標對象,找個代理來幫忙訪問,使用者可以就像訪問目標對象一樣來訪問代理對象。

7.2 適配器模式、裝飾者模式與代理模式?

  • 適配器模式:功能不變,只轉(zhuǎn)換了原有接口訪問格式。
  • 裝飾者模式:擴展功能,原有功能不變且可直接使用。
  • 代理模式:原有功能不變,但一般是經(jīng)過限制訪問的。

?文章出自:??前端餐廳ReTech??,如有轉(zhuǎn)載本文請聯(lián)系前端餐廳ReTech今日頭條號。

github:https://github.com/zuopf769

責任編輯:武曉燕 來源: 今日頭條
相關(guān)推薦

2022-02-13 23:33:24

設(shè)計模式Java

2020-10-25 08:56:21

適配器模式

2021-02-18 08:39:28

設(shè)計模式場景

2013-11-26 16:39:21

Android設(shè)計模式

2012-05-16 17:22:11

Java設(shè)計模式

2022-02-18 17:21:29

適配器模式客戶端

2024-02-22 12:13:49

適配器模式代碼

2024-07-31 10:41:16

C#設(shè)計模式

2012-04-12 09:33:02

JavaScript

2013-02-26 10:55:47

C#適配器設(shè)計模式

2012-08-02 10:46:34

JavaAdapter模式

2024-04-10 12:27:43

Python設(shè)計模式開發(fā)

2022-05-29 22:55:00

適配器設(shè)計模式

2021-08-16 17:15:19

設(shè)計模式Android適配器模式

2021-02-16 08:16:09

適配器模式MybatisJava

2009-11-18 18:08:20

PHP適配器模式

2023-08-15 11:07:37

適配器模式TypeScript

2023-09-06 13:20:00

適配器模式兼容性

2022-04-05 13:56:48

設(shè)計模式javascript

2020-11-09 09:10:31

javascript設(shè)
點贊
收藏

51CTO技術(shù)棧公眾號

www.com在线观看| 中文字幕一区二区三区人妻电影| 永久免费网站在线| 丁香六月综合激情| 456亚洲影院| 无码人妻精品一区二区中文| 国产日韩在线观看视频| 亚洲高清不卡在线观看| 日韩免费中文专区| 97人妻人人澡人人爽人人精品| 国产精品精品国产一区二区| 日韩美女天天操| 黑鬼大战白妞高潮喷白浆| 黄页视频在线播放| 99久久免费视频.com| 91精品视频一区| 国产九色在线播放九色| 亚洲国产成人精品女人| 亚洲午夜av电影| 少妇精品无码一区二区| 草民电影神马电影一区二区| 亚洲成人激情综合网| 亚洲最大免费| 黑人与亚洲人色ⅹvideos| 国产成人av一区二区三区在线观看| 国产91色在线播放| 久久综合色综合| 欧美黄色大片在线观看| 国产视频久久久久久久| 少妇欧美激情一区二区三区| 成人黄色在线| 欧美日韩国内自拍| 成年人网站国产| 老司机午夜在线| 国产欧美一区二区三区在线老狼| 国产区日韩欧美| 国产wwwxxx| 老司机精品视频导航| 欧美一级视频一区二区| 久久综合色综合| 欧美日本免费| 久久五月天综合| 亚洲女人毛茸茸高潮| 精品久久综合| 亚洲欧洲在线视频| www.自拍偷拍| 日韩欧美美女在线观看| 亚洲国产成人91精品| 国产调教打屁股xxxx网站| а天堂中文最新一区二区三区| 欧美在线观看你懂的| 国产成人久久婷婷精品流白浆| 91破解版在线观看| 亚洲一区二区三区视频在线播放| 精品一区二区三区毛片| 国内外激情在线| 日韩一区欧美小说| 好吊色这里只有精品| 黄色网页网址在线免费| 亚洲婷婷综合久久一本伊一区| 久久久久久久久久久久久9999| 视频一区二区免费| 成人av在线资源网站| 国产综合av一区二区三区| 蜜桃在线一区二区| 99久久99久久精品国产片果冻| 国内精品一区二区| 日韩欧美在线观看一区二区| 91丨porny丨首页| 欧美裸体网站| av大片在线播放| 一区免费观看视频| 亚洲精品天堂成人片av在线播放| 怡红院av在线| 午夜视频在线观看一区| 成年人观看网站| 日韩成人亚洲| 91麻豆精品国产91| 在线精品视频播放| 天堂av一区二区三区在线播放| 亚洲欧美日本另类| 殴美一级黄色片| 正在播放日韩欧美一页| 97福利一区二区| 亚洲av中文无码乱人伦在线视色| 青青草91视频| 97视频热人人精品| 亚洲av成人无码久久精品老人 | 特级西西www444人体聚色| 欧美老女人另类| 色综合男人天堂| 国产精品美女久久久久av爽| 日韩综合在线视频| 亚洲一区二区三区香蕉| 日本中文字幕电影在线观看| 国产精品久久久久7777按摩| 久久99久久久久久| 日韩免费va| 日韩一区二区免费在线电影| 疯狂揉花蒂控制高潮h| 久久免费大视频| 久久久久久成人精品| 波多野结衣人妻| 国产成人av电影| 视频在线99re| gogo高清午夜人体在线| 欧美日韩国产高清一区| 久久久久亚洲AV成人无码国产| 欧美第一精品| 91高清视频免费| 91成人一区二区三区| 96av麻豆蜜桃一区二区| 国产又爽又黄ai换脸| 涩涩网在线视频| 91精品国产91热久久久做人人| 免费在线观看你懂的| 欧美freesex交免费视频| 国产91色在线播放| 日日夜夜精品免费| 亚洲欧美日韩久久| 免费看国产黄色片| 视频小说一区二区| 欧美日韩国产二区| 91九色蝌蚪91por成人| 久久久久久影视| 免费超爽大片黄| 国内不卡的一区二区三区中文字幕| 亚洲精品一区二区在线| 久久精品国产亚洲av麻豆色欲| 麻豆久久久久久| 日韩精品欧美在线| 英国三级经典在线观看| 精品国产免费一区二区三区四区| 亚洲一级二级片| 免费高清在线一区| 日韩精品欧美在线| 视频在线日韩| 国产丝袜一区二区| 国产成人在线视频观看| 成人午夜看片网址| 日本男女交配视频| 中文字幕av一区二区三区四区| 日韩在线观看免费av| 国产情侣免费视频| 欧美激情一区二区在线| 欧美私人情侣网站| 一本久久青青| 热久久美女精品天天吊色| 视频二区在线| 精品色蜜蜜精品视频在线观看| 国产性猛交96| 精品1区2区3区4区| 国产精品一区二区三区四区五区| 伊人福利在线| 精品日韩99亚洲| 精品无码人妻一区二区三区| 成人午夜短视频| 很污的网站在线观看| 欧美人与动xxxxz0oz| 97视频在线观看免费高清完整版在线观看 | 欧美性生交片4| 精品国产成人亚洲午夜福利| 日本美女一区二区三区| 欧美一区观看| 欧美电影在线观看网站| 久久成人18免费网站| 俄罗斯嫩小性bbwbbw| 午夜精品久久久久久久久久| av在线网站观看| 日韩国产欧美在线观看| 亚洲欧美日韩在线综合| 国产精选久久| 韩国日本不卡在线| 国产爆初菊在线观看免费视频网站| 日本丶国产丶欧美色综合| www.com.av| 国产成人av电影在线| av黄色在线网站| 日韩在线观看一区| 99久久免费国| 特黄毛片在线观看| 久久精品电影网站| 日本精品久久久久| 欧美伊人久久久久久久久影院| 色婷婷粉嫩av| a级精品国产片在线观看| 三级a在线观看| 欧美日韩mv| 农村寡妇一区二区三区| 亚洲伊人精品酒店| 国外成人在线直播| 日韩免费网站| 亚洲国产成人精品久久久国产成人一区 | 日本护士...精品国| 欧美日韩一区久久| 美国黄色特级片| 国产一区二区免费视频| 九一国产精品视频| 999久久久91| 国产精品一区免费观看| 日韩免费小视频| 欧美成人免费全部| 国产中文字幕在线观看| 8v天堂国产在线一区二区| 免费在线视频一区二区| www成人在线观看| 69久久精品无码一区二区| 国产精品嫩草99av在线| 亚洲一区二区三区精品视频| 成人在线tv视频| 成人av番号网| 美女视频在线免费| 日韩性xxxx爱| 五月婷婷狠狠干| 日韩精品一区二区三区视频 | 欧洲亚洲精品在线| 男女性高潮免费网站| 91免费看片在线观看| 中文字幕人妻无码系列第三区| 亚洲综合国产激情另类一区| 伊人久久大香线蕉午夜av| 日韩av影院| 国产精品久久亚洲| 欧美日韩精品免费观看视完整| 欧美大片在线看| 亚洲精品承认| 亚洲欧洲午夜一线一品| 亚洲av成人无码网天堂| 欧美不卡视频一区| 国产情侣av在线| 欧美在线啊v一区| 日韩欧美三级视频| 欧美激情一区在线观看| 亚洲午夜精品久久久久久高潮 | 这里只有久久精品| av欧美精品.com| 日韩av影视大全| 免费在线观看成人| 久久久久久久久久久久久久国产| 国产婷婷精品| 日韩专区第三页| 大胆日韩av| 明星裸体视频一区二区| 亚洲欧美日本伦理| 精品国产二区在线| 伊人久久亚洲| 国产伦精品一区二区| 日韩三级网址| 亚洲中国色老太| 韩国精品视频在线观看| 国产精品中文字幕在线| 电影亚洲一区| 国产成人黄色av| 亚洲承认视频| 国产成人精品日本亚洲| 亚洲精品一区| 日本久久91av| 国产精品伦一区二区| 国产精品久久网| 国产一区一一区高清不卡| 国产精品专区第二| 国产亚洲人成a在线v网站 | 亚洲男人第一av网站| 偷拍自拍在线| 亚洲精品第一国产综合精品| 国产18精品乱码免费看| 日韩经典中文字幕| 日本又骚又刺激的视频在线观看| 日韩大陆毛片av| 免费av网站在线播放| 日韩av在线一区| 欧洲综合视频| 亚洲天堂av在线免费观看| 亚洲欧美视频一区二区| 久久伊人色综合| 青春草在线免费视频| 欧美黄网免费在线观看| 筱崎爱全乳无删减在线观看| 国产成人97精品免费看片| 久久福利在线| 国产精品夜夜夜一区二区三区尤| aiai久久| 欧美另类视频在线| 91精品国产91久久久久久密臀| 黄色网址在线免费看| 欧美午夜在线视频| 免费看日本毛片| 久久国产精品99久久久久久老狼| 亚洲综合123| 99re热这里只有精品视频| 国产制服丝袜在线| 国产日韩一级二级三级| 91传媒免费观看| 亚洲成人一区二区| 亚洲天堂2021av| 日韩视频免费观看高清完整版在线观看 | 久久国产精品亚洲77777| 97视频在线免费播放| 国产真实乱子伦精品视频| 奇米777第四色| 国产欧美日韩精品在线| 国产在线拍揄自揄拍| 91九色最新地址| av官网在线观看| 亚洲人成网在线播放| 蜜桃av在线免费观看| 亚洲**2019国产| 久久精品黄色| 久久久人人爽| 香蕉国产精品| 国产aaa一级片| 懂色av一区二区三区免费观看 | 国产免费av电影| 亚洲国产精品专区久久| 欧美69xxx| 久久免费视频网站| 精品国产伦一区二区三区观看说明| 国产伦精品一区二区三区视频免费| av在线不卡免费观看| 国产又粗又长又爽视频| 美女视频第一区二区三区免费观看网站| 波多野结衣免费观看| 国产亚洲1区2区3区| aaa人片在线| 日韩一级免费观看| 成年在线观看免费人视频| 欧美激情欧美激情在线五月| 全球最大av网站久久| 精品一区久久久久久| 久久福利综合| 天天爱天天操天天干| 99久久精品国产毛片| 破处女黄色一级片| 69堂国产成人免费视频| 精品久久久久一区二区三区| 久久久综合av| 91精品日本| 久久最新免费视频| 狠狠色综合日日| 5566中文字幕| 91黄色免费版| 日韩欧美在线观看一区二区| 欧美一级片免费在线| 国产福利资源一区| 日韩成人午夜影院| 福利一区在线观看| 人人澡人人澡人人看| 欧美日韩美女一区二区| 亚洲搞黄视频| 国产精品视频大全| 日韩激情在线| 亚洲欧美手机在线| 中文字幕制服丝袜一区二区三区 | 国产精品乱码| 91精品成人| 亚洲成人精品在线播放| 亚洲综合成人在线| 精品久久久久中文慕人妻 | 性欧美18xxxhd| 久久av一区二区| 国产午夜久久| 美国黄色一级毛片| 欧美日韩精品中文字幕| 日韩三级电影网| 欧美最猛性xxxxx免费| 亚洲理论电影片| wwwwww.色| 亚洲视频小说图片| 超碰在线播放97| 国外色69视频在线观看| 国产精品一区二区99| 欧美精品成人网| 国产精品婷婷午夜在线观看| 精品久久国产视频| 97免费中文视频在线观看| 国产精品视频3p| 国产成人综合一区| 国产精品色噜噜| 精品国产va久久久久久久| 欧美日韩成人精品| 青青草原在线亚洲| 国产又猛又黄的视频| 中文字幕视频一区二区三区久| 国产一区二区网站| 91精品国产成人| 黑丝美女一区二区| 午夜xxxxx| 欧美日韩精品在线观看| 中文日本在线观看| 亚洲va久久久噜噜噜久久天堂| 激情欧美国产欧美| 最新中文字幕视频| 欧美午夜在线一二页| 黄色在线视频网站| 国产欧美一区二区在线播放| 美女性感视频久久| 国产一级一片免费播放| 国产午夜精品一区二区三区 | 免费日韩视频| 性欧美疯狂猛交69hd|