大家好，我是前端西瓜哥。今天带大家学习 img 元素和 background-image 属性的区别。img 是 HTML 元素，基本用法如下：<img src=".img.jpg" alt="图片描述" >background-image 则是一个 CSS 样式属性，用于设置元素的背 …
css sprite
麻烦大家点赞关注走一波哦~~~整理不易，谢谢啦~前端面试题整理面试面试目录$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 …
明明已经花费了很多时间在制作PPT，但是做出来的幻灯片看起来却还是丑丑的，其实你并没有比别人差多少，你缺的只是一些好用的PPT“外挂”神器。所以今天小编就给大家带来了几个好网站，希望有了它们，你能快速做出媲美大神作品的优质PPT~一、图片图标背景素材1、SplitshireSplitshire是一个拥有高清摄影图片素材的国外网站，里面的图片都是免费可商用的， …
css知识点回顾1.嵌入css代码的四种方式:1).内嵌模式:<a style = "width:80px;height:90px;" href = "http:www.baidu.com" target = "_blank">百度<a>2).内部样式<style>a{width:90px;height:90px;}< …