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

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

5ba626b379994d53f7acf72a64f9b697 要素インスタンスは、toDataURL() とともに toBlob() メソッドをサポートするようになりました。 toBolb() は、base64 でエンコードされた文字列の代わりにエンコードされたバイナリ データを直接使用できるため、toDataURL() よりも効率的です。

• グローバル createImageBitmap() メソッドは、バックグラウンドで画像をデコードし、b2bb0af028da841b3c7eafea03412539

  <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 の変更ログ

  を読むことができます。