<button id="btn" disabled="disabled">確定</button>
2>Javascript里
<script>
 $("#btn").attr("disabled","true");
 $("#btn").attr("disabled","disabled");
 $("#btn").attr("disabled","false");
 $("#btn").removeAttr("disabled","disabled");
</script>

<a id="mybtn">button</a>
<script>
 $("a").click(function(){
 alert("1");
 $(this).css("color","#CCC");
 $(this).unbind("click");
 })
</script>

提到高端一體機(jī)，很多人第一時(shí)間會(huì)想到蘋果的iMac。但如果你是設(shè)計(jì)師的話，那你一定知道，iMac并不是各方面最佳的高端一體機(jī)，比如我們今天的主角戴爾XPS ONE就足以讓iMac躲在墻角里默默哭泣。這是一臺(tái)榮獲了CES創(chuàng)新大獎(jiǎng)2017(電腦硬件和電腦及配件)的一體機(jī)，在多個(gè)方面都達(dá)到了世界頂級(jí)水準(zhǔn)，具體表現(xiàn)我們一起來看一下。

從整體的設(shè)計(jì)語言上來看，戴爾XPS ONE采用了相對(duì)簡(jiǎn)潔的設(shè)計(jì)風(fēng)格，正面是一體式玻璃面板設(shè)計(jì)，整機(jī)也采用了CNC機(jī)加工鋁材一體結(jié)構(gòu)，所以無論是從正面還是背面看都非常簡(jiǎn)潔有氣質(zhì)。整機(jī)線條與目前主流高端一體機(jī)類似，都是背面微弧設(shè)計(jì)。同時(shí)戴爾XPS ONE也擁有辨識(shí)度非常高的特點(diǎn)，比如正面的六個(gè)喇叭。

正面的六個(gè)喇叭確實(shí)非常霸氣，其對(duì)稱分布在面板下方兩側(cè)，可能有人會(huì)覺得它破壞了正面的一體感。筆者卻認(rèn)為，這樣的設(shè)計(jì)反而為屏幕與下邊框帶來了平衡。試想一下，當(dāng)點(diǎn)亮屏幕的時(shí)候，iMac的大黑邊著實(shí)讓人無法忍受，尤其是下邊框。而戴爾XPS ONE則很好的避免了這一點(diǎn)，下方的六個(gè)喇叭反而讓下邊框看著非常舒服。

戴爾XPS ONE的背面則異常簡(jiǎn)潔，其選用了高品質(zhì)鋁材作為機(jī)身材質(zhì)。視覺上，灰色啞光處理帶來了不錯(cuò)的品質(zhì)感，符合整機(jī)高端的定位。可能由于涂層的原因，觸感上并沒有金屬的冰冷感，反而提供了一種光滑但偏膩的感覺。整體來看，背面凸顯品質(zhì)感的同時(shí)，鋁材機(jī)身堅(jiān)固耐用，非常值得稱道。

支架方面，其采用鉸接支架，不僅能夠調(diào)節(jié)屏幕的仰俯角，還能調(diào)節(jié)屏幕高低，非常方便。支架表面同樣采用金屬材質(zhì)，其表面處理上同背部并不相同，其金屬感更為厚實(shí)沉穩(wěn)，尤其是用手指敲擊的時(shí)候，猶如敲擊一面墻一樣，可見其非常堅(jiān)固。底部基座表面同樣采用金屬材質(zhì)，十分具有質(zhì)感且堅(jiān)固穩(wěn)定。上面的英特爾Logo貼表明其搭載了第六代智能英特爾?酷睿?i7處理器，處理器性能測(cè)試我們會(huì)在后面進(jìn)行詳解。

在細(xì)節(jié)方面，戴爾XPS ONE也表現(xiàn)的一絲不茍。這主要體現(xiàn)在邊角和不同位置對(duì)接的地方。首先是屏幕面板與邊框保留了大約指甲厚度的間隙。這樣做的好處就是能夠更好的保護(hù)屏幕，避免金屬與屏幕擠壓損害屏幕；另外，在邊框與背面相對(duì)接的地方，不僅嚴(yán)絲合縫，而且并沒與擠壓的情況，這樣的公差控制對(duì)于量產(chǎn)來說要求非常之高，足見其品控的優(yōu)秀。

