※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

節能減碳愛地球是景泰電動車的理念，是創立景泰電動車行的初衷，滿意態度更是服務客戶的最高品質，我們的成長來自於你的推薦。

對遊戲玩家來說，除了系統、主機之外，螢幕也是重中之重，除了觀乎視覺享受，更能左右你的遊戲成績。ROG 今日（1/13）發表了首款支援 HDMI 2.1 的 32 吋 4K 144Hz 電競螢幕 ROG Swift PG32UQ ，擁有足夠的頻寬，無論與電腦或家用主機連皆使用，都能擁有比其他電競螢幕更好的視覺體驗。

全球首款配備 HDMI 2.1 的 32 吋 4K 144Hz 電競螢幕 ROG Swift PG32UQ 發表

ROG Swift PG32UQ 配備 4K 144Hz 4K IPS 面板，反應時間僅有 1ms；支援 HDR 600，亮度峰值可達到 600cd/m2，色彩方面經過原廠調校，可呈現 100% sRGB 與 98% DCI-P3 色域範圍，另外支援 NVIDIA G-Sync、Overdrive 與 ELMB Sync。

在螢幕後方提供了 DisplayPort 1.4 與 2 個 HDMI 2.1 訊號輸入連接埠。只要你的訊號輸入設備能夠支援，透過 DisplayPort 1.4 連接可以使該螢幕在 PC 上以 144Hz 更新率顯示 4K 影像，Asus 說明，該功能主要運用一種稱為 DSC 的訊號壓縮技術，可對 UHD 的訊號進行壓縮並且不會降低影像品質。 HDMI 2.1 部分則提供了 VRR 更新率同步、自動低延遲模式與 4K@120Hz 等，因為頻寬夠大，可以與 PC、Xbox Series X 和 PS5 相容，並且能夠確實以 120fps 的速度來呈現 4K 高解析度。

雖然上市日期與售價不明，但以已經上市的 Acer Nitro XV28 這款擁有 4K 144Hz IPS 顯示器的價格來評估，售價不太可能會低於 899 美元，如果想要入手，還要多存點錢。不過在會中也提到接著正在規劃 ROG STRIX XG43UQ 與 TUF GAMING VG28UQ 兩款不同尺寸的 4K 電競螢幕，預期應該都會支援 HDMI 2.1，倒是可以期待一下。

※南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

搬家費用：依消費者運送距離、搬運樓層、有無電梯、步行距離、特殊地形、超重物品等計價因素後，評估每車次單

您也許會喜歡：

【推爆】終身$0月租 打電話只要1元/分

立達合法徵信社-讓您安心的選擇

※網頁設計公司推薦不同的風格，搶佔消費者視覺第一線

透過選單樣式的調整、圖片的縮放比例、文字的放大及段落的排版對應來給使用者最佳的瀏覽體驗，所以不用擔心有手機版網站兩個後台的問題，而視覺效果也是透過我們前端設計師優秀的空間比例設計，不會因為畫面變大變小而影響到整體視覺的美感。

※產品缺大量曝光嗎?你需要的是一流包裝設計!

窩窩觸角包含自媒體、自有平台及其他國家營銷業務等，多角化經營並具有國際觀的永續理念。

除了隨身旅行好攜帶的米家便攜電動刮鬍刀 1S ，採用座充方式的米家電動刮鬍刀 S500 系列則是台灣消費者目前在小米台灣可夠買的機種。近日小米也在中國率先推出全新一代的米家電動刮鬍刀 S700 ，不僅是米家首款採用旋轉式陶瓷刀片的刮鬍刀，這次更在座充之外增加了 Type-C 的充電方式，對於臨時充電需求更加便利。

小米推出米家電動刮鬍刀 S700 ：米家首款旋轉式陶瓷刀片刮鬍刀，支援座充與 Type-C 充電

米家電動刮鬍刀 S700 搭載陶瓷刀片，也是米家旗下首款採用旋轉式陶瓷刀片的電動刮鬍刀，以廣泛應用於醫療領域的氧化鋯陶瓷為基礎材料打造，刀片鋒利、抗腐蝕能力更強、耐酸鹼、不易氧化，使用壽命也比以往更持久。相較過去鋼刀片硬度為 HV500~600 ，而陶瓷刀片硬度則為 HV1200~1500 ，抗磨損能力也更強。

創新的鬍鬚檢測系統通過全方位的 PID 演算法智慧檢測鬍鬚負載，讓轉速始終保持恆定且不受進鬍量、鬍鬚密度影響。米家電動刮鬍刀 S700 搭載 4.4nN・m 大扭矩電機和高階直驅低噪馬達，在保有強勁不卡頓的動力同時也讓運轉噪音更低。

藉由創新懸掛浮動和獨立浮動技術，讓 3 刀頭全面服貼臉部、剃鬍無死角。動力模式可根據個人習慣或皮膚狀態切換 3 檔轉速模式。同時也支持檔位記憶功能，讓下次啟動無需手動調節。

以往座充類型的電動刮鬍刀多數都只支持座充的方式，但這對於旅行攜帶就得記得帶著充電座、尋找能充電的插座，難免感到不太方便。
全新推出的米家電動刮鬍刀 S700 除了延續過去的座充方式，更在機身上配置 USB Type-C 充電接口，不僅讓充電更容易、更支持邊充邊用的便利功能。米家電動刮鬍刀 S700 亦支持 2 小時快速充電，在充飽電後最長可 60 分鐘的時間。

對於電動刮鬍刀使用者來說，時常清洗保持衛生的狀態也相當重要，米家電動刮鬍刀 S700 整機為 IPX7 等級防水，在機身底部也設置機內排水口，讓清洗更方便。

細節方面，米家電動刮鬍刀 S700在刀頭外圈部分鍍以順滑圖層，有效降低摩擦、減輕肌膚的刺激感。

米家也將應用於汽車儀錶板、高階電子產品的雷射微孔顯示技術沿用到電動刮鬍刀，在米家電動刮鬍刀 S700 的金屬機身下可顯示電量、檔位、旅行所以及鬍鬚清理通知，都能藉由指示燈清晰呈現：

※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

網動廣告出品的網頁設計，採用精簡與質感的CSS語法，提升企業的專業形象與簡約舒適的瀏覽體驗，讓瀏覽者第一眼就愛上她。

米家電動刮鬍刀採用高強度 6 系列全鋁金屬機身，擁有抗氧化、兼顧、輕盈的特性：

由於米家電動刮鬍刀 S700 更高階的產品定位，在價格方面也相較之前略高一些，建議售價為人民幣 499 元（約合新台幣 2,150 元），不過與其他同級產品相比性價比仍是相當高。

圖片/消息來源：小米商城（中國）

延伸閱讀：
小米智慧攝影機雲台版2K 在台開賣：升級 2K 高畫質和 F1.4 大光圈，售價 1,095元

小米11 Pro 最新高清晰概念渲染圖曝光！傳聞搭載 50MP 四鏡頭主相機，支持 120x 混合變焦

您也許會喜歡：

【推爆】終身$0月租 打電話只要1元/分

立達合法徵信社-讓您安心的選擇

※南投搬家公司費用需注意的眉眉角角，別等搬了再說!

上新台中搬家公司提供您一套專業有效率且人性化的辦公室搬遷、公司行號搬家及工廠遷廠的搬家服務

※網頁設計公司推薦不同的風格，搶佔消費者視覺第一線

透過選單樣式的調整、圖片的縮放比例、文字的放大及段落的排版對應來給使用者最佳的瀏覽體驗，所以不用擔心有手機版網站兩個後台的問題，而視覺效果也是透過我們前端設計師優秀的空間比例設計，不會因為畫面變大變小而影響到整體視覺的美感。

目錄

• 序言
• var 與 let 的區別
  • 作用域
  • 重複聲明
  • 綁定全局對象
  • 變量提升與暫存死區
• let 與 const 異同
• 參考

1.序言

var、let 和 const 都是 JavaScript 中用來聲明變量的關鍵字，並且 let 和 const 關鍵字是在 ES6 中才新增的。既然都是用來聲明變量的，那它們之間有什麼區別呢？讓我們來一探究竟。

2.var 與 let 的區別

（1）作用域

用 var 聲明的變量的作用域是它當前的執行上下文，即如果是在任何函數外面，則是全局執行上下文，如果在函數裏面，則是當前函數執行上下文。換句話說，var 聲明的變量的作用域只能是全局或者整個函數塊的。

而 let 聲明的變量的作用域則是它當前所處代碼塊，即它的作用域既可以是全局或者整個函數塊，也可以是 if、while、switch等用{}限定的代碼塊。

另外，var 和 let 的作用域規則都是一樣的，其聲明的變量只在其聲明的塊或子塊中可用。

示例代碼：

function varTest() {
  var a = 1;

  {
    var a = 2; // 函數塊中，同一個變量
    console.log(a); // 2
  }

  console.log(a); // 2
}

function letTest() {
  let a = 1;

  {
    let a = 2; // 代碼塊中，新的變量
    console.log(a); // 2
  }

  console.log(a); // 1
}

varTest();
letTest();

從上述示例中可以看出，let 聲明的變量的作用域可以比 var 聲明的變量的作用域有更小的限定範圍，更具靈活。

（2）重複聲明

var 允許在同一作用域中重複聲明，而 let 不允許在同一作用域中重複聲明，否則將拋出異常。

var 相關示例代碼：

var a = 1;
var a = 2;

console.log(a) // 2

function test() {
  var a = 3;
  var a = 4;
  console.log(a) // 4
}

test()

let 相關示例代碼：

if(false) {
  let a = 1;
  let a = 2; // SyntaxError: Identifier 'a' has already been declared
}

switch(index) {
  case 0:
    let a = 1;
  break;

  default:
    let a = 2; // SyntaxError: Identifier 'a' has already been declared
    break;
}

從上述示例中可以看出，let 聲明的重複性檢查是發生在詞法分析階段，也就是在代碼正式開始執行之前就會進行檢查。

（3）綁定全局對象

var 在全局環境聲明變量，會在全局對象里新建一個屬性，而 let 在全局環境聲明變量，則不會在全局對象里新建一個屬性。

示例代碼：

var foo = 'global'
let bar = 'global'

console.log(this.foo) // global
console.log(this.bar) // undefined

那這裏就一個疑問， let 在全局環境聲明變量不在全局對象的屬性中，那它是保存在哪的呢？

var foo = 'global'
let bar = 'global'

function test() {}

console.dir(test)

在Chrome瀏覽器的控制台中，通過執行上述代碼，查看 test 函數的作用域鏈，其結果如圖：

由上圖可知，let 在全局環境聲明變量 bar 保存在[[Scopes]][0]: Script這個變量對象的屬性中，而[[Scopes]][1]: Global就是我們常說的全局對象。

（4）變量提升與暫存死區

var 聲明變量存在變量提升，如何理解變量提升呢？

要解釋清楚這個，就要涉及到執行上下文和變量對象。

在 JavaScript 代碼運行時，解釋執行全局代碼、調用函數或使用 eval 函數執行一個字符串表達式都會創建並進入一個新的執行環境，而這個執行環境被稱之為執行上下文。因此執行上下文有三類：全局執行上下文、函數執行上下文、eval 函數執行上下文。

執行上下文可以理解為一個抽象的對象，如下圖：

Variable object：變量對象，用於存儲被定義在執行上下文中的變量 (variables) 和函數聲明 (function declarations) 。

Scope chain：作用域鏈，是一個對象列表 (list of objects) ，用以檢索上下文代碼中出現的標識符 (identifiers) 。

thisValue：this 指針，是一個與執行上下文相關的特殊對象，也被稱之為上下文對象。

一個執行上下文的生命周期可以分為三個階段：創建、執行、釋放。如下圖：

※南投搬家公司費用,距離,噸數怎麼算?達人教你簡易估價知識!

搬家費用：依消費者運送距離、搬運樓層、有無電梯、步行距離、特殊地形、超重物品等計價因素後，評估每車次單

而所有使用 var 聲明的變量都會在執行上下文的創建階段時作為變量對象的屬性被創建並初始化，這樣才能保證在執行階段能通過標識符在變量對象里找到對應變量進行賦值操作等。

而用 var 聲明的變量構建變量對象時進行的操作如下：

• 由名稱和對應值（undefined）組成一個變量對象的屬性被創建（創建並初始化）
• 如果變量名稱跟已經聲明的形式參數或函數相同，則變量聲明不會幹擾已經存在的這類屬性。

上述過程就是我們所謂的“變量提升”，這也就能解釋為什麼變量可以在聲明之前使用，因為使用是在執行階段，而在此之前的創建階段就已經將聲明的變量添加到了變量對象中，所以執行階段通過標識符可以在變量對象中查找到，也就不會報錯。

示例代碼：

console.log(a) // undefined

var a = 1;

console.log(a) // 1

let 聲明變量存在暫存死區，如何理解暫存死區呢？

其實 let 也存在與 var 類似的“變量提升”過程，但與 var 不同的是其在執行上下文的創建階段，只會創建變量而不會被初始化（undefined），並且 ES6 規定了其初始化過程是在執行上下文的執行階段（即直到它們的定義被執行時才初始化），使用未被初始化的變量將會報錯。

let and const declarations define variables that are scoped to the running execution context’s LexicalEnvironment. The variables are created when their containing Lexical Environment is instantiated but may not be accessed in any way until the variable’s LexicalBinding is evaluated. A variable defined by a LexicalBinding with an Initializer is assigned the value of its Initializer’s AssignmentExpression when the LexicalBinding is evaluated, not when the variable is created. If a LexicalBinding in a let declaration does not have an Initializer the variable is assigned the value undefined when the LexicalBinding is evaluated.

在變量初始化前訪問該變量會導致 ReferenceError，因此從進入作用域創建變量，到變量開始可被訪問的一段時間（過程），就稱為暫存死區(Temporal Dead Zone)。

示例代碼 1：

console.log(bar); // undefined
console.log(foo); // ReferenceError: foo is not defined

var bar = 1;
let foo = 2;

示例代碼 2：

var foo = 33;
{
  let foo = (foo + 55); // ReferenceError: foo is not defined
}

注：首先，需要分清變量的創建、初始化、賦值是三個不同的過程。另外，從 ES5 開始用詞法環境（Lexical Environment）替代了 ES3 中的變量對象（Variable object）來管理靜態作用域，但作用是相同的。為了方便理解，上述講解中仍保留使用變量對象來進行描述。

小結

1. var 聲明的變量在執行上下文創建階段就會被「創建」和「初始化」，因此對於執行階段來說，可以在聲明之前使用。

2. let 聲明的變量在執行上下文創建階段只會被「創建」而不會被「初始化」，因此對於執行階段來說，如果在其定義執行前使用，相當於使用了未被初始化的變量，會報錯。

3.let 與 const 異同

const 與 let 很類似，都具有上面提到的 let 的特性，唯一區別就在於 const 聲明的是一個只讀變量，聲明之後不允許改變其值。因此，const 一旦聲明必須初始化，否則會報錯。

示例代碼：

let a;
const b = "constant"

a = "variable"
b = 'change' // TypeError: Assignment to constant variable

如何理解聲明之後不允許改變其值？

其實 const 其實保證的不是變量的值不變，而是保證變量指向的內存地址所保存的數據不允許改動（即棧內存在的值和地址）。

JavaScript 的數據類型分為兩類：原始值類型和對象（Object類型）。

對於原始值類型（undefined、null、true/false、number、string），值就保存在變量指向的那個內存地址（在棧中），因此 const 聲明的原始值類型變量等同於常量。

對於對象類型（object，array，function等），變量指向的內存地址其實是保存了一個指向實際數據的指針，所以 const 只能保證指針是不可修改的，至於指針指向的數據結構是無法保證其不能被修改的（在堆中）。

示例代碼：

const obj = {
  value: 1
}

obj.value = 2

console.log(obj) // { value: 2 }

obj = {} // TypeError: Assignment to constant variable

4.參考

var – JavaScript | MDN

let – JavaScript – MDN – Mozilla

const – JavaScript – MDN – Mozilla

深入理解JavaScript系列（12）：變量對象（Variable Object）

ES6 let 與 const

詳解ES6暫存死區TDZ

嗨，你知道 let 和 const 嗎？

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

節能減碳愛地球是景泰電動車的理念，是創立景泰電動車行的初衷，滿意態度更是服務客戶的最高品質，我們的成長來自於你的推薦。

※產品缺大量曝光嗎?你需要的是一流包裝設計!

窩窩觸角包含自媒體、自有平台及其他國家營銷業務等，多角化經營並具有國際觀的永續理念。

老孟導讀：CustomPaint可以稱之為動畫鼻祖，它可以實現任何酷炫的動畫和效果。CustomPaint本身沒有動畫屬性，僅僅是繪製屬性，一般情況下，CustomPaint會和動畫控制配合使用，達到理想的效果。

基本用法

CustomPaint的用法非常簡單，如下：

CustomPaint(
  painter: MyCustomPainter(),
)

MyCustomPainter定義如下：

class MyCustomPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {}

  @override
  bool shouldRepaint(MyCustomPainter oldDelegate) {
    return this != oldDelegate;
  }
}

上面的MyCustomPainter為了看起來清晰，什麼也沒有做，通常情況下，在paint方法內繪製自定義的效果。shouldRepaint方法通常在當前實例和舊實例屬性不一致時返回true。

paint通過canvas繪製，size為當前控件的大小，下面看看canvas的方法。

繪製點

Paint _paint = Paint()
    ..color = Colors.red
    ..strokeWidth = 3;

  @override
  void paint(Canvas canvas, Size size) {
    var points = [
      Offset(0, 0),
      Offset(size.width / 2, size.height / 2),
      Offset(size.width, size.height),
    ];
    canvas.drawPoints(PointMode.points, points, _paint);
  }

PointMode有3種模式：

• points：點
• lines：將2個點繪製為線段，如果點的個數為奇數，最後一個點將會被忽略
• polygon：將整個點繪製為一條線

繪製線

canvas.drawLine(Offset(0, 0),Offset(size.width, size.height), _paint);

繪製路徑

Paint _paint = Paint()
  ..color = Colors.red
  ..style = PaintingStyle.stroke
  ..strokeWidth = 3;

@override
void paint(Canvas canvas, Size size) {
  print('size:$size');
  var _path = Path()
    ..moveTo(0, 0)
    ..lineTo(size.width, 0)
    ..lineTo(size.width, size.height)
  ..close();
  canvas.drawPath(_path, _paint);
}

這裏注意Paint.style，還可以設置為PaintingStyle.fill，效果如下：

此時Path的路徑不要在一條直線上，否則會看不到效果。

繪製各種形狀

繪製圓形

canvas.drawCircle(Offset(size.width/2, size.height/2), 20, _paint);

繪製橢圓

※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

網動廣告出品的網頁設計，採用精簡與質感的CSS語法，提升企業的專業形象與簡約舒適的瀏覽體驗，讓瀏覽者第一眼就愛上她。

canvas.drawOval(Rect.fromLTRB(0, 0, size.width, size.height/2), _paint);

如果給定的Rect為正方形，那麼橢圓將會變為圓形。

繪製弧

canvas.drawArc(
    Rect.fromLTRB(0, 0, size.width, size.height), 0, pi/2, true, _paint);

繪製圓角矩形

canvas.drawRRect(
    RRect.fromLTRBR(0, 0, size.width, size.height, Radius.circular(10)), _paint)

canvas還有很多繪製函數，比如貝塞爾曲線、三次貝塞爾曲線、畫布的反轉等操作，這裏不在一一介紹。

這些函數和Android的Canvas基本一樣，如果你有Android基礎，直接套用即可。

最後奉上一個繪製玫瑰的動畫效果:

這個效果是不是很酷炫，我們看下繪製花骨朵代碼：

///
/// 繪製花骨朵
///
_drawFlower(Canvas canvas, Size size) {
  //將花變為紅色
  if (flowerPaths.length >= RoseData.flowerPoints.length) {
    var path = Path();
    for (int i = 0; i < flowerPaths.length; i++) {
      if (i == 0) {
        path.moveTo(flowerPaths[i].dx, flowerPaths[i].dy);
      } else {
        path.lineTo(flowerPaths[i].dx, flowerPaths[i].dy);
      }
    }
    _paint.style = PaintingStyle.fill;
    _paint.color = _flowerColor;
    canvas.drawPath(path, _paint);
  }
  //繪製線
  _paint.style = PaintingStyle.stroke;
  _paint.color = _strokeColor;
  //去掉最後2個點，最後2個點為了繪製紅色
  var points = flowerPaths.sublist(0, max(0, flowerPaths.length - 2));
  canvas.drawPoints(PointMode.polygon, points, _paint);
}

