ChenYong chenyong

## perspectiveProject.js
var
    projector = new THREE.Projector(),
    p3D = new THREE.Vector3(25, 15, 9),
    p2D;

p2D = projector.projectVector(p3D, camera);
p3D = projector.unprojectVector(p2D, camera);

//need extra steps to convert p2D to window's coordinates
p2D.x = (p2D.x + 1)/2 * window.innerWidth;

## count_utf8.js
/**
 * Function to fix native charCodeAt()
 *
 * Now, we can use fixedCharCodeAt("foo€", 3); for multibyte (non-bmp) chars too.
 *
 * @access public
 * @see https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/charCodeAt
 * @note If you hit a non-bmp surrogate, the function will return false
 * @param str String Mixed string to get charcodes
 * @param idx Integer Position of the char to get

## reset.js
console.reset = function () {
  return process.stdout.write('\033c');
}

## web-servers.md

      
              1 file
            
          
              939 forks
            
          
              236 comments
            
          
              5970 stars
            
          
                willurd
                / web-servers.md
            
            
              Last active
              June 24, 2024 11:36
            
              
                Big list of http static server one-liners
              
          
    Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.
Discussion on reddit.
Python 2.x

$ python -m SimpleHTTPServer 8000

  
## transducerfun.clj
(require '[clojure.core.async :as a])

(def xform (comp (map inc)
              (filter even?)
              (dedupe)
              (flatmap range)
              (partition-all 3)
              (partition-by #(< (apply + %) 7))
              (flatmap flatten)
              (random-sample 1.0)

## get-latest-tag-on-git.sh
# The command finds the most recent tag that is reachable from a commit.
# If the tag points to the commit, then only the tag is shown.
# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
# and the abbreviated object name of the most recent commit.
git describe

# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
git describe --abbrev=0

# other examples

## what-forces-layout.md

      
              1 file
            
          
              817 forks
            
          
              109 comments
            
          
              8120 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              June 22, 2024 12:14
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## wasm.md

      
              1 file
            
          
              7 forks
            
          
              3 comments
            
          
              36 stars
            
          
                cure53
                / wasm.md
            
            
              Last active
              October 17, 2023 00:16
            
              
                Calling alert from WASM
              
          
    Calling alert from WebAssembly (WASM)

This very simple and minimal tutorial documents in a few easy steps how to play with WebAssembly (WASM) and get first results within minutes.
While the code below is mostly useless, it will show, how to call the alert function from within a WASM file and thus demonstrate how to import and export DOM objects.
Of course, this exercise has no real use. It is just meant to show, that getting started with WASM isn't hard. And there is no need for a complex build-chain, tons of tools or a dedicated VMs. Just use a browser, one online tool and that's it.
And Now?


## error-handling-with-fetch.md

      
              1 file
            
          
              31 forks
            
          
              26 comments
            
          
              155 stars
            
          
                odewahn
                / error-handling-with-fetch.md
            
            
              Last active
              June 9, 2024 14:27
            
              
                Processing errors with Fetch API
              
          
    I really liked @tjvantoll article Handling Failed HTTP Responses With fetch().  The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code.  Most APIs, however, will generally return some kind of useful, more human friendly message in the body.
Here's a modification that will capture this message.  The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:
fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })


## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test App</title>
  </head>

  <style>
    html, body {
      height: 100%;
	var
	projector = new THREE.Projector(),
	p3D = new THREE.Vector3(25, 15, 9),
	p2D;

	p2D = projector.projectVector(p3D, camera);
	p3D = projector.unprojectVector(p2D, camera);

	//need extra steps to convert p2D to window's coordinates
	p2D.x = (p2D.x + 1)/2 * window.innerWidth;
	/**
	* Function to fix native charCodeAt()
	*
	* Now, we can use fixedCharCodeAt("foo€", 3); for multibyte (non-bmp) chars too.
	*
	* @access public
	* @see https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/charCodeAt
	* @note If you hit a non-bmp surrogate, the function will return false
	* @param str String Mixed string to get charcodes
	* @param idx Integer Position of the char to get
	console.reset = function () {
	return process.stdout.write('\033c');
	}
	(require '[clojure.core.async :as a])

	(def xform (comp (map inc)
	(filter even?)
	(dedupe)
	(flatmap range)
	(partition-all 3)
	(partition-by #(< (apply + %) 7))
	(flatmap flatten)
	(random-sample 1.0)
	# The command finds the most recent tag that is reachable from a commit.
	# If the tag points to the commit, then only the tag is shown.
	# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
	# and the abbreviated object name of the most recent commit.
	git describe

	# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
	git describe --abbrev=0

	# other examples
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Test App</title>
	</head>

	<style>
	html, body {
	height: 100%;