整體而言，戴爾XPS ONE的外觀設(shè)計(jì)有獨(dú)樹一幟的地方，但品質(zhì)感依然是整機(jī)散發(fā)出最明顯的特質(zhì)，這得益于其精致的打磨和無懈可擊的細(xì)節(jié)設(shè)計(jì)。當(dāng)然，戴爾XPS ONE最令人驚訝的，要數(shù)其屏幕和揚(yáng)聲器，這兩者堪稱世界頂級(jí)。

屏幕和揚(yáng)聲器堪稱戴爾XPS ONE的殺手锏。這是世界上第一臺(tái)覆蓋100% Adobe RGB色域的一體機(jī)，同時(shí)也是世界上第一臺(tái)配備戴爾Ultra Sharp微邊框屏幕的一體機(jī)，還是世界上第一臺(tái)Jack Joseph Puig調(diào)音十揚(yáng)聲器的一體機(jī)，簡(jiǎn)直是設(shè)計(jì)師最理想的機(jī)器。

屏幕方面，戴爾XPS ONE搭載了一塊27英寸的IPS屏幕，物理分辨率為3840×2160，表面覆蓋一整塊的康寧大猩猩玻璃，這是一塊貨真價(jià)實(shí)的UltraSharp 4K屏幕，并且支持十點(diǎn)觸控。實(shí)際觀感上，4K屏幕所帶來的精細(xì)度是普通全高清屏幕無法比擬的，而且屏幕色彩表現(xiàn)比較濃郁，可視角度非常不錯(cuò)，屏幕亮度也超出預(yù)期。

通過軟件Spyder5測(cè)試可以看出，該屏幕色域達(dá)到了100%的sRGB、96%的NTSC、100%的AdobeRGB，亮度為439nit。從數(shù)據(jù)上看，忽視測(cè)試誤差，這塊屏幕的色域已經(jīng)達(dá)到了100%的AdobeRGB，而且亮度也十分優(yōu)秀。單從這一數(shù)據(jù)來看，已經(jīng)不能簡(jiǎn)單用優(yōu)秀來評(píng)價(jià)了，確實(shí)是世界頂級(jí)屏幕水準(zhǔn)。

而且系統(tǒng)也預(yù)裝了PremierColor軟件，這是一款針對(duì)專業(yè)用戶的軟件，能夠自動(dòng)重新映射非Adobe RGB格式的內(nèi)容，而且在“高級(jí)”菜單里面可以分別提供了“亮度”、“對(duì)比度”、“灰度”、“黑階”、“色溫”五個(gè)色彩微調(diào)功能，讓屏幕的色彩表現(xiàn)可以根據(jù)自己需要進(jìn)行調(diào)控。由于是針對(duì)專業(yè)用戶，所以建議普通消費(fèi)者不要私自調(diào)整。

前面我們提到戴爾XPS ONE前方有六個(gè)喇叭，事實(shí)上該機(jī)有十個(gè)喇叭，其余四個(gè)位于下方。十喇叭所組成的音效系統(tǒng)可達(dá)到每通道50W的音頻輸出，雙聲道則100W，要知道普通55寸電視的雙喇叭也不過才10W，相當(dāng)恐怖。這樣的音效系統(tǒng)不僅僅是音量大，還能加深聲場(chǎng)的縱深感，帶來身臨其境的聲音表現(xiàn)。

除了自身素質(zhì)高外，戴爾還請(qǐng)來了曾獲得多項(xiàng)格萊美大獎(jiǎng)的金牌制作人Jack Joseph Puig對(duì)戴爾XPS ONE進(jìn)行調(diào)音，以獲得更佳的視聽感受。由于聲音好聽與否是非常個(gè)人化的，所以系統(tǒng)還內(nèi)置了Waves MaxxAudio Pro音效軟件，可方便用戶根據(jù)自身喜好進(jìn)行調(diào)整。

