1. Опишите прогрессивное улучшение и плавную деградацию
изящная деградация (graceful degradation): Создайте полнофункциональный сайт с самого начала, затем протестируйте и исправьте его для браузеров.
прогрессивное улучшение (progressive enhancement): Начните с создания минимальных функций сайта, а затем продолжайте добавлять функции для каждого браузера.
2. Почему более эффективно использовать несколько доменных имен для запроса сетевых ресурсов?
Отделяйте запросы от статических и динамических и используйте разные серверы для обработки запросов для повышения эффективности; Превышая ограничение параллелизма браузера, существует определенное ограничение количества запросов под одним и тем же доменным именем в одно и то же время. Сохраните количество подключений основного доменного имени, тем самым улучшив использование полосы пропускания клиентской сети и оптимизировав отклик страницы.
3. Какие новые функции и элементы были удалены из HTML5?
1) Вкладка "Покраска"canvas;
2) для воспроизведения мультимедиаvideoа такжеaudioэлемент;
3) Локальное автономное хранилищеlocalStorageДолгосрочное хранение данных, данные не потеряются после закрытия браузера;
4)sessionStorageданные автоматически удаляются после закрытия браузера;
5) Элементы контента с лучшей семантикой, такие какarticle,footer,header,nav,section;
6) формы контроля,calendar,data,time,email,url,search;
7)webworker,websocket,Geolocation;
Удалены элементы:
1) Элементы чистой репрезентации:basefont,big,center,font,s,strike,tt2) Элементы, негативно влияющие на удобство использования:frame,frameset,noframes
4. В чем разница между display:none и visible:hidden?
То же самое: они оба делают элемент невидимым"
разница:display:none;элемент полностью исчезнет из дерева рендеринга и не займет места при рендеринге;visibility:hidden;Не приводит к исчезновению элемента из дерева рендеринга, элемент рендеринга продолжает занимать место, но содержимое не видно;display:none;Это ненаследуемый атрибут. Исчезновение узла-потомка вызвано исчезновением элемента из дерева рендеринга. Его нельзя отобразить, изменив атрибут узла-потомка;visibility:hodden;Это унаследованный атрибут, и исчезновение узлов-потомков происходит из-за наследования скрытых, путем установкиvisibility:visible;Позволяет отображать узлы потомков;
Изменение элементов в обычном потокеdisplayОбычно вызывает перестановку документа. ИсправлятьvisibilityАтрибут вызовет только перерисовку этого элемента;
Программы чтения с экрана не читаютdisplay:none;содержимое элемента; будет читатьvisibility:hidden;содержание элемента;
5. Как убрать зазор между строчно-блочными элементами в CSS?
Разрыв в том, как: разрыв сделан, чтобы изменить строку или возврат каретки, если метка или строка тега написана без пробелов, пробел не появится; Метод удаления: метод первый: Причина появления зазора между элементами, это пространство между элементами этикетки, зазор исчезнет пробелы убрал
<div class="itlike">
<span>lhh</span><span>lhh</span>
</div>
Способ второй:
использоватьHTMLМетка аннотации
<div class="demo">
<span>lhh</span><!--
--><span>lhh</span>
</div>
Способ третий: Отменить закрытие вкладки
<div class="demo">
<span>lhh
<span>lhh
<span>lhh
<span>lhh
</div>
Способ четвертый:
Использовать в родительском контейнереfont-size:0;Может устранить пробелы
<div class="demo">
<span>lhh</span>
<span>lhh</span>
<span>lhh</span>
<span>lhh</span>
</div>
.demo {font-size: 0;}
6. Тип входного тега
button,checkbox,file,hidden,image,password,radio,reset,submit,text