Chrome extensions for pro coders and time saving

-

Comments

Post a Comment

Popular posts from this blog

Understanding focal length and aperture | Become a photographer with Shubham Part-9

-
Image
1. What if focal length Focal length is the distance from the center of the lens to the imaging point 2. Focal length and aperture relation: The aperture is a fraction that describes the ratio of aperture (entrance pupil) diameter to focal length. 3. How to differentiate between lenses: Camera name itself says, like: Nikon 18-55mm f/3.5-5.6 AF-P. Maximum aperture is f/3.5 but it shifts gradually from f/3.5 at the wide end to just f/5.6 at the longer focal lengths. It can be identified by column as well, like:Nikon 50mm 1:1.4G(Max aperture f/1.4). Nows lets get into the details: 1. What is focal length: Focal length is the distance from the center of the lens to the imaging point (focal plane) where the light for the image is collected. When a lens is described as a "50mm lens," it is referring to its focal length. Different focal lengths create different levels of magnification and change the viewing angle of the resulting photograph. As the focal length value decreases, the ...
Read more

Timing tab of chrome dev tools

-
Timing breakdown phases explained Here's more information about each of the phases you may see in the Timing tab: Queueing (no-color, transparent, white ) . The browser queues requests when: The request was postponed by the rendering engine because it's considered lower priority than critical resources (such as scripts/styles). This often happens with images. The request was put on hold to wait for an unavailable TCP socket that's about to free up. The request was put on hold because the browser only allows  six TCP connections  per origin on HTTP 1. Time spent making disk cache entries (typically very quick.) Stalled/Blocking (grey) . Time the request spent waiting before it could be sent. It can be waiting for any of the reasons described for Queueing. Additionally, this time is inclusive of any time spent in proxy negotiation. Proxy Negotiation (grey): Time spent negotiating with a  proxy server  connection. DNS Lookup (Dark green) . Time spent p...
Read more

Array methods tips and tricks

-
shift and unshift arr.shift() – extracts an item from the beginning, arr.unshift(...items) – adds items to the beginning. splice:  The arr.splice(str) method is a swiss army knife for arrays. It can do everything: insert, remove and replace elements. arr.splice(index[, deleteCount, elem1, ..., elemN]) thisArg: Almost all array methods that call functions – like find, filter, map, with a notable exception of sort, accept an optional additional parameter thisArg. arr.find(func, thisArg); arr.filter(func, thisArg); arr.map(func, thisArg); // ... // thisArg is the optional last argument The value of thisArg parameter becomes this for func. concat: arr.concat(arg1, arg2...) argN: not always an array If an argument argN is an array, then all its elements are copied. Otherwise, the argument itself is copied. Eg: let arr = [1, 2]; alert( arr.concat([3, 4])); // 1,2,3,4 alert( arr.concat([3, 4], [5, 6])); // 1,2,3,4,5,6 alert( arr.concat([3, 4], 5, 6)); // 1,2,3,4,5,6 //one arg is an...
Read more