整體試聽來看，戴爾XPS ONE在三頻上的表現(xiàn)十分出眾，高音部分比較清澈，但不會(huì)有爆裂的感覺；中音比較有力，源源不斷；低音則渾厚許多，可以下潛的非常深。這樣的聲音表現(xiàn)讓筆者想起了電影《無間道》里面的臺(tái)詞“高音甜、中音準(zhǔn)、低音沉，總之一個(gè)詞，就是通透”。

在被屏幕和揚(yáng)聲器震撼之余，我們看一下戴爾XPS ONE的支架設(shè)計(jì)。該機(jī)支架為鉸接支架，可實(shí)現(xiàn)類似Surface Studio屏幕展現(xiàn)方式，即除了屏幕俯仰外，還能夠調(diào)整高低，最低可使屏幕“躺在”桌面上。這種支架設(shè)計(jì)能夠更好適應(yīng)用戶不同需求，而且能夠?qū)崿F(xiàn)最為自然的觸控方式。

做工方面，前面我們提到其支架的金屬感非常的厚重沉穩(wěn)，特別是用手敲擊的時(shí)候，所產(chǎn)生的回饋仿佛支架就是一整塊金屬一樣。由于是27英寸的一體機(jī)，機(jī)身部分會(huì)略顯笨重，采用如此堅(jiān)固的支架能夠保證支撐的穩(wěn)定。

上轉(zhuǎn)軸與下轉(zhuǎn)軸采用的是同樣的設(shè)計(jì)，不過在可轉(zhuǎn)動(dòng)角度上有所差別。正是這兩種不同角度的組合，實(shí)現(xiàn)了戴爾XPS ONE非常自由的調(diào)節(jié)方式。轉(zhuǎn)軸的阻尼非常稍稍偏硬，但依然能夠?qū)崿F(xiàn)單手調(diào)整，這一點(diǎn)非常不錯(cuò)。無論是從實(shí)現(xiàn)的方式還是效果來看，戴爾XPS ONE的轉(zhuǎn)軸設(shè)計(jì)與Surface Studio有著異曲同工之妙。

戴爾XPS ONE兩側(cè)接口

接口方面，戴爾XPS ONE接口主要集中在后方及機(jī)身兩側(cè)。機(jī)身左側(cè)為SD卡插槽和音頻輸入端口；右側(cè)為電源按鈕和采用PowerShare技術(shù)的USB3.0端口；后方為2×Thunderbolt 3、以太網(wǎng)端口、交流輸入端口、音頻輸出端口、HDMI輸出、DisplayPort和4×USB3.0。無論是種類還是數(shù)量，戴爾XPS ONE接口完全能夠滿足正常使用。

紅外攝像頭實(shí)現(xiàn)面部識(shí)別登錄

在智能交互方面，戴爾XPS ONE有兩大特點(diǎn)，一個(gè)是搭載了微軟Far-field技術(shù)，可實(shí)現(xiàn)高效人聲登錄與操控，另一個(gè)是可通過紅外攝像頭實(shí)現(xiàn)面部識(shí)別登錄。這兩項(xiàng)技術(shù)目前并沒有普及，不過從實(shí)際體驗(yàn)來看，還是帶來了非常便利的使用感受，特別是面部識(shí)別登錄系統(tǒng)這項(xiàng)功能，擺脫了手動(dòng)輸入密碼的繁瑣。

戴爾XPS ONE搭載了第六代智能英特爾?酷睿?i7-6700處理器，16GB DDR4-2400MHz內(nèi)存，同時(shí)配置了512GB固態(tài)硬盤，顯卡方面則是采用AMDRadeon R9 M470X（4GB顯存）。接下來我們通過測(cè)試軟件來看看這款機(jī)器的各方面性能表現(xiàn)。

從AIDA 64 CPUID可以看到這款產(chǎn)品所搭載的處理器基本信息。這顆第六代智能英特爾?酷睿?i7-6700處理器核心代號(hào)為Skylake-S，基于14nm制程工藝，采用四核八線程設(shè)計(jì)，初始主頻為3.4GHz，可睿頻至4.0GHz，共享的三級(jí)緩存為8MB，整體TDP（熱設(shè)計(jì)功耗）為65W。

