Введение
Привет всем, я Dasheng. В прошлый раз, когда я делал оценку книги по js, оценка была неплохой. Прежде чем делать css и node, я подробно порекомендую еще несколько книг. Я прочитал несколько книг дома сегодня в Национальный день. представитель
- Расширенное программирование на JavaScript [Красная книга]
- читы ниндзя на javascript
- JavaScript, которого вы не знаете [Маленькая желтая книга]
- Сущность языка JavaScript и практика программирования [зеленая книга]
- how javascript works
- 20 лет javascript (электронная книга сплетен)
Начнем с красной книги. Эта книга всегда была необходимой книгой для систематического изучения JS. По сравнению с третьим изданием, четвертое издание гораздо больше. Вся книга разделена на три основных модуля, а последний синтаксис используется Всесторонний путь., Национальный день и прочитал его подробно
- Синтаксис экмаскрипта
- основное содержание
- Расширенная операция
- Добавлены три главы: Iterator, Proxy Reflection и Promise.
- бом и дом
- API, связанные со средой размещения браузера
- javascript api
- связанный с js расширенный API
- Добавлены модули и рабочие потоки (веб-воркеры)
- Лучшие практики
Эта книга подробно строит систему знаний, необходимую для всего разработчика JavaScript, поэтому рекомендуется использовать эту книгу в качестве начала систематического обучения.После прочтения 2-3 раз, прочитайте другие книги по продвинутому и вертикальному js, время эффекта останется прежним.
Версия
У меня на руках всего 3 экземпляра из 234. Четвертое издание сменило автора. Оно по-прежнему прекрасно и систематично. Это по-прежнему самая большая особенность Красной книги. Опираясь на зимние книжные рецензии, самая большая особенность этой книги систематический учебник по интерфейсу. Его можно использовать в качестве учебного материала. В последние годы появилось много хороших книг по javascript, все из которых одноточечные. Рекомендуется использовать эту книгу для создания системы знаний для фронта -завершение разработки, а затем читать другие книги и фреймворки для создания интерфейсных программ.Основная конкурентоспособность сотрудников рекомендуется всем
Еще одной особенностью четвертого издания является то, что многие главы имеют QR-код, и вы можете отсканировать код, чтобы увидеть официальную интерпретацию этого раздела.Опыт хороший, но было бы лучше, если бы видео можно было заменить на большую девушку + показать свое лицо.
Ecmascript
Первые три главы
Связанная история первой главы рекомендует "20 лет javascript". Вторая и третья главы являются основами. Если у вас есть основы js, вы можете просто пролистать их. Стоит отметить, что вторая глава добавляет символы, а третья битовые операции главы, все они появляются в исходном коде vue3, а битовая операция связана сpatchFlag в комбинированном статическом теге для vue3а такжеEventFlag в исходном коде реакции, необходимо понимать, а сама битовая операция является лучшей практикой для обучения и исследования комбинированных разрешений, побитовых или авторизации, побитовых и проверяющих разрешений, в дополнение к пониманию исходного кода vue3 и реакции, мы также используем его при разработке компонентов
Переменная область видимости и память
Эта глава похожа на третье издание. В основном он в основном объясняет примитивные типы и типы ссылок, которые можно понять, что можно понять с диаграммой. Очень важно помочь нам понять параметр, за исключением того, что неопределенный, нулевой, логический, номер, строка, И символ являются примитивными значениями., Когда пропущено, это теневой клон, остальные являются ссылками или указывают на себя, а модификация будет иметь побочные эффекты
let obj1 = new Object();
let obj2 = obj1;
obj1.name = "lsp";
console.log(obj2.name); // "lsp"
Существует также запрос цепочки областей действия в сочетании с переменным продвижением, областью действия на уровне блоков и закрытием хаоса, которые являются любимыми письменными тестовыми вопросами многих интервьюеров Saobao.
Наконец, есть сборка мусора.Механизм немного напоминает "Dream Hunting Travel Notes".Смерть человека не имеет значения.После того,как все забудут,он будет очищен.То же самое и с переменными.Как чтобы использовать механизм сборки мусора для оптимизации вашего кода, книга Несколько подходящих предложений также приведены в
Встроенные ссылочные типы
Эти два в основном представляют различные встроенные типы данных, такие как Date, Regex, math и ссылочные типы коллекции arr, obj, set, map и т. д. Стоит отметить, что объяснение weakmap заставит всех понять vue 3. Понимание исходного кода полезно
Когда я увидел книгу, объясняющую, что слабый держится слабо, поэтому он не помешает сборке мусора, я рассмеялся, перевод все равно очень милый, а объяснение стереотипного массива в книге довольно хорошее.
итераторы, генераторы, объектно-ориентированные, прокси
Очевидным недостатком встроенного для цикла является то, что он должен знать, как итерацию. Итератор после ES6 - это решить эту проблему, и она ошибается без кода.
Это, вероятно, означает, что определен итерируемый протокол.Пока мы реализуем требования этого протокола, то есть указываем поведение ключа [Symbol.iterator], мы можем использовать его через итератор, не обязательно массив или объект.
Генератор также великолепен.Его можно приостановить внутри функции, то есть функции-генератора, определенной с помощью *.Когда внутри встречается yield, выполнение будет приостановлено до тех пор, пока не будет вызван следующий для возобновления выполнения.
Что касается объекта, я объяснил настраиваемые, перечисляемые, изменяемые и значения атрибуты данных объекта, которые соответствуют тому, можно ли удалить данные, можно ли получить к ним доступ через цикл for in, можно ли их изменить и фактическое значение. значение, и ввел ряд улучшений грамматики es6+, а затем подробно объяснил цепочку прототипов и наследование, также добавил грамматику класса es6, с небольшой желтой книгой, вы станете экспертом по связанным вопросам в будущем, и вы может поболтать и посмеяться с интервьюером.
Затем пришло время изучить Proxy и Reflect, которые необходимы для vue3.Необходимый ответ - прочитать книгу.После прочтения этой главы перейдите к изучению модуля реактивности vue3, чтобы закрепить его, и эффект будет лучше.
Функции и обещания
Тогда глава о функциях будет в основном знакома, большая часть контента знакома, и стоит обратить внимание на подсегмент рекуррентной оптимизации хвоста, затем самый тепловой - это самый тепловой период и асинхронная функция, включая базовое использование, синтетическая стратегия обещания, некоторые сторонние расширения и т. д.
По поводу перевода обещаний я говорил об этом в прошлой оценке.Я спрашивал хакс.Это комбинация будущее+обещание.Я тоже думаю переводить не надо,но если сделаю,я думаю назначение достаточно точное Когда-нибудь эти термины придется переводить, иначе английские слова в технических книгах будут все дальше и дальше
С помощью promise и async await мы можем писать более краткий и простой для понимания код, что также является обязательным навыком для современного интерфейса.Эта глава вместе с анализом обещаний из «Маленькой желтой книги» и «Зеленой книги» абсолютно необходим для продвинутых
Выше приведены спецификации языка js, а далее рекомендую всем обратить внимание на гитхаб tc39.Будет много дискуссий по новым грамматикам и разбираться в подноготной новых грамматик.Браузер stage3 в основном во-первых, и этап 2 - очень потенциальный день. Я сравниваю такие проблемы, какВременные дескрипторы событий,class fields
Умение наблюдать и даже участвовать на этапе языкового дизайна определенно является обязательным навыком для притворства.Здесь я рекомендую следовать одному из моих технических кумировhax, член комитета TC39
бом и дом
bom и обнаружение клиента
Затем идет среда браузера, так называемые бом и дом, бом мало представлен, все с ним знакомы, окно, навигация управления местоположением, навигатор понимает браузер, история оперирует историей просмотров и т. д.
Глава об обнаружении на стороне клиента в основном предназначена для оценки каждого браузера.Я рекомендую всем прочитать "JavaScript Framework Design" Ситу Чжэнмей, которая является наиболее подробной об обнаружении браузера, но в эту эпоху современных браузеров давайте рассмотрим это. содержание просто отлично
dom
Большая часть содержания этой части также является обзором, включая значение 12 чисел nodeType, общие операции с домом, также хорошо посмотреть на просветление дома в качестве обзорного материала.
Появился новый достойный внимания интерфейс MutationObserver, который может наблюдать за изменениями в dom, такими как изменения атрибутов и дочерних узлов, может записываться Это используется для мониторинга поведения пользователя и статистики производительности fmp, то есть когда первый экран Выходите, вы также можете установить вес различных элементов, например, вес видео высок, статистика показывает ключевую производительность обработки fmp сейчас, все это очень полезно API
Затем есть некоторые расширения, с которыми все знакомы, такие как querySelector, Стоит упомянуть об обходе DOM, Использование NodeIterator и TreeWalker может быть очень удобно для обхода DOM в глубину, а также api выбора диапазона, которые все стоят , прочтите, эти новые API могут оказать некоторое влияние на последующие реализации Vue и React в виртуальном доме.
Затем настало время просмотреть события.Содержимое о совместимости ie немного избыточно.В общем, все аспекты событий были представлены, спецификации dom2 и dom3, события интерфейса, события мыши, колесо прокрутки, клавиатура и синтетические события. . , сенсорные события и т. д. запутаны, но есть еще некоторые детали, которые не были представлены. Например, одноразовая конфигурация может быть запущена только один раз. Это то, что я знаю, только когда смотрю на исходный код vue3
Затем есть холст, введение webgl, сценарий формы и отладка обработки ошибок, обработка xml, эта часть третьего издания на самом деле ничего не говорит.
Javascript API
Остальные части вместе называются javascript api, которые в основном больше, чем третье издание.Настоятельно рекомендуется прочитать и понять
Например, глава 20 представляет собой набор новых сведений об API html5, кодировании, файлах, медиа-элементах, перетаскивании, уведомлениях, отображении и скрытии страниц, веб-компонентах.
Затем помимо xmlhttprequest и cross-domain в части сетевого запроса есть еще fetch api, beacon api и websocket
Хранилище на стороне клиента включает localstorage и indexdb в дополнение к файлам cookie.
На недавно добавленный модуль es6 стоит обратить внимание, объясняя историю развития модульной системы, но не говоря о seajs, который мне нравится, плохой обзор
В дополнение к модульному знанию системы самого ES6, также вводится скрипт внутри браузера.После добавления type = module он напрямую поддерживает синтаксис Import, это принцип Vue3, поддерживающий инструмент Vite, я написал одинСтатья с исходным кодом Vite, добро пожаловать на переезд, Перехватывая запросы на импорт для достижения инженерии, он может заменить статус веб-пакета в ближайшем будущем, поэтому давайте узнаем об этом в ближайшее время.
Затем есть веб-воркер, который транслируется в рабочие потоки. Лучше называть его теневым клоном. 囧, эта глава совершенно необходима. Большинство js-разработчиков не имеют понятия о многопроцессорности. Изучив это, мы будем знать, что нужно время, чтобы выполнить задачу по краже персиков, мы можем сделать это с внуком обезьяны обезьяны, не задерживая основной процесс, чтобы рассказать историю тыквенного ребенка, выпрыгивающего из камня с семью феями, такими как наша общая вопросы интервью, загрузка больших файлов и вычисление md5 файла.Использование webworker является более разумным сценарием
Последняя лучшая практика ни о чем не говорит.Это общая стратегия оптимизации.Эта часть просто введение.Позже вам нужно прочитать другие книги,чтобы увидеть продвинутый уровень.Рекомендация последнего фреймворка на самом деле включает устаревшие библиотеки,такие как mooltools , так что не читайте. , мне лучше сделать рекомендацию по современному инструменту в будущем
Суммировать
В целом, эта книга, безусловно, является важным справочником по интерфейсу. Опираясь на обзоры зимних книг, самой большой особенностью этой книги является систематическое руководство по интерфейсу. Его можно использовать для шагов. В JavaScript есть много хороших книг по последние годы. , все одна точка
Рекомендуется использовать эту книгу для создания системы знаний по фронтенд-разработке, а затем читать другие книги и фреймворки, чтобы повысить конкурентоспособность фронтенд-программистов.
Следующее уведомление Книга ниндзя и Маленькая желтая книга или javascript 20 лет
использованная литература
-
tc39 github.com/tc39
-
"Передняя переговорная комната" hax specialвоооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооо
-
Полная оценка книг по JavascriptНаггетс.Талант/пост/687771…
-
Адрес видеоверсии этой статьи приветствует Sanlianвоооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооооо