CSS+HTML+JS

26 мая 2021 г.

Network Filter expressions in Chrome DevTools

Keyword	Example
cookie-domain:	cookie-domain:.google.com
cookie-name:
cookie-path:	cookie-path:/images
cookie-value:
domain:	domain:*.com domain:example.com
has-response-header:	has-response-header:Access-Control-Allow-Origin
is:	is:from-cache is:service-worker-intercepted
larger-than:	larger-than:10k
method:	method:POST
mime-type:	mime-type:application/json
mixed-content:
priority:	priority:Highest
resource-type:	resource-type:image resource-type:other
scheme:	scheme:https
set-cookie-domain:	set-cookie-domain:.google.com
set-cookie-name:	set-cookie-name:__utma
set-cookie-value:	set-cookie-value:abc123
status-code:	status-code:204
url:	url:data:

To invert the rule, i.e. leave URLs that do not match, prepend it with minus sign, e.g. -is:from-cache means "all resources loaded not from cache".

Any other text leaves only URLs with that text somewhere in it (in path, query, etc.)

Examples:

larger-than:10k resource-type:image -domain:*.net
"all images not from *.net larger than 10 kilobytes"
is:from-cache resource-type:script
"cached scripts"

31 мар. 2021 г.

Performance mantra

Don't do it
Do it, but don't do it again
Do it less
Do it later
Do it when they're not looking
Do it concurrently
Do it cheaper

http://www.brendangregg.com/blog/2018-06-30/benchmarking-checklist.html

19 февр. 2021 г.

<body>
<script>
function makeURL(str) {
var blob = new Blob([str], { type: "text/html" });
return URL.createObjectURL(blob);
}
var ifr = document.createElement("iframe");
ifr.src = makeURL('<button onclick="parent.navigate()">Click me</button>');
document.body.appendChild(ifr);
var oldTiming;
function navigate() {
oldTiming = frames[0].performance.navigation;
ifr.src = makeURL('<button onclick="parent.doReload()">Now click me</button>');
}
function doReload() {
ifr.onload = function() { alert(oldTiming.type + " " + frames[0].performance.navigation.type); }
frames[0].location.reload();
}
</script>

1 дек. 2020 г.

Написание заимствованных слов

По правилам написания заимствованных слов нет единого мнения даже у профессиональных филологов. Например, филологи активно спорят, как правильно писать — блогер или блоггер. Для соблюдения принципа единообразия в текстах лучше использовать консенсусные варианты написания:

ВКонтакте или ВК (не Вконтакте).
Фейсбук, Facebook (не Фэйсбук).
Фронтенд (не фронтэнд и не фронт-енд или фронт-энд).
Бэкенд (не бэкэнд, не бекенд и не бек-энд).
Фреймворк (не фрэймворк).
YouTube (не Youtube, не ютуб), но ютуб-канал.
Флекс, флекс-контейнер (не флэкс).
JavaScript или JS (не Javascript).
Node.js (не node.js, NodeJS).
CodePen (не Codepen, не кодпен).
SEO (не СЕО, когда речь идёт о поисковой оптимизации). Но можно писать сеошник.
Лендинг (не лэндинг).
Слово интернет пишется с маленькой буквы (посмотри в интернете).
Веб-сайт (не web-сайт).
Онлайн (не он-лайн).
Офлайн (не оф-лайн, не офф-лайн).
URL (не урл).
Деструктуризация (не дестракчеринг).
Колбек (не коллбек, не колбэк и не коллбэк).
Рантайм (не runtime, не среда исполнения).
Изменяемость и неизменяемость (не мутабельность и не иммутабельность).
Markdown (не Маркдаун).

Руководство по оформлению текстов на Хекслете

Web-standards - словарь терминов

25 окт. 2020 г.

Uninstall bloatware on Samsung J7, Samsung J5 without root via adb

On phone: install App Inspector (669 kB) from Play Store
On phone: with the help of App Inspector find package names of apps you want to uninstall
On phone: enable USB debugging. Settings -> About phone -> Software information -> Tap on "Build number" seven times. Then Settings -> Developer options -> enable "USB debugging". Documentation
On computer: download and install Android SDK Platform Tools
Connect the phone to the computer with a USB cable, allow USB debugging
On computer: adb devices should show connected phone
adb shell pm list packages -f should show all installed packages
adb shell pm uninstall -k --user 0 <package name from step 2>
Example:
adb shell pm uninstall -k --user 0 com.samsung.ecomm.global.in

3 авг. 2020 г.

Tools for performance analysis in Node.js

node-tick-processor easy-to-install processor for the v8 profiler log
node-gcstats exposes stats about V8 GC after it has been executed
0x single-command flamegraph profiling
autocannon HTTP/1.1 benchmarking tool written in node, with support for HTTP pipelining and HTTPS
k6.io open source load testing tool and SaaS for engineering teams
why-did-you-render monkey patches React to notify you about avoidable re-renders (works with React Native as well)

3 июн. 2020 г.

Profiling JavaScript code with Linux perf command

Profile V8 internals on Linux:

$ perf record d8 --perf-basic-prof test.js

$ perf report

More examples: http://www.brendangregg.com/perf.html#Examples

Easy installation of V8 engine: https://www.npmjs.com/package/jsvu

26 мая 2021 г.

31 мар. 2021 г.

19 февр. 2021 г.

1 дек. 2020 г.

25 окт. 2020 г.

3 авг. 2020 г.

3 июн. 2020 г.