azl397985856

code-pen-antd

A Pen by karl on CodePen.

License.

azl397985856

<div id="content">123</div>

azl397985856

Breadth First Search

Algorithm for searching graph-like data structures, one level at a time.

---

Step by Step

• Start a queue
• Check current node - if false, mark as visited, continue

azl397985856

本歌单由Listen1创建, 歌曲数：1，歌单数：1，点击查看更多

azl397985856

<svg viewBox="0, 0, 91, 94" class="warm-face">

	<image xlink:href="//yun.duiba.com.cn/h5/millionaire-custom/top-180118/assets/faces.png" width="3458" height="94" />

</svg>

.warm-face {

    position: relative;

azl397985856

function setCookie(cookieName,value,expiresTime,path){ 
	expiresTime = expiresTime || "Thu, 01-Jan-2030 00:00:01 GMT"; 
	path = path || "/"; 
	document.cookie=cookieName+ "=" +encodeURIComponent(value)+ "; expires="+ expiresTime+ "; path="+path; 
}

azl397985856

React Developer Tools

window.__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function () {}

import {
 disableReactDevTools

azl397985856

if ('storage' in navigator && 'estimate' in navigator.storage) {
	const {usage, quota} = await navigator.storage.estimate();
    console.log(`Using ${usage} out of ${quota} bytes.`);

	if(quota < 120000000){
        console.log('Incognito')
    } else {
        console.log('Not Incognito')
 }	

azl397985856

It seems he's doing something with header detection. I used Puppeteer to play around with the site and various configurations I use when scraping. In headless Chrome, the "Accept-Language" header is not sent. In Puppeteer, one can force the header to be sent by doing:

page.setExtraHTTPHeaders({ 'Accept-Language': 'en-US,en;q=0.9' })

However, Puppeteer sends that header as lowercase: accept-language: en-US,en;q=0.9

So it seems the detection is as simply: if there is no 'Accept-Language' header (case-sensitive), then "Headless Chrome"; else, "Not Headless Chrome".

azl397985856

import React, { Component } from 'react';
import { render } from 'react-dom';

// Get the position of the mouse relative to the canvas
function getMousePos(canvasDom, mouseEvent) {
  var rect = canvasDom.getBoundingClientRect();
  return {
    x: mouseEvent.clientX - rect.left,
    y: mouseEvent.clientY - rect.top
  };