Takayuki Sato sttk

Window Properties Usages

In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified:

innerWidth
innerHeight
scrollX
scrollY
pageXOffset

Window Opening

A memo about opening a window of Web browsers.

API of window.open

var win = window.open(url, target, features)

{
  colors: {
    helpUsageTitle: 'title'
    helpUsageSyntax: '',
    helpUsageOption: 'option',
    helpUsageTask: 'task',
    helpOptionsTitle: '',
    helpOptionsName: '',
 helpOptionsAlias: '',

Javascript Prototype Pollution

Javascript prototype specification

// Not only Object but also other types. (Function, Array, String, Number, ...)
Object.prototype.prop1 = 1;
Object.prototype.func1 = () => 'Hello!';                                        

const obj1 = {};

The differences of behaviors of `isPlainObject`

(Node.js v0.11〜)

          PObject   PObj      lodash    @fav      
(1)       true      true      true      true      
(2)       true      true      true      true      
(3)       true      true      true      true      
(4)       true      true      true      true      
(5)       true      false     false     false

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>root font size</title>
	<style>
	div#d1 { background-color: #fdd; }
	div#d2 { background-color: #fbb; }
	div#d3 { background-color: #f99; }
	div#d1 > span { background-color: #99f; }


	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>scrollbar test</title>
	</head>
	<body>
	<script>
	var divTag0 = document.createElement('div');

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<style>
	html { font-size: 12px; }
	div.background-view { width: 1000px; height: 1000px; }
	div.print-area { position: fixed; top: 10px; left: 10px; padding: 10px; }
	</style>
	</head>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Window Scroll Size</title>
	<style>
	html { font-size: 12px; margin: 1px; padding: 2px; border: solid 3px red; }
	body { margin: 4px; padding: 6px; }
	body { width: 2000px; height: 2000px; }
	body { border: solid 6px blue; }

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>Window Size</title>
	<style>
	html { font-size: 12px; }
	div.fixed { position: fixed; left: calc(100% - 100px); top: 20px; }
	div.fixed > a { font-size: 14px; }
	</style>

Takayuki Sato sttk

Window Properties Usages

Window Opening

API of window.open

Javascript Prototype Pollution

Javascript prototype specification

The differences of behaviors of isPlainObject

The differences of behaviors of `isPlainObject`