React и JavaScript hints
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Добавил топик "Code Snippets" для готовящихся к кодинг интервью. Какие-то Snippets мои с leetcode. Пока с десяток выложил, еще перекопаю свои запасы и буду выкладывать по мере.
Если у кого есть интересные - давайте, я выложу тоже.
Типа такое:
https://www.alphaux.com/?id=527
Если у кого есть интересные - давайте, я выложу тоже.
Типа такое:
https://www.alphaux.com/?id=527
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
В snippets (javascript) добавлены:
binary tree height,
bubble sort,
fibonacci with memoization,
two sum: O(n) solution и brute force solution для разнообразия,
Moving average,
flip letters in a string,
Emails duplicates
На подходе: quick sort, merge binary trees
binary tree height,
bubble sort,
fibonacci with memoization,
two sum: O(n) solution и brute force solution для разнообразия,
Moving average,
flip letters in a string,
Emails duplicates
На подходе: quick sort, merge binary trees
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Скидал по-быстрому джаваскрипт снипет на тему "Merge 2 binary trees":
https://www.alphaux.com/?id=536
На подходе: sum of two linked lists
quick sort - в процессе. Стараюсь все делать сам - для своей же тренировки. В чужой leetcode стараюсь не смотреть
https://www.alphaux.com/?id=536
На подходе: sum of two linked lists
quick sort - в процессе. Стараюсь все делать сам - для своей же тренировки. В чужой leetcode стараюсь не смотреть
-
- Уже с Приветом
- Posts: 23804
- Joined: 05 Jul 2003 22:34
- Location: Брест -> St. Louis, MO
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
-
- Уже с Приветом
- Posts: 23804
- Joined: 05 Jul 2003 22:34
- Location: Брест -> St. Louis, MO
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
-
- Уже с Приветом
- Posts: 23804
- Joined: 05 Jul 2003 22:34
- Location: Брест -> St. Louis, MO
Re: React и JavaScript hints
Я думаю там просто надо включить "polyfills" чтоб заработало. Я больше по приколу..
Лучше водки — хуже нет! ©
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Да, я уже нашел это и тестирую polyfill для fetch - он в IE не работает. Спасибо огромное за сей "прикол" !!
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Спасибо: сделал polyfill для fetch и для URLSearchParams,
потестил на browserstack в Edge, вроде все работает. Щас буду возвращать кнопки навигации по топикам обратно - пока тестил нашел пару багов, временно поставил дефолтные кнопки.
Еще раз: огромное спасибо!
-
- Уже с Приветом
- Posts: 668
- Joined: 24 Dec 2015 07:50
- Location: Madison, WI
Re: React и JavaScript hints
Я захожу по ссылке https://www.alphaux.com/?id=536 и вижу "Merge two Binary Trees - full example"
Я кликаю Excuses from Work и ничего не меняется на экране - тот же example.
Я кликаю все остальные ссылки, и опять ничего не меняется.
Так делал несколько раз, думая, что просто баг в навигации. Потом догадался, что нужно кликнуть кнопку Get Hint, и тогда оно подсосёт хинт из текущего раздела. Как-то недружественно к пользователю. Логично, что если я кликаю Excuses from Work, я хочу увидеть хотя бы первый, сразу же - и мне в этом контексте уже точно не нужен пример с Merge two Binary Trees.
Я бы ожидал по клике на навигацию рандомный хинт сразу же из этого раздела; тогда кнопку можно было бы переименовать в Next hint или как-то так. Плюс я бы исключил из рандомной выборки те варианты, которые были недавно в истории. Был момент, когда я получал одинакоый хинт подряд, что не имеет никакого смысла.
History: неинформативно. Кликал несколько раз и получил 6 одинаковых записей с топиком "Excuse". Можно добавить всплывающую подсказку с началом сообщения над записью в history. Тогда, двигая мышку вдоль истории, можно быстро найти нужный вариант.
Я кликаю Excuses from Work и ничего не меняется на экране - тот же example.
Я кликаю все остальные ссылки, и опять ничего не меняется.
Так делал несколько раз, думая, что просто баг в навигации. Потом догадался, что нужно кликнуть кнопку Get Hint, и тогда оно подсосёт хинт из текущего раздела. Как-то недружественно к пользователю. Логично, что если я кликаю Excuses from Work, я хочу увидеть хотя бы первый, сразу же - и мне в этом контексте уже точно не нужен пример с Merge two Binary Trees.
Я бы ожидал по клике на навигацию рандомный хинт сразу же из этого раздела; тогда кнопку можно было бы переименовать в Next hint или как-то так. Плюс я бы исключил из рандомной выборки те варианты, которые были недавно в истории. Был момент, когда я получал одинакоый хинт подряд, что не имеет никакого смысла.
History: неинформативно. Кликал несколько раз и получил 6 одинаковых записей с топиком "Excuse". Можно добавить всплывающую подсказку с началом сообщения над записью в history. Тогда, двигая мышку вдоль истории, можно быстро найти нужный вариант.
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Супер! Это из тех комментов - мечт любого девелопера! Спасибо!!vdfs wrote: ↑27 Jun 2019 13:45 Я захожу по ссылке https://www.alphaux.com/?id=536 и вижу "Merge two Binary Trees - full example"
Я кликаю Excuses from Work и ничего не меняется на экране - тот же example.
Я кликаю все остальные ссылки, и опять ничего не меняется.
Так делал несколько раз, думая, что просто баг в навигации. Потом догадался, что нужно кликнуть кнопку Get Hint, и тогда оно подсосёт хинт из текущего раздела. Как-то недружественно к пользователю. Логично, что если я кликаю Excuses from Work, я хочу увидеть хотя бы первый, сразу же - и мне в этом контексте уже точно не нужен пример с Merge two Binary Trees.
Я бы ожидал по клике на навигацию рандомный хинт сразу же из этого раздела; тогда кнопку можно было бы переименовать в Next hint или как-то так. Плюс я бы исключил из рандомной выборки те варианты, которые были недавно в истории. Был момент, когда я получал одинакоый хинт подряд, что не имеет никакого смысла.
History: неинформативно. Кликал несколько раз и получил 6 одинаковых записей с топиком "Excuse". Можно добавить всплывающую подсказку с началом сообщения над записью в history. Тогда, двигая мышку вдоль истории, можно быстро найти нужный вариант.
По списку:
Да, хорошая мысль, сделаю обязательно, Сейчас как раз рефакторю навигацию по топикамчто если я кликаю Excuses from Work, я хочу увидеть хотя бы первый, сразу же - и мне в этом контексте уже точно не нужен пример с Merge two Binary Trees.
Согласен. Это моя кривая попытка пропроцессить скриптом несколько тыщ экскьюзов, которые собрались в виде имейлов. Это из Ms Outlook -> CVS - > json.History: неинформативно. Кликал несколько раз и получил 6 одинаковых записей с топиком "Excuse". Можно добавить всплывающую подсказку с началом сообщения над записью в history. Тогда, двигая мышку вдоль истории, можно быстро найти нужный вариант.
В итоге для пробы сделал пару сотен - большая половина там имеет сабжект "Excuse", что делает Хистори мало удобной, полностью согласен.
Насчет всплывающей подсказки - я сделаю на днях и посмотрим как будет выглядеть. по ходу собираюсь руками пофикасать сабжекты и добавить кейворды, чтобы сделать информативно у удоюнее искать.
Согласен. Я думал на эту тему, но у меня AWS serverless, без юзерских сессий, Dynamodb выдает лист всех рекордов, подходящих по критерий, а Lambda берет один из них рандомно и не в курсе что это уже встречалось.Плюс я бы исключил из рандомной выборки те варианты, которые были недавно в истории. Был момент, когда я получал одинакоый хинт подряд, что не имеет никакого смысла.
Посылать с клиента список всех ID хинтов, что уже были в качестве GET параметра и чтобы Lambda фильтровала результаты и по этому критерию?
типа:
Code: Select all
getHint?topic=javascript&keywords=blah1,blah2&history=1,2,3,4,5
И еще: огромное Спасибище за комменты!!
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Апдейт:
1. Заменил навигацию на основе картинок (Image Button Tiles) на простую навигацию типа Tabs
2. Сделал что если кликаешь на Tab топика - возвращает первый попавшийся Hint из этого топика (спасибо vdfs за коммент!)
3. Пофиксал в Excuses at work названия subjects (типа в половине сабжект был просто "Excuse") (снова спасибо vdfs за коммент! )
4. В процессе - добавить tooltip когда наводишь мышью на item в "History" / "My Hints"
1. Заменил навигацию на основе картинок (Image Button Tiles) на простую навигацию типа Tabs
2. Сделал что если кликаешь на Tab топика - возвращает первый попавшийся Hint из этого топика (спасибо vdfs за коммент!)
3. Пофиксал в Excuses at work названия subjects (типа в половине сабжект был просто "Excuse") (снова спасибо vdfs за коммент! )
4. В процессе - добавить tooltip когда наводишь мышью на item в "History" / "My Hints"
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Из апдейтов:
1. заменил Tabs, в которых отображалась History и My Hints, на кнопки с popups -- некоторые юзеры жаловались на то, что Tabs много места занимает и отвлекает.
Теперь количество добавленных хинтов в History и My Hints отображается в виде badge на кнопках.
2. Сделал внутренние кросс-линки между хинтами. Пример: хинты на тему Union, Intersection, Difference в структуре данных Set:
https://www.alphaux.com/?id=543
или типа Фибоначчи (brute force vs memoization):
https://www.alphaux.com?id=533
1. заменил Tabs, в которых отображалась History и My Hints, на кнопки с popups -- некоторые юзеры жаловались на то, что Tabs много места занимает и отвлекает.
Теперь количество добавленных хинтов в History и My Hints отображается в виде badge на кнопках.
2. Сделал внутренние кросс-линки между хинтами. Пример: хинты на тему Union, Intersection, Difference в структуре данных Set:
https://www.alphaux.com/?id=543
или типа Фибоначчи (brute force vs memoization):
https://www.alphaux.com?id=533
-
- Уже с Приветом
- Posts: 7884
- Joined: 05 Aug 2003 21:39
- Location: CA
Re: React и JavaScript hints
Апдейт:
1. добавил функционал для видео хинтов типа этого:
https://www.alphaux.com?id=3097642488951151
2. Обновил и добавил больше code snippets типа:
https://www.alphaux.com?id=7355457906215082
3. Работаю над функционалом custom buckets где будут уже отобраны интересные хинты, видео хинты и snippets по темам. Custom buckets можно будет самому создавать, дополнять, share и тд
4. Изменил генерацию ID - теперь это 16-ти значные числа, старые ID (типа https://www.alphaux.com?id=533) не рабочие.
5. Создал Chrome Extension (тестирует, пока не в паблик доступе), где можно самому создавать хинты в браузере - выделять текст, копировать видео линки и загружать мне на S3 bucket. Оттуда их подгружает AWS Lambda, проводит валидацию и вставляет в Dynamodb. Всегда актуальные и интересные хинты (по алгоритмам, межличностным отношениям, советам "за жизнь" и тд) - такие получают "expire: -1". Быстроживущие хинты (по современным фреймворкам и их текущим версиям) получают "expire: 365" - т, е через год они протухают автоматически, что избавляет от необходимости разгребать помойку неактуальных знаний типа как в jQuery добавить onclick на кнопку ))
1. добавил функционал для видео хинтов типа этого:
https://www.alphaux.com?id=3097642488951151
2. Обновил и добавил больше code snippets типа:
https://www.alphaux.com?id=7355457906215082
3. Работаю над функционалом custom buckets где будут уже отобраны интересные хинты, видео хинты и snippets по темам. Custom buckets можно будет самому создавать, дополнять, share и тд
4. Изменил генерацию ID - теперь это 16-ти значные числа, старые ID (типа https://www.alphaux.com?id=533) не рабочие.
5. Создал Chrome Extension (тестирует, пока не в паблик доступе), где можно самому создавать хинты в браузере - выделять текст, копировать видео линки и загружать мне на S3 bucket. Оттуда их подгружает AWS Lambda, проводит валидацию и вставляет в Dynamodb. Всегда актуальные и интересные хинты (по алгоритмам, межличностным отношениям, советам "за жизнь" и тд) - такие получают "expire: -1". Быстроживущие хинты (по современным фреймворкам и их текущим версиям) получают "expire: 365" - т, е через год они протухают автоматически, что избавляет от необходимости разгребать помойку неактуальных знаний типа как в jQuery добавить onclick на кнопку ))