前端校招面试题目合集
最爱谭先森
愿归来仍是少年。
展开
-
前端校招面试题目合集-day10
block、inline、inline-block的区别。 参考答案 参考回答: block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。 inline元素设.原创 2020-07-14 19:47:31 · 490 阅读 · 0 评论 -
前端校招面试题目合集-day09
如何实现图片在某个容器中居中的? 参考答案 参考回答: 父元素固定宽高,利用定位及设置子元素margin值为自身的一半。 父元素固定宽高,子元素设置position: absolute,margin:auto平均分配margin css3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。 将父元素设置成display: table, 子元素设置为单元格 displ原创 2020-07-13 20:12:01 · 251 阅读 · 0 评论 -
前端校招面试题目合集-day08
cookie session区别 参考答案 参考回答: cookie数据存放在客户的浏览器上,session数据放在服务器上。 cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗 考虑到安全应当使用session。 session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能 考虑到减轻服务器性能方面,应当使用COOKIE。 单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cooki...原创 2020-07-11 12:23:14 · 217 阅读 · 0 评论 -
前端校招面试题目合集-day07
内联与块级标签有何区别? 参考答案 Html中的标签默认主要分为两大类型,一类为块级元素,另一类是行内元素,许多人也把行内称为内联,所以叫内联元素,其实就是一个意思。为了很好的布局,必须理解它们间的区别。 说说隐藏元素的方式有哪些? 参考答案 a、使用CSS的display:none,不会占有原来的位置 b、使用CSS的visibility:hidden,会占有原来的位置 c、使用HTML5中的新增属性hidden="hidden",不会占有原来的位置 为什么重置浏览器默认样式,如何.原创 2020-07-08 13:13:17 · 290 阅读 · 1 评论 -
前端校招面试题目合集-day06
你有哪些性能优化的方法? 参考答案 回答一: (1)、减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。 (2)、前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3)、用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。 (4)、当需要设置的样式很多时设置className而不是直接操原创 2020-07-06 21:47:44 · 257 阅读 · 1 评论 -
前端校招面试题目合集-day05
要动态改变层中内容可以使用的方法? 参考答案 innerHTML,innerText 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外原创 2020-07-05 21:41:35 · 288 阅读 · 1 评论 -
前端校招面试题目合集-day04
HTML5 废弃了哪些 HTML4 标签? 参考答案 HTML5 废弃了一些过时的,不合理的HTML标签: ·frame ·frameset ·noframe ·applet ·big ·center ·basefront HTML5 标准提供了哪些新的 API? 参考答案 HTML5 提供的应用程序 API 主要有: ·Media API ·Text Track API ·Application Cache API ·User Intera...原创 2020-07-04 19:17:03 · 237 阅读 · 0 评论 -
前端校招面试题目合集-day03
如何在页面上实现一个圆形的可点击区域? 参考答案 a、 map+area 或者 svg b、 border-radius c、纯 js 实现 需要求一个点在不在圆上简单算法、获取鼠标坐标等等 title与h3的区别、b与strong的区别、i与em的区别? 参考答案 title属性没有明确意义只表示是个标题, H1 则表示层次明确的标题,对页面信息的抓取也有很大的影响; strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络时: <strong> 会重读,而 &.原创 2020-07-03 16:47:32 · 220 阅读 · 0 评论 -
前端校招面试题目合集-day02
说说你对HTML语义化的理解? 参考答案 (1)什么是 HTML 语义化? <基本上都是围绕着几个主要的标签,像标题( H1~H6 )、列表( li )、强调( strong em )等等 > 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。 (2)为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构 : 为了裸奔时好看; 用户体验:例如title、 alt 用于解释名词原创 2020-06-30 20:16:00 · 637 阅读 · 0 评论 -
前端校招面试题目合集-day01
浏览器页面有哪三层构成,分别是什么,作用是什么? 参考答案 构成:结构层、表示层、行为层 分别是:HTML、CSS、JavaScript 作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。 HTML5的优点与缺点? 参考答案 优点: a、网络标准统一、HTML5本身是由W3C推荐出来的。 b、多设备、跨平台 c、即时更新。 d、提高可用性和改进用户的友好体验; ...原创 2020-06-28 14:27:36 · 640 阅读 · 0 评论