花骨朵的繪製只通過canvas.drawPath就實現了，其實整個玫瑰花的繪製都是通過canvas.drawPath加上動畫控制實現的。

CustomPaint可以實現任何你想要的動畫的效果，比如繪畫版就可以通過此控件實現。

獲取完整代碼方式掃碼下方二維碼回復：rose

交流

老孟Flutter博客地址（近200個控件用法）：http://laomengit.com

歡迎加入Flutter交流群（微信：laomengit）、關注公眾號【老孟Flutter】：

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※南投搬家公司費用需注意的眉眉角角，別等搬了再說!

上新台中搬家公司提供您一套專業有效率且人性化的辦公室搬遷、公司行號搬家及工廠遷廠的搬家服務

※想知道購買電動車哪裡補助最多?台中電動車補助資訊懶人包彙整

節能減碳愛地球是景泰電動車的理念，是創立景泰電動車行的初衷，滿意態度更是服務客戶的最高品質，我們的成長來自於你的推薦。

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※網頁設計公司推薦不同的風格，搶佔消費者視覺第一線

透過選單樣式的調整、圖片的縮放比例、文字的放大及段落的排版對應來給使用者最佳的瀏覽體驗，所以不用擔心有手機版網站兩個後台的問題，而視覺效果也是透過我們前端設計師優秀的空間比例設計，不會因為畫面變大變小而影響到整體視覺的美感。

※超省錢租車方案

商務出差、學生出遊、旅遊渡假、臨時用車!GO 神州租賃有限公司!合法經營、合法連鎖、合法租賃小客車!

本文適合有 Java 基礎知識的人群，跟着本文可學習和運行 Java 網盤項目。

本文作者：HelloGitHub-秦人

HelloGitHub 推出的《講解開源項目》系列。

今天給大家帶來一款開源 Java 版網盤項目—— kiftd-source，本文將用 3 分鐘帶大家搭建一個個人網盤，技術便利生活，你值得擁有～

項目地址：https://github.com/KOHGYLW/kiftd-source

一、項目介紹

kiftd 是一款開源、使用簡單、功能完整的 Java 網盤/雲盤系統。支持在線視頻播放、文檔在線預覽、音樂播放、圖片查看等功能的文件雲存儲平台。

技術棧

• JDK 版本：1.8.0_131
• 項目管理框架：Maven（m2e 1.8.0 for Eclipse）
• Archetype：mavem-archetype-quickstart 1.1
• Spring Boot：SpringBoot 基於 Spring 開發，旨在提高微服務的開發效率。
• MyBatis：一款優秀的持久層框架，它支持自定義 SQL、存儲過程以及高級映射。
• H2 DB：一款開源的嵌入式數據庫引擎，採用 Java 語言編寫，不受平台的限制。

二、網盤搭建

2.1 Windows 環境運行

2.1.1 下載安裝包

直接從官網下載最新的安裝包，安裝地址：https://kohgylw.gitee.io/

項目比較溫馨，支持三種下載方式：Github、阿里雲、Gitee 下載。如下圖：

2.1.2 檢查配置

這裏主要檢查一下本地 JDK 是否已安裝，在命令行窗口執行 java -version 查看 Java 版本。如下所示表示已安裝，就可以進行下一步操作。

java version "1.8.0_181"
Java(TM) SE Runtime Environment (build 1.8.0_181-b13)
Java HotSpot(TM) 64-Bit Server VM (build 25.181-b13, mixed mode)

2.1.3 運行 jar

雙擊 kiftd-1.0.29-RELEASE.jar，或者在命令行執行 java -jar kiftd-1.0.29-RELEASE.jar 命令都運行可以jar 文件，會彈出安裝的界面，如下圖：

這個界面的這幾個按鈕說明一下：

• 開啟（Start）：運行網盤服務，初次啟動的端口默認是 8080。
• 文件（Files）：這個按鈕菜單中主要有網盤文件導入，導出，刪除，刷新功能。
• 設置（Setting）：設置功能主要可以設置網盤的服務端口，網盤的物理存儲路徑等信息。
• 退出（Exit）：關閉網盤系統。

點擊 開啟(Start) 按鈕即可運行網盤，這裏我設置的端口是 8090，在瀏覽器訪問: localhost:8090，運行效果如下圖：

項目是運行了，發現一個問題無法上傳文件？因為我們忘了登錄這個操作。點擊系統 登錄按鈕，填入賬號和密碼即可登錄。那麼登錄密碼在哪裡呢？這裏我直接告訴大家，用戶信息在 conf/account.properties，文件內容如下：

#<This is the default kiftd account setting file. >
#Sun May 10 21:56:28 CST 2020
admin.pwd=000000  #用戶名.密碼=000000
authOverall=l
admin.auth=cudrm

• 用戶名：admin
• 密碼：000000

這樣登錄之後就可以使用網盤的所有功能了。

2.2 Linux 環境運行

2.2.1 安裝 Screen 工具

Screen 工具能夠虛擬出一個終端並執行相應的操作。因為本篇所講的網盤需要一個終端。執行如下命令安裝 Screen：

yum install screen

2.2.2 Screen 常用命令

screen -S myScreen #創建虛擬終端
java -jar kiftd-1.0.29-RELEASE.jar -console #在虛擬終端中以命令模式啟動 kiftd
screen -r myScreen #返回之前的虛擬終端並繼續操作 kiftd。

2.2.3 命令行操作

在 Linux 環境上使用 console 模式啟動的效果是這樣的：

※廣告預算用在刀口上，台北網頁設計公司幫您達到更多曝光效益

有別於一般網頁架設公司，除了模組化的架站軟體，我們的營業主軸還包含：資料庫程式開發、網站建置、網頁設計、電子商務專案開發、系統整合、APP設計建置、專業網路行銷。

命令行輸入 -start 即可運行項目。例如輸入 -files 控制台显示是這樣的：

其實和 Windows 上一樣，包括文件導入，導出，刪除功能，多了幾個命令是查看文件，切換目錄等功能。

三、開發環境運行

3.1 下載項目

兩種方式下載項目，使用 GitBash 下載項目：

git clone https://github.com/KOHGYLW/kiftd-source.git

另外一種方式直接下載 zip 壓縮包，如下圖：

3.2 運行

打開 kohgylw.kiftd.mc.MC 類，進行測試運行。注意：本文使用 Eclipse 工具打開。

3.3 閱讀代碼

3.3.1 前台請求

就以創建目錄這個功能為例。我們先看前端功能。點擊“操作”->“新建文件夾”，填寫文件夾名稱，點擊保存如下圖：

我們知道前台 新建文件夾 功能調用的後台接口是 newFolder.ajax

3.3.2 後端接口
通過前台請求可知調用的後台接口為 homeController/newFolder.ajax。打開代碼實現，我們會看到下面這個方法。

public String newFolder(final HttpServletRequest request) {
		
        ...
        //參數校驗的部分代碼已省略
		Folder f = new Folder();
		f.setFolderId(UUID.randomUUID().toString());
		f.setFolderName(folderName);
		f.setFolderCreationDate(ServerTimeUtil.accurateToDay());
		if (account != null) {
			f.setFolderCreator(account);
		} else {
			f.setFolderCreator("匿名用戶");
		}
		f.setFolderParent(parentId);
		int i = 0;
		while (true) {
			try {
                // 數據庫插入新建文件夾的數據
				final int r = this.fm.insertNewFolder(f);
				if (r > 0) {
					if (fu.isValidFolder(f)) {
						this.lu.writeCreateFolderEvent(request, f);
						return "createFolderSuccess";
					} else {
						return "cannotCreateFolder";
					}
				}
				break;
			} catch (Exception e) {
				f.setFolderId(UUID.randomUUID().toString());
				i++;
			}
			if (i >= 10) {
				break;
			}
		}
		return "cannotCreateFolder";
	}

四、功能說明

4.1 上傳

1. 點擊 操作，可以上傳文件和上傳文件夾，如下圖：

2. 將本地需要上傳的文件，拖拽網盤頁面也可以上傳此文件。

4.2 視頻/音頻播放

1. 上傳視頻到網盤，網盤也支持在線視頻播放，效果如下圖：

2. 上傳音頻，例如我最喜歡 周杰倫 的歌曲，可以在線播放了。

4.3 快捷鍵使用

網盤還對一些常用功能添加了快捷鍵。功能和快捷鍵參照如下：

4.4 配置文件修改

配置文件在項目 conf 目錄，包括兩個配置文件：

• account.properties：配置賬號信息，權限信息
• server.properties：服務器的配置文件，可配置服務器端口，緩衝文件大小等

4.5 在線預覽

網盤支持文檔 txt、pdf、docx、ppt 在線預覽功能，支持圖片的在線預覽。圖片預覽效果如下：

pdf 文件預覽效果如下：

4.6 分享下載鏈接

網盤也考慮文件的分享，它可以生成下載鏈接，瀏覽器訪問下載鏈接就可以直接下載文件。選擇需要下載的文件，點擊 下載 按鈕，選擇 下載鏈接+，既可以生成文件下載鏈接。如下圖：

五、最後

教程至此已經結束，你自己的網盤跑起來了嗎？網盤是不是還不錯？而且搭建也特別簡單。一些重要的東西就可以存放到自己的網盤啦！說到底，編程語言只是工具，我們只要很好的使用工具，再加上自己天馬行空的思想，我想會創造出更多不可思議的項目。

Java 語言為什麼經久不衰，因為它能做的事情太多了，而且生態也特別豐富。如果你也有興趣那就加入 Javaer 開發者的大家庭吧！開源分享讓我們彼此認識，有了開源項目讓我們看到編程語言的絢麗多彩。

教程至此，你應該也能快速運行個人網盤了。編程是不是也特別有意思呢？先下載安裝包給自己部署一套網盤系統吧。對源碼感興趣的朋友可以開始學習項目源碼了～

關注公眾號加入交流群

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

日本、大陸，發現這些先進的國家已經早就讓電動車優先上路，而且先進國家空氣品質相當好，電動車節能減碳可以減少空污

※台中搬家公司費用怎麼算?

擁有20年純熟搬遷經驗，提供免費估價且流程透明更是5星評價的搬家公司

目錄

• Mybatis基本認識
  • 動態代理
    • JDK實現
    • CGLIB動態代理
    • 總結
  • 反射
• Configuration對象作用
• 映射器結構
• sqlsession執行流程(源碼跟蹤)
  • Executor
  • StatementHandler
  • 結果處理器(ResultSetHandler)
  • 總結
• 主題

mybatis運行分為兩部分，第一部分讀取配置文件緩存到Configuration對象中。用以創建SqlSessionFactory，第二部分是SqlSession的執行過程。

Mybatis基本認識

動態代理

• 之前我們知道Mapper僅僅是一個接口，而不是一個邏輯實現類。但是在Java中接口是無法執行邏輯的。這裏Mybatis就是通過動態代理實現的。關於動態代理我們常用的有Jdk動態代理和cglib動態代理。兩種卻別這裏不做贅述。關於CGLIB代理在框架中使用的比較多。

• 關於動態代理就是所有的請求有一個入口，由這個入口進行分發。在開發領域的一個用途就是【負載均衡】

• 關於Mybatis的動態代理是使用了兩種的結合。

• 下面看看JDK和cglib兩種實現

JDK實現

• 首先我們需要提供一個接口 , 這個接口是對我們程序員的一個抽象。 擁有編碼和改BUG的本領

public interface Developer {

    /**
     * 編碼
     */
    void code();

    /**
     * 解決問題
     */
    void debug();
}

• 關於這兩種本領每個人處理方式不同。這裏我們需要一個具體的實例對象

public class JavaDeveloper implements Developer {
    @Override
    public void code() {
        System.out.println("java code");
    }

    @Override
    public void debug() {
        System.out.println("java debug");
    }
}

• 我們傳統的調用方式是通過java提供的new 機制創造一個JavaDeveloper對象出來。而通過動態代理是通過java.lang.reflect.Proxy對象創建對象調用實際方法的。

• 通過newProxyInstance方法獲取接口對象的。而這個方法需要三個參數
  ClassLoader loader ： 通過實際接口實例對象獲取ClassLoader
  Class<?>[] interfaces : 我們抽象的接口
  InvocationHandler h ： 對我們接口對象方法的調用。在調用節點我們可以進行我們的業務攔截

JavaDeveloper jDeveloper = new JavaDeveloper();
Developer developer = (Developer) Proxy.newProxyInstance(jDeveloper.getClass().getClassLoader(), jDeveloper.getClass().getInterfaces(), (proxy, method, params) -> {
    if (method.getName().equals("code")) {
        System.out.println("我是一個特殊的人，code之前先分析問題");
        return method.invoke(jDeveloper, params);
    }
    if (method.getName().equals("debug")) {
        System.out.println("我沒有bug");

    }
    return null;
});
developer.code();
developer.debug();

CGLIB動態代理

• cglib動態代理優點在於他不需要我們提前準備接口。他代理的實際的對象。這對於我們開發來說就很方便了。

public class HelloService {
    public HelloService() {
        System.out.println("HelloService構造");
    }

    final public String sayHello(String name) {
        System.out.println("HelloService:sayOthers>>"+name);
        return null;
    }

    public void sayHello() {
        System.out.println("HelloService:sayHello");
    }
}

