第二章 面试题基础篇2.1 HTML面试题面试题：行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？block块级元素：div p h系列 ul ol liinline行内元素： a em i img inputvoid br面试题：页面导入样式时，使用link和@import有什么区别？link 是标签 @import是css提供的 @impor …
最新内容
通过上面的路径可以看出浏览器分为请求、传输、渲染三部分来实现用户的访问，本文就从这三个部分来浅析如何提升WEB前端性能。请求浏览器为了减少请求传输，实现了自己的缓存机制。浏览器缓存就是把一个已经请求过的Web资源拷贝一份副本存储在浏览器中，当再次请求相同的URL时，先去查看缓存，如果有本地缓存，浏览器缓存机制会根据验证机制（Etag）和过期机制(Last-M …
大家好，我是前端西瓜哥。今天带大家学习 img 元素和 background-image 属性的区别。img 是 HTML 元素，基本用法如下：<img src=".img.jpg" alt="图片描述" >background-image 则是一个 CSS 样式属性，用于设置元素的背 …
麻烦大家点赞关注走一波哦~~~整理不易，谢谢啦~前端面试题整理面试面试目录$HTML， HTTP，web综合问题1、前端需要注意哪些 SEO2、 <img>的 title和 alt有什么区别3、 HTTP的几种请求方法用途4、从浏览器地址栏输入 url到显示页面的步骤5、如何进行网站性能优化6、HTTP状态码及其含义7、语义化的理解8、介绍一下你 …
本次我把CSS中的重难点整理出来，总共54个核心知识点，供大家复习，希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点，同时也是面试必问的内容。因为涉及的内容较多，我分5篇内容发出来，好逐一进行让大家消化这些内容，本次我把前13-24个CSS重难点整理出来，具体内容如下：13、如何判断元素是否到达可视区域（图片懒加载原理）？14、link与@import …
HTMLHTML5语义化与新特性什么是HTML语义化？表示选择合适的标签（语义化标签）便于开发者阅读和写出更优雅的代码为什么要使用语义化标签？1). 在没有CSS样式的情况下，页面整体也会呈现很好的结构效果2). 更有利于用户体验3). 更有利于搜索引擎优化4). 代码结构清晰，方便团队开发与维护 HTML5新特性有哪些？1). 语义化标签2). 音视频处理 …
为了提高页面友好度，可以对网站代码进行优化。网站代码不仅可以加快页面显示速度，还可以降低页面占用服务器的存储空间，提高用户体验度。那么网站代码的优化要注意哪些点呢？解释性代码少用许多程序员习惯于在写代码时在别人无法理解的地方写注释。事实上，它们对搜索引擎没有任何意义，只是增加了页面代码的容量，这对网站没有任何好处，所以最好解释代码少用。图片调用代码优化为了美 …
作者：Tam Hanna 转发链接：https:www.creativebloq.comhow-to21-ways-to-optimise-your-css-and-speed-up-your-siteCSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高 …
项目性能优化UI库按需加载(打包)问题1. 问题剖析:当开发的项目需要引入第三方的UI组件库(antdmint-uielement-ui)的时, 需要会打包所有组件的js和css, 而项目中只使用了其中少部分组件. 使用按需打包实现只打包使用的组件, 从而减小打包文件大小1.2. 解决方案:下载bebel插件包: babel-plugin-component …
图中1, 2, 3, 4 表示优先级CSS 选择器及其优先级选择器格式优先级权重!important10000内联样式1000id 选择器#id100类选择器#classname10属性选择器a[ref=“eee”]10伪类选择器li:last-child10标签选择器div1伪元素选择器li::after1相邻兄弟选择器h1+p0子选择器ul>li0 …