Phil Rajchgot philraj

## everything-i-know-about-routing.md

      
              1 file
            
          
              33 forks
            
          
              9 comments
            
          
              325 stars
            
          
                ryanflorence
                / everything-i-know-about-routing.md
            
            
              Last active
              April 4, 2024 19:06
            
          
    Everything I Know About UI Routing

Definitions


Location - The location of the application. Usually just a URL, but the location can contain multiple pieces of information that can be used by an app

pathname - The "file/directory" portion of the URL, like invoices/123
search - The stuff after ? in a URL like /assignments?showGrades=1.
query - A parsed version of search, usually an object but not a standard browser feature.
hash - The # portion of the URL. This is not available to servers in request.url so its client only. By default it means which part of the page the user should be scrolled to, but developers use it for various things.
state - Object associated with a location. Think of it like a hidden URL query. It's state you want to keep with a specific location, but you don't want it to be visible in the URL.


## change-sequence.js
if (action.toindex < 0) return state;
var olditem = state.get(action.index);
var newlist = state.delete(action.index).insert(action.toindex, olditem);
return newlist;

## what-forces-layout.md

      
              1 file
            
          
              810 forks
            
          
              106 comments
            
          
              8084 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 6, 2024 07:54
            
              
                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


## _description.md

      
              3 files
            
          
              7 forks
            
          
              8 comments
            
          
              35 stars
            
          
                andytlr
                / _description.md
            
            
              Last active
              August 1, 2023 08:02
            
              
                Convert SVG <polyline> to <path> so they can be animated with D3 etc.
              
          
    Convert SVG polyline to path

Replace all instances of <polyline with <path and points=" with d="M.
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
-<polyline fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" points="100.712,141.534 582.904,227.835 425.37,478.521
+
	if (action.toindex < 0) return state;
	var olditem = state.get(action.index);
	var newlist = state.delete(action.index).insert(action.toindex, olditem);
	return newlist;