• 下面我們只需要實現cglib提供的MethodInterceptor接口，在初始化設置cglib的時候加載這個實例化對象就可以了

public class MyMethodInterceptor implements MethodInterceptor {

    @Override
    public Object intercept(Object o, Method method, Object[] objects, MethodProxy methodProxy) throws Throwable {
        System.out.println("======插入前置通知======");
        Object object = methodProxy.invokeSuper(o, objects);
        System.out.println("======插入後者通知======");
        return object;
    }
}

• 下面我們就來初始化設置cglib

public static void main(String[] args) {
    //代理類class文件存入本地磁盤方便我們反編譯查看源代碼
    System.setProperty(DebuggingClassWriter.DEBUG_LOCATION_PROPERTY, "/root/code");
    //通過CGLIB動態代理獲取代理對象過程
    Enhancer enhancer = new Enhancer();
    //設置enhancer對象的父類
    enhancer.setSuperclass(HelloService.class);
    // 設置enhancer的回調對象
    enhancer.setCallback(new MyMethodInterceptor());
    //創建代理對象
    HelloService helloService = (HelloService) enhancer.create();
    //通過代理對象調用目標方法
    helloService.sayHello();
}

• 仔細看看cglib和spring的aop特別像。針對切點進行切面攔截控制。

總結

• 通過對比兩種動態代理我們很容易發現，mybatis就是通過JDK代理實現Mapper調用的。我們Mapper接口實現通過代理到xml中對應的sql執行邏輯

反射

• 相信有一定經驗的Java工程師都對反射或多或少有一定了解。其實從思想上看不慣哪種語言都是有反射的機制的。
• 通過反射我們就擺脫了對象的限制我們調用方法不再需要通過對象調用了。可以通過Class對象獲取方法對象。從而通過invoke方法進行方法的調用了。

Configuration對象作用

• Configuration對象存儲了所有Mybatis的配置。主要初始化一下參數
  • properties
  • settings
  • typeAliases
  • typeHandler
  • ObjectFactory
  • plugins
  • environment
  • DatabaseIdProvider
  • Mapper映射器

映射器結構

• BoundSql提供三個主要的屬性 parameterMappings 、parameterObject、sql

• parameterObject參數本身。我們可以傳遞java基本類型、POJO、Map或者@Param標註的參數。

• 當我們傳遞的是java基本類型mybatis會轉換成對應的包裝對象 int -> Integer

• 如果我們傳遞POJO、Map。就是對象本身

• 我們傳遞多個參數且沒有@Param指定變量名則parameterObject 類似
  {“1″:p1,”2″:p2,”param1″:p1,”param2”:p2}

  ※台中搬家遵守搬運三大原則,讓您的家具不再被破壞!

  台中搬家公司推薦超過30年經驗,首選台中大展搬家

• 我們傳遞多個參數且@Param指定變量名 則parameterObject類似
  {“key1″:p1,”key2″:p2,”param1″:p1,”param2”:p2}

• parameterMapping 是記錄屬性、名稱、表達式、javaType,jdbcType、typeHandler這些信息

• sql 屬性就是我們映射器中的一條sql. 正常我們在常見中對sql進行校驗。正常不需要修改sql。

sqlsession執行流程(源碼跟蹤)

• 首先我們看看我們平時開發的Mapper接口是如何動態代理的。這就需要提到MapperProxyFactory這個類了。該類中的newInstance方法

protected T newInstance(MapperProxy<T> mapperProxy) {
    return (T) Proxy.newProxyInstance(mapperInterface.getClassLoader(), new Class[] { mapperInterface }, mapperProxy);
  }

• 通過上滿代碼及上述對jdk動態代理的表述。我們可以知道mapperProxy是我們代理的重點。
• MapperProxy是InvocationHandler的實現類。他重寫的invoke方法就是代理對象執行的方法入口。

@Override
public Object invoke(Object proxy, Method method, Object[] args) throws Throwable {
try {
    if (Object.class.equals(method.getDeclaringClass())) {
    return method.invoke(this, args);
    } else if (isDefaultMethod(method)) {
    return invokeDefaultMethod(proxy, method, args);
    }
} catch (Throwable t) {
    throw ExceptionUtil.unwrapThrowable(t);
}
final MapperMethod mapperMethod = cachedMapperMethod(method);
return mapperMethod.execute(sqlSession, args);
}

private boolean isDefaultMethod(Method method) {
return (method.getModifiers()
    & (Modifier.ABSTRACT | Modifier.PUBLIC | Modifier.STATIC)) == Modifier.PUBLIC
    && method.getDeclaringClass().isInterface();
}

• 通過源碼發現。invoke內部首先判斷對象是否是類 。 通過打斷點發現最終會走到cacheMapperMethod這個方法去創建MapperMethod對象。
• 繼續查看MapperMethod中execute方法我們可以了解到內部實現其實是一個命令行模式開發。通過判斷命令從而執行不同的語句。判斷到具體執行語句然後將參數傳遞給sqlsession進行sql調用並獲取結果。到了sqlsession就和正常jdbc開發sql進行關聯了。sqlsession中Executor、StatementHandler、ParameterHandler、Resulthandler四大天王

Executor

• 顧名思義他就是一個執行器。將java提供的sql提交到數據庫。Mybatis提供了三種執行器。

• Configuration.class中newExecutor源碼

• 根據uml我們不難看出mybatis中提供了三類執行器分別SimpleExecutor、ReuseExecutor、BatchExecutor

public SqlSession openSession() {
  return openSessionFromDataSource(configuration.getDefaultExecutorType(), null, false);
}

private SqlSession openSessionFromDataSource(ExecutorType execType, TransactionIsolationLevel level, boolean autoCommit) {
    Transaction tx = null;
    try {
      // 得到configuration 中的environment
      final Environment environment = configuration.getEnvironment();
      // 得到configuration 中的事務工廠
      final TransactionFactory transactionFactory = getTransactionFactoryFromEnvironment(environment);
      tx = transactionFactory.newTransaction(environment.getDataSource(), level, autoCommit);
      // 獲取執行器
      final Executor executor = configuration.newExecutor(tx, execType);
      // 返回默認的SqlSession
      return new DefaultSqlSession(configuration, executor, autoCommit);
    } catch (Exception e) {
      closeTransaction(tx); // may have fetched a connection so lets call close()
      throw ExceptionFactory.wrapException("Error opening session.  Cause: " + e, e);
    } finally {
      ErrorContext.instance().reset();
    }
  }

• 通過上述源碼我們知道在sqlsession獲取一個數據庫session對象時我們或根據我們的settings配置加載一個Executor對象。在settings中配置也很簡單

<settings>
<!--取值範圍 SIMPLE, REUSE, BATCH -->
	<setting name="defaultExecutorType" value="SIMPLE"/>
</settings>

• 我們也可以通過java代碼設置

factory.openSession(ExecutorType.BATCH);

StatementHandler

• 顧名思義，StatementHandler就是專門處理數據庫回話的。這個對象的創建還是在Configuration中管理的。

public StatementHandler newStatementHandler(Executor executor, MappedStatement mappedStatement, Object parameterObject, RowBounds rowBounds, ResultHandler resultHandler, BoundSql boundSql) {
    StatementHandler statementHandler = new RoutingStatementHandler(executor, mappedStatement, parameterObject, rowBounds, resultHandler, boundSql);
    statementHandler = (StatementHandler) interceptorChain.pluginAll(statementHandler);
    return statementHandler;
  }

• 很明顯Mybatis中StatementHandler使用的是RoutingStatementHandler這個class

• 關於StatementHandler和RoutingStatementHandler之間的關係我們通過源碼可以看出這裏和Executor一樣都是適配器模式。採用這種模式的好處是方便我們對這些對象進行代理。這裏讀者可以猜測一下是使用了哪種動態代理。給點提示 這裏使用了接口哦

• 在查看BaseStatementHandler結構我們會發現和Executor一模一樣。同樣的Mybatis在構造RoutingStatementHandler的時候會根據setting中配置來加載不同的具體子類。這些子類都是繼承了BaseStatementHandler.

• 前一節我們跟蹤了Executor。 我們知道Mybatis默認的是SimpleExecutor。 StatementHandler我們跟蹤了Mybaits默認的是PrePareStatementHandler。在SimpleExecutor執行查詢的源碼如下

• 我們發現在executor查詢錢會先讓statementHandler構建一個Statement對象。最終就是StatementHandler中prepare方法。這個方法在抽象類BaseStatmentHandler中已經封裝好了。

• 這個方法的邏輯是初始化statement和設置連接超時等一些輔助作用
• 然後就是設置一些參數等設置。最後就走到了執行器executor的doquery

• PrepareStatement在我們jdbc開發時是常見的一個類 。 這個方法執行execute前我們需要設置sql語句，設置參數進行編譯。這一系列步驟就是剛才我們說的流程也是PrepareStatementHandler.prepareStatement幫我們做的事情。那麼剩下的我們也很容易想到就是我們對數據結果的封裝。正如代碼所示下馬就是resultSetHandler幫我們做事情了。

結果處理器(ResultSetHandler)

@Override
  public List<Object> handleResultSets(Statement stmt) throws SQLException {
    ErrorContext.instance().activity("handling results").object(mappedStatement.getId());

    final List<Object> multipleResults = new ArrayList<>();

    int resultSetCount = 0;
    ResultSetWrapper rsw = getFirstResultSet(stmt);

    List<ResultMap> resultMaps = mappedStatement.getResultMaps();
    int resultMapCount = resultMaps.size();
    validateResultMapsCount(rsw, resultMapCount);
    while (rsw != null && resultMapCount > resultSetCount) {
      ResultMap resultMap = resultMaps.get(resultSetCount);
      handleResultSet(rsw, resultMap, multipleResults, null);
      rsw = getNextResultSet(stmt);
      cleanUpAfterHandlingResultSet();
      resultSetCount++;
    }

    String[] resultSets = mappedStatement.getResultSets();
    if (resultSets != null) {
      while (rsw != null && resultSetCount < resultSets.length) {
        ResultMapping parentMapping = nextResultMaps.get(resultSets[resultSetCount]);
        if (parentMapping != null) {
          String nestedResultMapId = parentMapping.getNestedResultMapId();
          ResultMap resultMap = configuration.getResultMap(nestedResultMapId);
          handleResultSet(rsw, resultMap, null, parentMapping);
        }
        rsw = getNextResultSet(stmt);
        cleanUpAfterHandlingResultSet();
        resultSetCount++;
      }
    }

    return collapseSingleResultList(multipleResults);
  }

• 這個方法我們可以導出來是結果xml中標籤配置對結果的一個封裝。

總結

• SqlSession在一個查詢開啟的時候會先通過CacheExecutor查詢緩存。擊穿緩存後會通過BaseExector子類的SimpleExecutor創建StatementHandler。PrepareStatementHandler會基於PrepareStament執行數據庫操作。並針對返回結果通過ResultSetHandler返回結果數據

主題

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

※台中搬家公司費用怎麼算?

擁有20年純熟搬遷經驗，提供免費估價且流程透明更是5星評價的搬家公司

※回頭車貨運收費標準

宇安交通關係企業，自成立迄今，即秉持著「以誠待人」、「以實處事」的企業信念

瑪利歐賽車是任天堂旗下的人氣遊戲，很多玩家喜歡它豐富的賽道設計，每場比賽中隨機刷出的道具更是給賽事增添不少勝負變數。小到香蕉皮，大到無敵星星，各種道具不但促進了瑪利歐賽車系列的大賣，也不知道撕破了多少人之間的友誼。今天不是要告訴大家瑪利歐賽車的必勝方法。而是介紹一個玩膩《健身環大冒險》，於是用一點小工具跟改裝技巧，土砲出了健身環版瑪利歐賽車專用套件的神人。用這個套件玩《瑪車》未必能讓你百戰百勝，但能讓你邊玩邊消耗熱量，甚至達到健身減重的效果：

▲（圖片翻攝自 Youtube 影片）

瑪利歐賽車系列遊戲打從超任時代就開始風靡許多大小朋友，這系列遊戲有多好玩自然不需要筆者多做介紹。歷經數年演變，畫面也從 2D、3D 到現在高畫質畫面，稱得上是任天堂的一大台柱。很多人購買 Switch 主機以後，往往也會順便來一片《瑪利歐賽車 8 Deluxe》來跟家人朋友同樂，是一款相當適合多人競技的遊戲。

有了健身環，瑪利歐賽車也可以拿來運動

在任天堂推出 Wii 主機以後，體感控制就成為許多新遊戲開創新玩法的靈感來源。從 Wii 推出的時代就有許多運動或競技相關的遊戲採用了體感操控。像是 2006 年推出的 Wii Sport、2007 年的 Wii Fit、2019 對應新主機 Switch 推出的健身環與健身環大冒險遊戲，這些遊戲都顯示運動類遊戲成為任天堂開創新玩法的重要領域。不過，這些遊戲通常都有個缺點，就是綁定的某些套件，例如健身環大冒險之於任天堂健身環。這些套件通常也無法對應到其他遊戲的玩法上。於是一位玩家就跳出來替任天堂健身環進行了一點小小的改造，搭配一台二手健身車，組合成讓人一邊運動一邊玩瑪利歐賽車的新套件「Labo Fit Adventure Kart」：

▲健身環、手把跟改裝過的二手健身車，組成了這個奇妙的健身套件（圖片翻攝自 Youtube 影片）