處理器性能方面我們采用三款同系列測(cè)試軟件CINEBENCH對(duì)其性能測(cè)試，得出的結(jié)果僅供參考。首先是CINEBENCH R10的測(cè)試結(jié)果，該處理器獲得單核7856分，多核31717分；在CINEBENCH R11.5測(cè)試中，該處理器多核心獲得8.85pts，單核心1.86pts；最后在CINEBENCH R15測(cè)試中，該處理器多核心獲得807cb，單核心171cb。處理器單項(xiàng)測(cè)試結(jié)果表明該處理器定位于桌面平臺(tái)處理器高端型號(hào)。

顯卡方面，這款產(chǎn)品配置了一塊AMD Radeon R9 M470X（4GB顯存），根據(jù)GPU-Z的信息檢索可以看到，它擁有896個(gè)統(tǒng)一著色單元（軟件未識(shí)別出）。顯存位寬128Bit、顯存容量4GB、顯存類型為GDDR5、核心頻率為1100MHz，下面我們一起來看一下這塊顯卡的性能。

3DMark Time Spy模式下，最終測(cè)試結(jié)果為1531分，其中顯卡得分為1380分。可以看出AMD Radeon R9 M470X（4GB顯存）的性能處于中等水準(zhǔn)，在應(yīng)付高清影音解碼、運(yùn)行英雄聯(lián)盟這樣的網(wǎng)絡(luò)游戲完全足夠，同時(shí)還能夠在設(shè)計(jì)制作方面起到作用。

固態(tài)硬盤對(duì)體驗(yàn)的提升有目共睹，戴爾XPS ONE搭載了512GB固態(tài)硬盤，通過CrystalDiskMark測(cè)試可以看到，戴爾XPS ONE所搭載的固態(tài)硬盤的讀取速度為1752MB/s，寫入速度為1038MB/s，硬盤整體表現(xiàn)非常搶眼。

最后我們還采用了PCMark 8對(duì)產(chǎn)品的整體性能進(jìn)行了評(píng)估，測(cè)試項(xiàng)目為Home accelerated，其主要包括Web瀏覽、文字處理、圖片處理、視頻處理、游戲等幾個(gè)方面，貼近用戶的實(shí)際應(yīng)用模式，從最終4255分的成績(jī)來看，戴爾XPS ONE是一款性能不錯(cuò)的一體電腦。

評(píng)測(cè)總結(jié)：戴爾XPS ONE是一臺(tái)卓越的產(chǎn)品，在體驗(yàn)過后筆者完全找不到購買iMac的理由。戴爾XPS ONE擁有目前頂級(jí)的屏幕和揚(yáng)聲器，并且在外觀設(shè)計(jì)上也非常具有品質(zhì)感，僅僅這三點(diǎn)就已經(jīng)決定了這臺(tái)機(jī)器將是2017年一體機(jī)中的標(biāo)桿之作，值得推薦給大家。

經(jīng)銷商報(bào)價(jià): 22079 正品行貨 先行賠付 順豐包郵

戴爾 XPS 7760 系列（XPS 7760-D1828TB）

Rust 中創(chuàng)建一個(gè)簡(jiǎn)單的 WebAssembly 應(yīng)用程序，然后從 JavaScript 調(diào)用這個(gè)程序。

本文所涉及的所有代碼可以在 https://github.com/second-state/wasm-learning/tree/master/browser/triple 中找到。

系列教程

1.WebAssembly 快問快答

2.從 Rust 開始入門 WebAssembly | WebAssembly 教程

在本教程中，我們將創(chuàng)建一個(gè)非常簡(jiǎn)單但很完整的 WebAssembly 應(yīng)用程序。

Webassembly 應(yīng)用程序通常由兩部分組成。

• 運(yùn)行在 WebAssembly 虛擬機(jī)內(nèi)部以執(zhí)行計(jì)算任務(wù)的字節(jié)碼程序
• 提供 UI、networking、數(shù)據(jù)庫，以及調(diào)用 WebAssembly 程序以執(zhí)行關(guān)鍵計(jì)算任務(wù)或業(yè)務(wù)邏輯的主機(jī)應(yīng)用程序

在本教程中，主機(jī)應(yīng)用程序是用 JavaScript 編寫的，并在 web 瀏覽器中運(yùn)行。 Webassembly 字節(jié)碼程序是用 Rust 編寫的。

