igor-arkhipov

Вопрос 1

Проведите код-ревью вот такого кода:

<!DOCTYPE html>
<html>
  <head>
    <title>Сто голов - сто умов</title>
  </head>
  <body>
    <header class="header">Жара в шапку не нагребешь</header>

Приёмы оптимизации кода по скорости

Организационные

Культура разработки performance-first: https://tonsky.me/blog/performance-first/
Бюджет скорости: https://wp-rocket.me/blog/performance-budgets/
Performance mantra: http://www.brendangregg.com/blog/2018-06-30/benchmarking-checklist.html

Не зависящие от языка и его реализации

Rosetta Code - реализации задач на разных языках: http://rosettacode.org/wiki/Collections
Статьи по основным структурам данных:

Краткая характеристика:

У него много сторов и сторы могут зависеть друг от друга, а не один большой стор и селекторы. То есть он ближе к Эфектору, чем в Редаксу/MobX. Всё ради tree shaking.
Он ближе к стору прямых измений. В публичном API нет экшенов. Но всё-таки value = 1 на манер MobX запрещены — значения можно менять только через спец. методы. И в синхронизации состояния с сервером экшены есть (просто скрыты из публичного API).

Плюсы:

Может работать без Логакса, чисто как стейт-менеджер.
API специально создан, чтобы хранить в сторах бизнес-логику, чем разгружать компоненты и упрощать переносимость приложения между фреймворками.
От 157 байт (!) в вашем JS-бандле.
Расчитан на агрессивный tree shaking, чтобы в JS-бандле был только код того состояния, которые используются в текущих страницах.
Очень ленивый — сторы на которых никто не подписан выгружаются из памяти, а их бизнес-логика останавливается.

	/**
	* Moved to a new repository.
	* https://github.com/intrnl/firefox-revert-proton
	*/

	:root {
	--tab-min-height: 28px !important;
	--toolbarbutton-inner-padding: 6px !important;
	--toolbarbutton-outer-padding: 1px !important;
	--toolbar-start-end-padding: 1px !important;

	" for transparent background
	function! AdaptColorscheme()
	highlight clear CursorLine
	highlight Normal ctermbg=none
	highlight LineNr ctermbg=none
	highlight Folded ctermbg=none
	highlight NonText ctermbg=none
	highlight SpecialKey ctermbg=none
	highlight VertSplit ctermbg=none
	highlight SignColumn ctermbg=none

	bash: warning: setlocale: LC_CTYPE: cannot change locale (UTF-8): No such file or directory
	perl: warning: Setting locale failed.
	perl: warning: Please check that your locale settings:
	LANGUAGE = (unset),
	LC_ALL = (unset),
	LC_CTYPE = "UTF-8",
	LANG = "en_US.UTF-8"
	are supported and installed on your system.
	perl: warning: Falling back to the standard locale ("C").
	perl: warning: Setting locale failed.

	set noshowmode
	set noruler

	autocmd ColorScheme * highlight link ModeNFGC StatuslineNC
	autocmd ColorScheme * highlight link ModeNFGCS LineNr
	autocmd ColorScheme * highlight link ModeIFGC DiffAdd
	autocmd ColorScheme * highlight link ModeIFGCS DiffAdded
	autocmd ColorScheme * highlight link ModeRFGC Search
	autocmd ColorScheme * highlight link ModeRFGCS Repeat
	autocmd ColorScheme * highlight link ModeVFGC CursorIM

	// Modified from @mutsuda's https://medium.com/@mutsuda/create-an-ios-widget-showing-google-spreadsheets-data-856767a9447e
	// by @levelsio

	// HOW TO
	// 1) Make a Google Sheet, we'll pull the first cell e.g. A1
	// 2) Publish your Google Sheet, File -> Publish To Web
	// 3) Copy the SHEET_ID in the URL, put it in here below:
	const endpoint = "https://spreadsheets.google.com/feeds/cells/SHEET_ID/1/public/full?alt=json"
	// 4) Install Scriptable @ https://apps.apple.com/us/app/scriptable/id1405459188
	// 5) Copy this entire script in to Scriptable (tip: you can send it to your iPhone via Whatsapp/Messenger/Telegram etc)

	// ==UserScript==
	// @name HackerNews
	// @namespace http://tampermonkey.net/
	// @version 0.1
	// @description try to take over the world!
	// @author You
	// @match https://news.ycombinator.com/
	// @require https://bennettfeely.com/ztext/js/ztext.min.js
	// @resource REMOTE_CSS http://127.0.0.1:8080/style.css
	// @grant GM_xmlhttpRequest