随笔分类 -  浏览器/html/css面试题

上一页 1 2 3 4 下一页
67.上下margin重合的问题
摘要：两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也有例外情况： 1、水平边距永远不会重合。 阅读全文
posted @ 2020-08-08 23:43 大牛半路出家 阅读(845) 评论(0) 推荐(0)
66.为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？
摘要：(1)为什么需要浮动据网上资料显示，以前提出浮动的概念主要是为了解决左边图片，右边文字的需求，后来浮动在网页的布局中应用比较广泛。我之前在学习网页设计时，针对于一个花店的导航页，存在许多的图片显示，而有效并且美观的布局样式极为重要，这时float属性就显得尤为重要。(2)什么时候需要清除浮动浮动的属 阅读全文
posted @ 2020-08-08 23:41 大牛半路出家 阅读(400) 评论(0) 推荐(0)
64.position跟display、overflow、float这些特性相互叠加后会怎么样？
摘要：一道面试题的分析总结： display属性规定元素应该生成的框的类型； position属性规定元素的定位类型； float属性是一种布局方式，定义元素在哪个方向浮动。 类似于优先级机制： position：absolute/fixed优先级最高，有他们在时，float不起作用，display值需要 阅读全文
posted @ 2020-08-08 23:38 大牛半路出家 阅读(442) 评论(0) 推荐(0)
63.display:none与visibility：hidden的区别？
摘要：display: none与visibility: hidden的区别很多前端的同学认为visibility: hidden和display: none的区别仅仅在于display: none隐藏后的元素不占据任何空间，而visibility: hidden隐藏后的元素空间依旧保留 ，实际上没那么简 阅读全文
posted @ 2020-08-08 23:31 大牛半路出家 阅读(203) 评论(0) 推荐(0)
60.为什么要初始化CSS样式
摘要：1.浏览器差异 不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异 2.提高编码质量 如果不初始化，整个页面做完会很糟糕，重复的css样式很多 阅读全文
posted @ 2020-08-08 23:28 大牛半路出家 阅读(215) 评论(0) 推荐(0)
58.用纯CSS创建一个三角形的原理是什么？
摘要：采用的是均分原理,把矩形分为4等份,这4等份其实都是边框 image.png 实现方式, 核心就是给块级元素设置宽高为0,设置边框的宽度,不需要显示的边框使用透明色; image.png 使用场景 使用场景一般都是做一些小图标,比如之前做的京东二维码 上面这种做法就是用两个大小一样的三角形重叠在一起 阅读全文
posted @ 2020-08-08 23:27 大牛半路出家 阅读(788) 评论(0) 推荐(0)
57.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？
摘要：弹性盒模型是c3规范的新的布局方式，该布局模型的目的是提供一种更加高效的方式来对容器的条目进行布局、对齐和分配空间。在传统的布局中，block布局是把块级元素在垂直方向从上向下一次排列的，而inline布局则是在水平方向来排列。弹性盒布局没有这样的内在限制，操作比较自由。 适用于移动端，在Andro 阅读全文
posted @ 2020-08-08 23:24 大牛半路出家 阅读(465) 评论(0) 推荐(0)
54、css选择器有哪些?哪些属性可以继承?优先级算法如何计算?新增的伪类有哪些？
摘要：一，css选择器： 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = "exter 阅读全文
posted @ 2020-08-08 23:23 大牛半路出家 阅读(276) 评论(0) 推荐(0)
53.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
摘要：⒈localStorage长期存储数据，浏览器关闭数据后不丢失； ⒉sessionStorage数据在浏览器关闭后自动删除； ⒊cookie是网站为了标识用户身份而存储在用户本地终端（Client Side）上的数据（通常经过加密）。cookie始终在同源的http请求中携带（即使不需要）都会在浏览 阅读全文
posted @ 2020-08-08 23:21 大牛半路出家 阅读(250) 评论(0) 推荐(0)
52.网页验证码是干嘛的，是为了解决什么安全问题
摘要：区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水 有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试 阅读全文
posted @ 2020-08-08 23:20 大牛半路出家 阅读(752) 评论(0) 推荐(0)
50.Canvas和SVG有什么区别？
摘要：canvas与svg都是可以在浏览器上创建图形，因此，在html5中感觉canvas和svg很相似，但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一看吧。 在说canvas与svg的区别之前， 阅读全文
posted @ 2020-08-08 23:19 大牛半路出家 阅读(441) 评论(0) 推荐(0)
48.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
摘要：一、Doctype作用是什么？<!DOCTYPE>声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分？它们有何意义？严格 阅读全文
posted @ 2020-08-08 23:17 大牛半路出家 阅读(353) 评论(0) 推荐(0)
46.iframe有那些优缺点？
摘要：iframe的优点： 1.iframe能够原封不动的把嵌入的网页展现出来。 2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。 3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码 阅读全文
posted @ 2020-08-08 23:14 大牛半路出家 阅读(291) 评论(0) 推荐(0)
45.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
摘要：在离线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储，如果已近访问过app并且资源已经立宪存储了，那么浏览器就会使用立宪的资源存储了，然后浏览器会对比新的mani 阅读全文
posted @ 2020-08-08 23:13 大牛半路出家 阅读(377) 评论(0) 推荐(0)
44.HTML5的离线储存怎么使用，工作原理能不能解释一下？
摘要：HTML5的离线存储怎么使用，工作原理能不能解释一下？ 1.在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件 原理： HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制（不是存储技术），通过这个文件上的解析清单离线存储资源，这些资 阅读全文
posted @ 2020-08-08 23:11 大牛半路出家 阅读(923) 评论(0) 推荐(0)
43.html语义化的理解
摘要：html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析； 在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 作者：李轻舟链接：https://w 阅读全文
posted @ 2020-08-08 23:07 大牛半路出家 阅读(318) 评论(0) 推荐(0)
42.如何进行网站性能优化
摘要：1、Content方面 减少HTTP请求：合并文件、CSS精灵、inline image 减少DNS查询： DNS查询完之前浏览器不能从这个主机下载任何文件、方法：DNS缓存、讲资源分布到恰当的数量的主机名，平衡并行下载和DNS查询 避免重定向 ： 多余的中间访问 使用AJAX缓存 非必须组件延迟加 阅读全文
posted @ 2020-08-08 19:34 大牛半路出家 阅读(234) 评论(0) 推荐(0)
41.从浏览器地址栏输入url到显示页面的步骤
摘要：基础版本（面试笔试） 浏览器根据请求的 URL 交给 DNS 进行域名解析，找到真实 IP 地址，向服务器发起请求； 服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、CSS、JS、images等）； 浏览器对加载到的资源（HTML、CSS、JS、images等）进行语法解析，建立相应的内 阅读全文
posted @ 2020-08-08 19:33 大牛半路出家 阅读(249) 评论(0) 推荐(0)
40、alt属性和title属性区别
摘要：alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值,而title是在图片正常加载鼠标划上去显示的值 阅读全文
posted @ 2020-08-08 19:31 大牛半路出家 阅读(214) 评论(0) 推荐(0)
39.前端需要注意哪些SEO
摘要：1.合理的title，description，keywords：搜索对三个的权重逐个减小，title值强调重点即可，重点词出现不要超过两次，而且要靠前，不同页面的title要有所不同。description把页面内容高度概括，长度合适，不要过分堆砌关键词，不同页面description有所不同，ke 阅读全文
posted @ 2020-08-08 19:30 大牛半路出家 阅读(205) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页