Chrome 50 がリリースされましたが、どのような技術アップデートに注意を払う必要がありますか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:49:24
オリジナル
1320 人が閲覧しました

Chrome 50 バージョンがリリースされてから何日も経ちましたが、それによってもたらされる新機能の多くは注目に値し、そのうちのいくつかはエキサイティングなものです。見てみましょう:

ECMAScript/JavaScript:

RegExp Unicode タグ

ES6 は正規表現で u タグを使用して、より Unicode フレンドリーな機能と動作を実装します。 、絵文字記号などが使用できます。

// Match any symbol from U+1F4A9 PILE OF POO to U+1F4AB DIZZY SYMBOL.const regex = /[:hankey:-:dizzy:]/u; // Or, `/[\u{1F4A9}-\u{1F4AB}]/u`.  console.log(      regex.test(':dash:'), // false    regex.test(':hankey:'), // true    regex.test(':muscle:'), // true    regex.test(':dizzy:'), // true    regex.test(':speech_balloon:')  // false);
ログイン後にコピー

 詳細については、「ECMAScript 6 の Unicode 対応正規表現」を参照してください。

その他のよく知られたシンボル

5 つの新しい ECMAScript のよく知られたシンボルを追加しました

  •  Function.prototype[Symbol.hasInstance]、instanceof 演算子に使用されます。
  • RegExp.prototype[Symbol.match]、RegExp オブジェクトをマークするために使用され、inString.prototype。 match;
  • RegExp.prototype[Symbol.replace]、String.prototype.replace の場合;
  • RegExp.prototype [Symbol.search]、String.prototype .search の場合🎜>RegExp.prototype[Symbol.split] (String.prototype.split の場合)
  • 最後の 4 つのシンボルは、MyRegExpSubclass.prototype[Symbol.match] をオーバーライドすることで、マッチング コンテキストを変更するための RegExp のサブクラスとして使用されます。 ] など、開発者は String.prototype.match などのメソッドに対応するサブクラスの動作を変更できます。

その他の関連

Object.observer() は ECMAScript 標準によって削除されたため、サポートされなくなりました。プロキシ API に置き換えられました。
  • HTML5

Web アニメーション API の更新

他のブラウザとの一貫性を確保し、標準の互換性を向上させるために、次の API が追加されました:

Animation.prototype.id
  • cancelevent
  • Pause() メソッドは状態変更をサポートします
  • キーフレームの名前にはハイフンは使用できません。正しいメソッドです。キャメルケースの名前付け - 次のバージョンで実装される予定です。コンソールに警告が表示されます
  • 詳細な変更を確認するには、Chrome 50 の Web アニメーションの改善にアクセスしてください

プレゼンテーション API の更新

仕様上の理由により、PresentationConnection インスタンスの statechange イベントはサポートされなくなり、代わりに message、connect、close、および terminate イベントが実装されます。

Canvas update

要素インスタンスは、toDataURL() とともに toBlob() メソッドをサポートするようになりました。 toBolb() は、base64 でエンコードされた文字列の代わりにエンコードされたバイナリ データを直接使用できるため、toDataURL() よりも効率的です。
  • グローバル createImageBitmap() メソッドは、バックグラウンドで画像をデコードし、 上に描画できる ImageBitmap を返します。
  • 技術的な詳細については、こちらを参照してください。

HTTPS

X25519。とても抽象的な名前ですが、説明によると、OpenSSL は昨年すでにサポートされており、TLS をよりシンプル、より高速、より安全にすることができます。
  • Geolocation API は非 HTTPS Web サイトでは無効です
  • 非 HTTPS Web サイトでは無効です Application Cache API
  • 安全でない TLS フォールバック メカニズムはサポートされなくなりました。ただし、古い TLS バージョンはサポートされません。TLS 1.2 にアップグレードすることをお勧めします。
  • 次のバージョンでは、Chrome 51 は SPDY をサポートしなくなり、それを使用する Web サイトは HTTP/1.1 に移行することが推奨されます。 HTTP/2 を使用するには
  • NPN はサポートされなくなりました。NPN は SPDY をサポートするための TLS の拡張です。SPDY はサポートされなくなったため、これをサポートする必要はありません。 ALPN に置き換えられました。 詳細: NPN と ALPN の違い
  • その他の新機能

OSX の太字絵文字

絵文字では font-weight:bold を使用できます。それ以前は無効になります。

連続フォーカス ナビゲーションの開始点

うーん、この翻訳は一口です。シーケンシャル フォーカス ナビゲーションの開始点は HTML 標準で定義されており、フォーカスのない領域で Tab キーまたは Shift+Tab キーが押されたときに使用され、ブラウザはフォーカス可能な領域の検索を開始する必要があります。 これはアクセシビリティ機能とみなされ、Chrome がついにサポートしました。

preload

 これは非常に素晴らしいと思われます。これは、xhr としてのプリロード リクエストについてのみ説明しました。その後は、適切な形式を使用できます。
<link rel=“preload” as=“…”>  
ログイン後にコピー

 同時に、
<link rel=preload as=audio href=...> //<audio>  <link rel=preload as=video href=...> //<video>  <link rel=preload as=script href=...> //<script>, Worker's importScripts  <link rel=preload as=style href=...> //<link rel=stylesheet>, CSS @import  <link rel=preload as=font href=...> //CSS @font-face  <link rel=preload as=image href=...> //<img>, <picture>, srcset, imageset  <link rel=preload as=image href=...> //SVG's <image>, CSS *-image  <link rel=preload href=...> //XHR, fetch  <link rel=preload as=worker href=...> //Worker, SharedWorker  <link rel=preload as=embed href=...> //<embed>  <link rel=preload as=object href=...> //<object>  <link rel=preload as=document href=...> //<iframe>, <frame>  
ログイン後にコピー

もちろん、ここでは触れませんが、他にも小さな改善点があります。興味のある学生は、https://dev.opera.com/blog/opera-37/

から編集された Chrome の変更ログ

を読むことができます。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート