I have a dream:
I wake up after midday, take a coffee, open my laptop and get a working task for today.
I’m having fun solving assigned tasks or skipping them if I’m in a bad mood.
The next day I will got new, tailored exactly for me, task or two
…end of story
- Па, а почему Луна круглая, а Солнце треугольное? - Вообще-то Солнце это звезда, она тоже круглая, точнее шарообразная. А то что ты видишь в виде "треугольников" - это зеркала на орбите, которые отражают свет от звезды и направляют его на Землю. - А почему мы никогда не видим круглое Солнце? - Потому что между Землей и Солнцем расположен непрозрачный щит. - А зачем его туда поставили? - Не поставили, а запустили. Щит тоже летит по орбите, но постоянно находится между Землей и Солнцем. Построили его там чтобы контролировать температуру и управлять погодой по всей планете. - А как делали погоду до запуска щита? - А никак, было то жарко, то холодно. Вроде бы все зависело от "времен года", но я точно не знаю. - Все равно не понимаю, почему круглое Солнце совсем не видно? - Ха, в начале щит был частично прозрачный, количество света контролировали закрывая и открывая створки. Круг Солнца было видно, хотя и "в сеточку". Но теперь количество света на Земле полностью контролируется орбитальными зеркалами. А щит закрыли полностью. - Но створки остались? Их же можно как-то открыть? - Теоретически да, но думаю этого никогда не произойдет. Разве что отражатели Дневного Солнца выйдут из строя или потребуется дополнительный подогрев планеты. - Эх, вот бы такое случилось... - Не шути так! Как выглядит звезда по имени Солнце ты можешь посмотреть с любой орбитальной камеры.
6 июля 2020 года, Братислава, Словакия.
Copyright © KARPOLAN
Просто долго смотрел на полную Луну 🙂
По работе была задача уменьшить размер React приложения чтобы быстрее загружалось ©
Начиная с версии 16.6 в Реакте есть встроеный «ленивый загрузчик» модулей: React.lazy. Работает он пока неполноценно (только для export default компонентов и нет ServerSide рендеринга), но зато в «одну строчку» и подхватывается биледрами типа WebPack.
А вот добавление loading/fallback компонента в «одну строчку» разработчики забыли, пришлось написать свой HOC (High Order Component) для помощи стандартному React.lazy()
Встречайте withSuspense() для lazy loading компонентов в React:
| import React from 'react'; | |
| import { CircularProgress, LinearProgress } from '@material-ui/core/'; | |
| /** | |
| * Wraps the React Component with React.Suspense and FallbackComponent while loading. | |
| * @param {React.Component} WrappedComponent — lazy loading component to wrap. | |
| * @param {React.Component} FallbackComponent — component to show while the WrappedComponent is loading. | |
| */ | |
| export const withSuspense = (WrappedComponent, FallbackComponent = null) => { | |
| return class extends React.Component { | |
| render() { | |
| if (!FallbackComponent) FallbackComponent = <LinearProgress />; // by default | |
| return ( | |
| <React.Suspense fallback={FallbackComponent}> | |
| <WrappedComponent {…this.props} /> | |
| </React.Suspense> | |
| ); | |
| } | |
| }; | |
| }; | |
| … | |
| // Usage | |
| const lazySomeComponent = React.lazy(() => import('./xxx/SomeComponent')); | |
| export const SomeComponent = withSuspense(lazySomeComponent); | |
| export const SomeComponentWithCircularProgress = withSuspense(lazySomeComponent, <CircularProgress />); | |
| export const SomeComponentWithDiv = withSuspense(lazySomeComponent, <div>Loading…</div>); |
Пользуйтесь на здоровье 🙂
Решил протестировать различные решения для генерации статического пре-рендера aka «static cache» для новомодных SPA вебсайтов.
Платные решения типа «Mega SEO for Your SPA» — унылое гавно. Кому-то может и подойдет, но будет дорого и точно так же как у 1005000 других сайтов.
Проще всего сделано в react-snap — установил через npm, добавил «postbuild» скрипт и все как-то работает. Кстати, странное название для продукта если учесть что никакого отношения к React он не имеет и может билдить снапшеты к любому JS проекту.
Вот результат на примере внутренней старницы SPA на моем сайте Sea Battle by KARPOLAN. Если загляните в консоль, то увидите несколько ошибок…
Open Source «из коробки» ничего не гарантирует да и работает через пень-колоду… Даже react-snap глючит если задать «homepage» в package.json
P.S. В общем угробил очередную субботу 🙂
Наводил порядок в папке с исходникаи, наткнулся на «шедевры»:
{*************************************************************************} {********************** Function DeleteChar ******************************} {*************************************************************************} Function DeleteChar(PoleStr : String; Ch : Char ) : String; { Убирает символы Ch из String`a PoleStr } Var i,k : integer; Begin k:=1; for i:=1 to Length(PoleStr) do begin if PoleStr[k] = Ch then Delete(PoleStr,k,1) else inc(k) end;{for i:=1 to Length(PoleStr) do} DeleteChar:=PoleStr; End;{Function DeleteChar} {*************************************************************************} {************************ Function DateInv *******************************} {*************************************************************************} Function DateInv : String; { Возвращает Системную Дату в виде String. Формат : ГГГГММДД } { Специально для 'Уродских' Форматов, Например DBF(Тип Дата) } Var yy,mm,dd,ww : Word; sy,sm,sd : String[8]; Begin GetDate(yy,mm,dd,ww); Str(yy:4,sy); Str(mm,sm); Str(dd,sd); if mm < 10 then sm := '0' + sm; if dd < 10 then sd := '0' + sd; DateInv:=sy+sm+sd; End;{Function DateInv} {*************************************************************************} {*********************** Function StrComma *******************************} {*************************************************************************} Function StrComma(Nom : Extended; Digit,Comma : integer) : String;{ Перевод Числа В String} { Работает Аналогично Procedure Str(Nom:Digit:Comma,StrComma) } { Плюс вставляет разделительные ',' (1,121,123,231.124) } Var PoleStr : String; MaxLen,i : integer; Begin MaxLen := Digit + (Digit div 3); {Ширина поля Digits с учетом ','} Str(Nom:-1:Comma,PoleStr); PoleStr:=InsertComma(PoleStr); MaxLen:=MaxLen-Length(PoleStr); {Сколько пробелов добавить} if MaxLen > 0 then begin for i:=1 to MaxLen do PoleStr := ' ' + PoleStr; end;{if Length(PoleStr) < MaxLen then} StrComma:=PoleStr; End;{Function StrComma}
Отступы не по стандарту, зато коментарии и документацию я даже в «детстве» писал 🙂
Хуже чем проверка знаний на время может быть разве что выдача тестов с неправильными ответами 🙂
В принципе это одно и то же, так как когда спешишь выбираешь первый похожий на правду ответ, а не тот который правильный. На подумать времени не остается. Мозг не дает сосредоточиться, так как надо побыстрее переходить к следующему вопросу.
Почему этой фигней до сих пор страдают люди, особенно в IT, мне не понятно.
Не делайте так!
P.S. Я обычно отказываюсь от прохождения такого, но настойчиво попросили… Результат — половина ответов «в молоко» 🙂
Сделал англозычный блог на сабдомене blog.karpolan.com, буду перенесить туда только самое полезное или очень популярное.
Можете подписываться 🙂
Продлевал домены, обнаружил что у меня на DeepTown.com не доделаная поделка на WordPress. Я там когда-то тестировал всякие снипеты, кастомные типы постов, связи между ними…
В общем надо бы доделать, сейчас проверим как это все индексирутеся:
P.S. Какой только фигни у меня в загажниках не валяется…
Я тут по разным собеседованиям хожу, технические интервью регулярно прохожу…
Любимая задачка: перевернуть строку, посимвольно, задом на перед.
Я понимаю зачем это надо уметь делать на С/C++ без дополнительного выделения памяти когда каждый байт на счету…
Но на собеседовании по JavaScript? Это ж интерпретируемый (иногда не однозначно) язык, где мегабайты памяти утекают по мелочи!
Ну ок, сел и на бумажке написал примерно вот такое. Выпендрился, fat arrow function заюзал 🙂
const reverseStringByHalfLoop = (value) => {
const length = value.length;
const halfLength = Math.floor(length / 2);
let result = value.split('');
for (let i = 0; i < halfLength; i++) {
const char = result[i];
result[i] = result[(length - 1) - i];
result[(length - 1) - i] = char;
}
return result.join('');
}Этот код поставил в тупик интервьювера! Он даже начал проверять что будет если длинна строки нечетная…
Отвечаю: ничего не будет, средний символ сразу стоит на своем месте 🙂
Ёбушки-воробушки© Вот мы и дожились до программистов (более того интервьюверов) которые про алгоритмы вроде и слышали, вопросы на собеседованиях задавать умеют, но вот «стандартные ответы» на эти вопросы видят в первый раз.
Оказалось от меня ожидали JavaScript style ответа. Я потом загуглил, типа вот такого:
function reverseStringByArray(value) {
return value.split('').reverse().join('');
}Ладно, проехали…
Вот вам еще вопрос (точнее связка) который уже 2 раза встречал:
В общем очередная шизиловка 🙂 Если что, это делается это как-то так:
export const sumOfAllArgs = (...args) => {
return [...args].reduce((a, b) => a + b, 0);
}
let arr = [1,2,3,4,5];
sumOfAllArgs(...arr);Но я так и не понял зачем 2 вопроса об одном и том же? Скорее всего этим вопросам тоже 100 лет в обед, а раньше, до ES6 синтаксиса, решалось через proptypes или еще какую-то олдскульной JavaScript Magic.
В общем технические интервью это иногда забавно. Но качество специалистов удручает… Все знают SOLID и меряются кол-вом паттернов, а вот чужой код и best practices уже никто не изучает.
P.S. Да, я на старости подрабатываю программистом. Это прикольно, не дает мозгам засохнуть, ну и 30+ баксов в час это таки деньги 🙂
Что-то меня на приздниках пробило на по-программить. Раз такое дело, вот еще одна «поделка» и немного кода на JavaScript + React:
Играть в Крестики-Нолики прямо в браузере
Исходные коды игры Крестики-Нолики на JavaScript + React
Cо временем добавлю «всякой крастоты»: индикаторов, преключатель режимов PvP, PvE, Demo Mode и т.д.
KARPOLAN on Wordpress 