前端面试题
关注
分享
扫一扫
m0_51049889
这个作者很懒，什么都没留下…
展开
-
一：前端面试题；BFC相关知识
先占个位，之后补充。原创 2021-07-07 20:43:54 · 135 阅读 · 0 评论 -
一：前端面试题；水平垂直居中的方法（最全最详细）
如图所示，我们建立了俩个div，并给它们设置了俩个类，allCenter和allCenterChild分别是设置盒子垂直居中的俩个类，刚开始未加任何代码的效果如下图所示。第一种方法：使用flex布局在父级div上的居中class上添加如图所示效果就变成了下面的效果第二种：flex布局，父级使用display:flex，子级margin:auto如图所示：效果图：第三种方法：父级添加display：flex，子级添加align-self:center,margin:..原创 2021-07-07 20:31:08 · 734 阅读 · 0 评论 -
一：前端面试题；W3C盒模型和怪异盒模型
在标准盒模型下，width和height是内容区域即content的width和height。而IE盒模型或怪异盒模型显而易见的区别就是，width和height除了content区域外，还包含padding和border。原创 2021-07-07 17:54:27 · 239 阅读 · 0 评论 -
二：前端面试题；script标签的defer和async
如图所示，script 标签有2个属性 async（异步） 和 defer（推迟）；他们的功能是：async：他是异步加载，不确定何时会加载好；页面加载时，带有 async 的脚本也同时加载，加载后会立即执行，如果有一些需要操作 DOM 的脚本加载比较慢时，这样会造成 DOM 还没有加载好，脚本就进行操作，会造成错误。defer：页面加载时，带有 defer 的脚本也同时加载，加载后会等待 页面加载好后，才执行。...原创 2021-07-07 17:34:52 · 272 阅读 · 0 评论 -
一：前端面试题；DOCTYPE标签
HTML 5 <!DOCTYPE> 标签W3C上面的定义和用法<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。doctype 声明不属于 HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。在所有 HTML 文档中规定 doctype 是非常重要的，这样浏览器就能了解预期的文档类型。HTML 4.01 中的 doctype 需要对原创 2021-07-07 17:19:46 · 268 阅读 · 0 评论 -
一：前端面试题；html中的meta标签
meta 标签共有两个属性，分别是 http-equiv 属性和 name 属性。1. name 属性name 属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为 content，content 中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta 标签中 name 属性语法格式是：<meta name="参数" content="具体的描述">。其中 name 属性共有以下几种参数。(A-C 为常用属性)A. keywords(关键字)原创 2021-07-07 17:13:39 · 384 阅读 · 0 评论 -
一：前端面试题；img标签的title和alt属性
alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准浏览器不支持这个 功能了。工具原料；编辑器、浏览器一、alt属性1、alt是在图片不能正常加载时候显示的提示语，代码如下： 1 <imgsrc="eg_tulip.jpg"alt="上海鲜花港-郁金香"/> 2、运行结...原创 2021-07-07 17:07:43 · 999 阅读 · 0 评论 -
一：前端面试题；行内元素/块级元素，非替换元素/替换元素
块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度块级元素可以设置width,height属性.块级元素即使设置了宽度,仍然是独占一行.块级元素可以设置margin和padding属性.块级元素对应于display:block.------------------------------------------------------------------------------------------行内元素不会独占一行,相邻的行内元素会排列在同一行里,直原创 2021-07-07 17:01:38 · 279 阅读 · 0 评论