Takayoshi Kochi TakayoshiKochi

## query-slotted.js
function querySlotted(root, selector) {
  let slots = root.querySelectorAll('slot');
  let matched = [];
  slots.forEach((slot) => {
    matched = matched.concat(slot.assignedNodes().filter((el) => {
      return el.matches(selector);
    }));
  });
  return matched;
}

## html-modules-issue645.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              4 stars
            
          
                TakayoshiKochi
                / html-modules-issue645.md
            
            
              Last active
              March 27, 2019 04:45
            
              
                Summary of HTML Modules discussion
              
          
    HTML Modules summary (issue#645)

Initial: Jun. 28, 2017 / Last Update: Aug. 14, 2017
What is this?

This is the summary of the discussion happening for HTML Modules at webcoomponents#645.
There appear to be lots of diverse opinions, and I'll try to capture them, summarize and provide here for catching up with the discussion for all. Note that this document should never be considered official, complete or final. If anything is wrong or lost, please let @TakayoshiKochi know.

  
## shadow-v1-style-sharing.html
<!doctype html>
<html>
<body>
</body>
<script>
'use strict';
let host = document.createElement('div');

const numChildren = 10000;
for (var i = 0; i < numChildren; ++i) {

## deep-combinator-benchmark2.html
<!DOCTYPE html>
<body>
  <div id="root"></div>
</body>
<script>
'use strict';

if (window.testRunner) {
  testRunner.dumpAsText();
}

## querySelector-benchmark.html
<!DOCTYPE html>
<body>
  <div id="root"></div>
</body>
<script>
'use strict';

if (window.testRunner) {
  testRunner.dumpAsText();
}

## deep-combinator-benchmark.html
<!DOCTYPE html>
<body>
  <div id="root"></div>
</body>
<script>
'use strict';

if (window.testRunner) {
  testRunner.dumpAsText();
}

## Custom-Elements-in-Imports.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                TakayoshiKochi
                / Custom-Elements-in-Imports.md
            
            
              Last active
              September 3, 2019 13:58
            
              
                CEv1 in classic HTML Imports
              
          
    Custom Elements V1 in HTML Imports

This document describes how custom elements v1 work when they are defined or used in HTML Imports.
HTML Imports is currently implemented only in Chrome, and this document provides non-normative information about Chrome's implementation in M54 and later, for the reference of future works that tries to achieve similar functionality like HTML Imports.
Defining Custom Element in an imported document

As the global context window is shared with script running in an imported document, you can access the custom elements registry via window.customElements. This is straightforward and no different from the usage in a usual HTML document.

  
## blink-debugging-tips.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                TakayoshiKochi
                / blink-debugging-tips.md
            
            
              Last active
              March 31, 2024 19:16
            
          
    Trace

wtf/Assertions.h has BACKTRACE(), but it seems to fail to decode some symbols.
Chromium's base/debug/stack_trace.h works better at least on Linux. One caveat is
that unless explicitly add base.gyp:base in core.gyp, link fails on
component=shared_library(GYP) build.
Print debug

printf() is usable in Blink, but fprintf(stderr, ...) looks better if used with backtrace.

  
## focus.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                TakayoshiKochi
                / focus.md
            
            
              Last active
              June 7, 2021 14:52
            
              
                document.documentElement.focus()
              
          
    http://crbug.com/467043
IE11:
  (default)
  document.body.tabIndex = 0
  document.head.tabIndex = 0
  document.documentElement.tabIndex = 0
  
 document.body.focus() -&gt; work (regardless of tabIndex)


## functional.cc
#include <iostream>

int add1(int x) {
  return ++x;
}

int double2(int x) {
  return 2 * x;
}
	function querySlotted(root, selector) {
	let slots = root.querySelectorAll('slot');
	let matched = [];
	slots.forEach((slot) => {
	matched = matched.concat(slot.assignedNodes().filter((el) => {
	return el.matches(selector);
	}));
	});
	return matched;
	}
	<!doctype html>
	<html>
	<body>
	</body>
	<script>
	'use strict';
	let host = document.createElement('div');

	const numChildren = 10000;
	for (var i = 0; i < numChildren; ++i) {
	<!DOCTYPE html>
	<body>
	<div id="root"></div>
	</body>
	<script>
	'use strict';

	if (window.testRunner) {
	testRunner.dumpAsText();
	}
	#include <iostream>

	int add1(int x) {
	return ++x;
	}

	int double2(int x) {
	return 2 * x;
	}