現(xiàn)在，先讓我們看看 Rust 程序是如何編寫的。

在 Rust 中的 WebAssembly 程序

在這個(gè)例子中，Rust 程序?qū)⑤斎霐?shù)字簡(jiǎn)單地增加了三倍并返回結(jié)果。 首先將 WebAssembly 工具安裝到 Rust 編譯器。

# Install Rust

$ sudo apt-get update
$ sudo apt-get -y upgrade
$ curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
$ source $HOME/.cargo/env

# Install WebAssembly tools

$ rustup target add wasm32-wasi
$ rustup override set nightly
$ rustup target add wasm32-wasi --toolchain nightly

接下來，創(chuàng)建一個(gè)新的 cargo 項(xiàng)目。 由于這個(gè)程序是從主機(jī)應(yīng)用程序調(diào)用的，而不是作為獨(dú)立的可執(zhí)行文件運(yùn)行，因此我們將創(chuàng)建一個(gè) lib 項(xiàng)目。

$ cargo new --lib triple
$ cd triple

編輯 Cargo.toml 文件以添加[lib]節(jié)。 它會(huì)告訴編譯器在哪里可以找到庫的源代碼，以及如何生成字節(jié)碼輸出。

[lib]
name = "triple_lib"
path = "src/lib.rs"
crate-type =["cdylib"]

下面是 Rust 程序 src/lib.rs 的內(nèi)容. 實(shí)際上，你可以在這個(gè)庫文件中定義多個(gè)外部函數(shù)，并且所有這些函數(shù)都可以通過 WebAssembly 在 JaveScript 主機(jī)上使用。

#[no_mangle]
pub extern fn triple(x: i32) -> i32 {
  return 3 * x;
}

接下來你可以用下面的命令行編譯 Rust 的源代碼到WebAssembly的字節(jié)碼中。

$ cargo +nightly build --target wasm32-wasi --release

WebAssembly 字節(jié)碼文件是 target/wasm32-wasi/release/triple_lib.wasm

JavaScript 主機(jī)

我們使用 JavaScript 加載 WebAssembly 字節(jié)碼程序并調(diào)用它的函數(shù)。 由于大多數(shù)瀏覽器已經(jīng)支持 WebAssembly， JavaScript 實(shí)際上可以作為一個(gè)網(wǎng)頁運(yùn)行。

無須贅述，下面是 JavaScript 模塊的相關(guān)部分，用于加載、導(dǎo)出和調(diào)用 WebAssembly 函數(shù)。 完整的網(wǎng)頁源文件在這里。

<script>
  if (!('WebAssembly' in window)) {
    alert('you need a browser with wasm support enabled :(');
  }
  (async () => {
      const response = await fetch('triple_lib.wasm');
      const buffer = await response.arrayBuffer();
      const module = await WebAssembly.compile(buffer);
      const instance = await WebAssembly.instantiate(module);
      const exports = instance.exports;
      const triple = exports.triple;

      var buttonOne = document.getElementById('buttonOne');
      buttonOne.value = 'Triple the number';
      buttonOne.addEventListener('click', function() {
        var input = $("#numberInput").val();
        alert(input + ' tripled equals ' + triple(input));
      }, false);
  })();
</script>

可以看到 JavaScript 代碼加載了 WebAssembly 虛擬機(jī)的 triple_lib.wasm 文件， 導(dǎo)出其外部函數(shù)，然后根據(jù)需要調(diào)用這些函數(shù)。

將這個(gè) HTML 文件和 triple_lib.wasm 文件放在web 服務(wù)器上，你就可以訪問網(wǎng)頁，在網(wǎng)頁上輸入的任何數(shù)字會(huì)自動(dòng)乘以三。

那么字符串呢

現(xiàn)在你注意到了，這個(gè)例子并不是一個(gè) hello world。 WebAssembly函數(shù)計(jì)算數(shù)字，但不會(huì)像 hello world 那樣操作字符串。

這是為什么呢？ 我們將在下一個(gè)教程中回答這個(gè)問題，并給出一個(gè)真實(shí)的 hello world 示例。