這套或可取名為「Labo 健身賽車冒險」的套件組合了一個健身環，一個 Switch 手把和一台二手健身車。主要的邏輯是讓健身環、健身車的操控能夠對應到 Switch 手把按鍵上，才能利用這組套件來進行有系。這位名為「Mike Choi（@mechachoi）」的國外網友就利用了自製的裝置「TAPBO」來成為溝通這些裝備的橋樑，最後讓這些裝置能成為玩家的手與腳。一邊進行著遊戲的同時，一邊還可以鍛鍊身體。既能避免沉迷遊戲，還能夠減少身上贅肉，一舉兩得：

▲TAPBO套件主要用處就是接收訊號以控制手把（圖片翻攝自 Youtube 影片）

Mike Choi 網友透過瑪利歐賽車這個遊戲做為示範，來展示自己組裝起來的「Labo Fit Adventure Kart」。簡單的說，使用者必須腳踏健身車來讓遊戲中的卡丁車加速。利用健身環做為虛擬的方向盤轉動卡丁車的前輪。至於瑪利歐賽車中重要的道具發射功能，則是透過擠壓健身環來達成。這些動作說明起來很簡單。但要一邊運動一邊在遊戲中進行排位的攻防，並不是一件簡單的事。若真能靠這個方式成為瑪利歐賽車大師，想必體脂率也大幅降低了不少：

▲作者在自己的推特上宣傳自作套件，吸引不少網友轉推（圖片翻攝自 Twitter 網頁）

▲一邊騎車讓卡丁車加速，一邊控制方向盤（健身環），一邊還得透過擠壓健身環放道具（圖片翻攝自 Youtube 影片）

※評比南投搬家公司費用收費行情懶人包大公開

搬家價格與搬家費用透明合理，不亂收費。本公司提供下列三種搬家計費方案，由資深專業組長到府估價，替客戶量身規劃選擇最經濟節省的計費方式

Mike Choi 網友也在自己的套件介紹影片中說明了製造流程。就概念來說相信有點電機底子的人都不會覺得太難，只是難在要用這個方式真的在遊戲中跟親友競爭，取勝的機率相對低落的多。Mike Choi 網友甚至還試著玩了一下另一款任天堂的旗下大作「任天堂明星大亂鬥特別版」，從影片中看起來的確不是普通的累。對於有心想健身或減肥的人，藉著遊戲持之以恆的話，說不定真的能有所成效也說不定：

▲連大亂鬥也支援，不過這樣玩直的很累（圖片翻攝自 Youtube 影片）

▲可惜的是他這套純手工健身器材尚未販售，不過這個點子應該會吸引健身器材大廠或是任天堂尋求合作才是（圖片翻攝自 Youtube 影片）

消息來源

您也許會喜歡：

【推爆】終身$0月租 打電話只要1元/分

立達合法徵信社-讓您安心的選擇

※智慧手機時代的來臨，RWD網頁設計為架站首選

網動結合了許多網際網路業界的菁英共同研發簡單易操作的架站工具，及時性的更新，為客戶創造出更多的網路商機。

※網頁設計最專業,超強功能平台可客製化

窩窩以「數位行銷」「品牌經營」「網站與應用程式」「印刷品設計」等四大主軸，為每一位客戶客製建立行銷脈絡及洞燭市場先機。

上週華碩在 ROG 玩家國度官方微博預告近期新一代 ROG Phone 遊戲手機即將來臨，而在上個月高通發表 Snapdragon 888 處理器時也預告華碩將是首批搭載最新旗艦處理器的品牌之一，也代表在 2021 年包括新一代的 ZenFone 和 ROG Phone 可能都會採用此處理器。
日前，次世代 ROG Phone 實機外觀也在微博提前曝光，今日稍早更流出了真機的 GIF 動圖，在以往機身背面中央的「敗家之眼」在傳聞的 ROG Phone 5 改為小型的副螢幕，可顯示各種通知訊息和燈效。

ROG Phone 5 真機動圖曝光！機身背面加入 ROG Vision 功能副螢幕，可顯示遊戲、充電、來電通知等訊息

昨日在我們報導關於次世代 ROG Phone 的消息時，文中有分享在微博流傳的疑似新一代 ROG Phone 實機照片，從這張圖片可確認這款新機相機配備 6400 萬像素三鏡頭主相機，且維持過往 ROG Phone 系列機型具備側邊 USB Type-C 充電埠。
在機背中央，這次取消過去幾代自帶 RGB 燈效的 ROG 敗家之眼並將 ROG Logo 調整到角落。
不過機身背面中央除了寫著「05」的編號，也有傳聞這次將跳過 ROG Phone 4 直接命名為 ROG Phone 5 ，至於機身背面中央這個位置究竟是有什麼功能呢？今天稍早終於提前被揭露，原來就是加入小型的副螢幕！

▲圖片來源：WHYLAB（微博）

從中國質量認證中心的 CCC 認證資料庫，可查詢到華碩有款型號「ASUS_I005DA」的 5G 智慧型手機通過認證，從中可得知這款疑似為 ROG Phone 5 的配備一個 65W 的快速充電器，傳聞手機電池容量將與 ROG Phone 3 相同維持在 6000mAh 的大電量。

▲圖片來源：中國質量認證中心

在 19 日華碩也有兩款 5G 智慧型手機通過台灣 NCC 認證，型號分別為「ASUS_I005D」與「ASUS_I005DC」，即便相關審驗資料被設定為隱藏無法進一步查詢相關規格，但對比過往命名規則由型號推測，這兩款手機應該也是 ROG Phone 5 ：

▲圖片來源：NCC

雖然新一代的 ROG Phone 在機身背面「敗家之眼」不會發光了，不過從這段在微博流出的 GIF 動圖，我們可看到在手機背部中心位置新增了副螢幕。從動圖可得知這項功能為「ROG Vision」，用戶可設定像是遊戲啟動時、來電、充電都能顯示專屬的燈效：
▲圖片來源：WHYLAB（微博）

從中我們也可看到 ROG Phone 5 螢幕設計與 ROG Phone 3 一樣採用平面的 AMOLED 螢幕，在這個 ROG Vision 功能可單獨設定各項功能的效果：

▲圖片來源：WHYLAB（微博）

▲圖片來源：WHYLAB（微博）

※台北網頁設計公司這麼多該如何選擇?

網動是一群專業、熱情、向前行的工作團隊,我們擁有靈活的組織與溝通的能力,能傾聽客戶聲音,激發創意的火花,呈現完美的作品

來電通知也能有專屬的燈效：

▲圖片來源：WHYLAB（微博）

▲圖片來源：WHYLAB（微博）

消息來源：WHYLAB（微博）

延伸閱讀：
次世代 ROG Phone 騰訊搶先預告登場！傳升級 65W 快充應援你的電競行動生活

您也許會喜歡：

【推爆】終身$0月租 打電話只要1元/分

立達合法徵信社-讓您安心的選擇

※推薦評價好的iphone維修中心

擁有專業的維修技術團隊，同時聘請資深iphone手機維修專家，現場說明手機問題，快速修理，沒修好不收錢