Kyle Pflug kypflug

## edge-at-build-2020.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              7 stars
            
          
                kypflug
                / edge-at-build-2020.md
            
            
              Last active
              November 1, 2020 19:47
            
              
                Microsoft Edge @ Build 2020
              
          
      View edge-at-build-2020.md
  
      
    Microsoft Edge @ Build 2020
Live sessions, pre-recorded content, and interviews from Microsoft Build 2020.
Live Sessions
Moving the web forward with Microsoft Edge and Chromium, with Melanie Richards

Option 1: Tue, 5/19 @ 7:30PM PDT
Option 2: Wed, 5/20 @ 8:15AM PDT
Option 3: Thurs, 5/21 @ 1:45AM PDT


## Example-detection.js
(function (window) {
  document.addEventListener("DOMContentLoaded", function (e) {

    var supports = {
      srcset: false,
      currentSrc: false,
      sizes: false,
      picture: false
    };

## gist:83f14171abf29e1fb7a8
	var toggleGainState = function(elementId, elementClass, outputElement){
		var ele = document.getElementById(elementId);
		return function(){
			if (outputElement.gain.value === 0) {
				outputElement.gain.value = 1;
				ele.classList.remove(elementClass);
			} else {
				outputElement.gain.value = 0;
				ele.classList.add(elementClass);
			}

## Complex default parameter scope case Chakra handles properly
function fn() { return "outside" }
function outer(a = fn()) {
  function fn() { return "inside" };
  return fn();
}

outer(); // "outside"

## Complex default parameter scope that Chakra doesn’t yet handle
let x = "outside";
function outer(a = () => eval("x")) {
  let x = "inside";
  return a();
}

outer(); // "inside", should be "outside"

## functionsquare
function PhysicsEngine(global, foreign, heap) {
    "use asm";
    …
    // Function Declaration
    function square(x) {
        x = +x;
        return +(x*x);
    }
    …
}

## XPath example with IE-specific code.js
// code for IE
if (window.ActiveXObject || xhttp.responseType == "msxml-document") {
    xml.setProperty("SelectionLanguage", "XPath");
    nodes = xml.selectNodes(path);
    for (i = 0; i < nodes.length; i++) {
        document.write(nodes[i].childNodes[0].nodeValue);
        document.write("<br>");
    }
}

## css touch-action property
.disable300msDelay {
	touch-action: manipulation;
}

## media queries
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Media Queries Level 4 Demo</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;

## Windows 10 Phone UA String
Mozilla/5.0 (Windows Phone 10.0; Android 4.2.1; DEVICE INFO) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Mobile Safari/537.36 Edge/12.0
	(function (window) {
	document.addEventListener("DOMContentLoaded", function (e) {

	var supports = {
	srcset: false,
	currentSrc: false,
	sizes: false,
	picture: false
	};
	var toggleGainState = function(elementId, elementClass, outputElement){
	var ele = document.getElementById(elementId);
	return function(){
	if (outputElement.gain.value === 0) {
	outputElement.gain.value = 1;
	ele.classList.remove(elementClass);
	} else {
	outputElement.gain.value = 0;
	ele.classList.add(elementClass);
	}
	function fn() { return "outside" }
	function outer(a = fn()) {
	function fn() { return "inside" };
	return fn();
	}

	outer(); // "outside"
	let x = "outside";
	function outer(a = () => eval("x")) {
	let x = "inside";
	return a();
	}

	outer(); // "inside", should be "outside"
	function PhysicsEngine(global, foreign, heap) {
	"use asm";
	…
	// Function Declaration
	function square(x) {
	x = +x;
	return +(x*x);
	}
	…
	}
	// code for IE
	if (window.ActiveXObject \|\| xhttp.responseType == "msxml-document") {
	xml.setProperty("SelectionLanguage", "XPath");
	nodes = xml.selectNodes(path);
	for (i = 0; i < nodes.length; i++) {
	document.write(nodes[i].childNodes[0].nodeValue);
	document.write("<br>");
	}
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Media Queries Level 4 Demo</title>
	<style>
	body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;