前端面试每日三题
文章平均质量分 58
量变引起质变
平平无奇前端练习生
一个刚自学前端的菜鸟,每天记录笔记,一起进步!!!
展开
-
纯CSS实现一个三角形加圆角三角形
效果图:代码如下(注释有大概思路):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0.原创 2021-08-30 16:59:13 · 1913 阅读 · 0 评论 -
前端面试题-4
哪些事件可以冒泡?不能冒泡的事件:abort(音频终止加载)、resize(调整窗口大小)、error(加载失败时)、load(已经加载时)、unload(正在被卸载时)、mouseenter.mouseleave、blur(失去焦点)、focus(获得焦点)。可以冒泡的事件:brforeinput、click、compositionstart、compositionupdate、compositionend、dblclick(双击)、focunsin、focusout、inputkeydown、k原创 2021-08-16 18:31:18 · 58 阅读 · 0 评论 -
前端面试题CSS-6
隐藏元素的方法有哪些?display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。 visibility: hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。 opacity: 0:将元素的透明度设置为 0,以此来实现元素的隐藏。元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。 position: absolute:通过使用绝对定位将元素移除可视区域内,以此来实现元素的隐藏。 z-index: 负值:来使其他元素遮盖住原创 2021-08-10 18:52:07 · 81 阅读 · 0 评论 -
前端每日三题HTML-5
script标签中defer和async的区别?如果没有defer或async属性,浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载。下图可以直观的看出三者之间的区别:其中蓝色代表js脚本网络加载时间,红色代表js脚本执行时间,绿色代表html解析。defer 和 async属性都是去异步加载外部的JS脚本文件,它们都不会阻塞页面的解析,其区别如下:执行顺序:多个带async属性的标签,不能保证加载的顺序;多个带de原创 2021-08-09 12:41:48 · 76 阅读 · 0 评论 -
前端面试题HTML-3
行内元素有哪些?块级元素有哪些?空元素有哪些?行内元素有:a b span img input select strong; 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p;空元素,即没有内容的HTML元素。空元素是在开始标签中关闭的,也就是空元素没有闭合标签:常见的有:<br>、<hr>、<img>、<input>、<link>、<meta>; 鲜见的有:<area&原创 2021-08-05 23:35:49 · 55 阅读 · 0 评论 -
前端面试题HTML-2
常用的meta标签有哪些?meta标签由name和content属性定义,用来描述网页文档的属性,比如网页作者、网页描述、关键词等,除了HTTP标准固定了一些name作为大家使用的共识,开发者还可以自定义name。常见的meta标签:charset:用来描述HTML文档的编码类型<meta charset = "UTF-8" />keywords:页面关键词<meta name = "keywords" content = "关键词" />desc原创 2021-08-04 21:56:41 · 83 阅读 · 0 评论 -
前端面试题HTML-1
src和href的区别两者都是用来引用外部的资源的,区别如下:src:表示对资源的引用,它指向的内容会嵌入到当前标签所在的位置。src会将其指向的资源下载并应⽤到⽂档内,如请求js脚本。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,所以⼀般js脚本会放在页面底部。常用在script、img、iframe标签。href:表示超文本引用,它指向一些网络资源,建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时,就会并⾏下载资源,不会停⽌对当前⽂档的原创 2021-08-02 19:04:49 · 65 阅读 · 0 评论