前端3+1
bleach777
这个作者很懒,什么都没留下…
展开
-
前端3+1-18
html 题目:怎样在页面上实现一个圆形的可点击区域 答案: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2021-10-15 17:27:42 · 68 阅读 · 0 评论 -
前端3+1-17
html 题目:table的作用和优缺点 答案: 作用:写表格、布局(基本很少有人用了) 优缺点(特指使用table来布局):样式好控制,但不够灵活,维护麻烦 css 题目:sprites的原理和优缺点 答案: 原理:一种网页图片应用处理方式,即把多张图片整合成一张图片,用background-position来实现背景定位;解决图片载入缓慢问题 优点:减少http请求 缺点:可维护性差 js 题目:typeof(‘abc’)和typeof abc都能得出正确结果,那typeof时操作符还是函数 答案:是操原创 2021-10-15 16:47:06 · 49 阅读 · 0 评论 -
前端3+1-16
html 题目:元素的alt和title区别 答案: alt;当图片展示不出来,在图片展示位置显示的提示文字 title;定义元素的额外信息,当鼠标移上去时会有气泡提示这个信息;常见场景:为链接、图片等提供描述性提示信息 css 题目:margin边界叠加是啥意思;怎么解决 答案: 描述:在垂直方向上,兄弟元素、父元素和它的头尾元素,会出现margin重叠问题,即取重叠的margin值中的较大的一个生效 原因:早期的margin主要用于排版文字图片,重叠的设计是符合预期的;但这在现在显然是个bug 解决:原创 2021-10-15 15:56:19 · 65 阅读 · 0 评论 -
前端3+1-15
html 题目:h1和title、i和em、b和strong的区别 答案: title是浏览器tab栏的标题 h1是网页中的一级大标题 i和b是单纯的样式效果,斜体和加粗 em和strong除了样式效果,还有语义上的强调作用 css 题目:style标签写在body前和body后有何区别 答案: 加载顺序不同;由于浏览器是自上而下解析; 如果放在body前,在解析body中的dom树时,css的dom树已经解析完了,可以直接渲染上去 如果放在body后,在解析body中的dom树时还没解析css,因此先解析原创 2021-10-15 14:49:59 · 52 阅读 · 0 评论 -
前端3+1-14
html 题目:为啥html5只需要写<! DOCTYPE HTML> 答案: html4和html5基于的基准不同; html4是基于SGML(SGML是通用标记语言集合,包含HTML、XHML),如果不用DTD来声明渲染方式,让浏览器自由发挥,就变成了怪异模式 而html5不是基于SGML,就不需要DTD来声明渲染方式;但需要用DOCTYPE来声明渲染方式是标准模式而非怪异模式 css 题目:position:fixed在IOS下无效怎么办 答案: 原因:在IOS,当软键盘弹起时,fixed原创 2021-10-14 15:57:40 · 51 阅读 · 0 评论 -
前端3+1-13
html 题目:html5的form如何关闭自动补全 答案: 自动补全:当input聚焦时,会用之前填写过的内容自动补全 如何关闭:form标签加上:autocomplete=“off” css 题目:对::before 和 ::after,单冒号和双冒号的区别是啥;这2个选择器有啥作用 答案: 1、区别: 单引号:伪类;比如:hover :active这种 双引号:伪元素;必须要有content属性;(实际上现在:before和::before都等同于伪元素,前者是为了兼容ie) 2、作用 在元素前后新增原创 2021-10-14 14:53:32 · 54 阅读 · 0 评论 -
前端3+1-12
html 题目:常见的浏览器内核都有哪些?并介绍下你对内核的理解 答案: 内核一般分为渲染内核和JS内核 渲染内核即解释网页语法,渲染页面 JS内核即解释JS代码 目前常说的浏览器内核即渲染内核 主要内核有: Trident,ie GeKio,firefox Webkit,chrome(小于28)safari presto,opera(小于12) blink,chrome(大于28)opera(大于12)新版edge ...原创 2021-10-13 14:41:01 · 70 阅读 · 0 评论 -
前端3+1-11
html 题目:你对标签语义化的理解是什么? 答案: 1、语义化的标签,能让人一看就知道它的功能;比如header代表头部导航,rooter代表底部页脚等; 2、便于SEO维护,便于浏览器爬虫识别 css 题目:css常用的布局方式有哪些 答案: ...原创 2021-07-19 20:15:58 · 50 阅读 · 0 评论 -
前端3+1-10
html 题目:viewport常见设置都有哪些? 答案: <meta name="viewport" content="width: device-width, ..."> width;宽度;具体数值(比如600)or 设备宽度(device-width) height;高度;一般无用 initial-scale;初始缩放比例;具体数值(比如1.0) maximum-scale;允许用户缩放的最大比例;具体数值(比如1.0) minimum-scale;允许用户缩放的最小比例;具体数值(比如原创 2021-07-13 17:28:49 · 59 阅读 · 0 评论 -
前端3+1-9
html 题目:浏览器内多个标签页之间的通信方式有哪些? 答案: 1、缓存; 比如cookie、sessionStorage、localStorage等;有同源限制 2、使用window.postMessage; 可跨源; 语法: window.postMessage(data, target) data:要传递的数据,一般浏览器会自动的把这个数据序列化,所以什么数据都可传递;但有些浏览器不行,故最好还是用JSON.Stringify()处理一下再传递 target:要传递的目标窗口字符串,主要是协议+主机原创 2021-07-12 20:28:12 · 50 阅读 · 0 评论 -
前端3+1-8
html 同day4一样 css 题目:清除浮动的方式有哪些,原理是啥,有啥优缺点 答案: ps:为啥要清除浮动:子元素浮动后,脱离文档流,不再被父元素包裹,故父元素高度坍塌,无法由子元素撑开 1、手动给父元素要给高度;兼容性好,但自适应差; 2、触发父元素BFC,让内层子元素不影响外层父元素样式 给父元素:overflow: auto; 可能会出现滚动条 2、新增一个空元素清除浮动 新增了冗余的元素 <!DOCTYPE html> <html lang="en"> <hea原创 2021-07-12 19:58:18 · 41 阅读 · 0 评论 -
前端3+1-7
html 题目:iframe框架有啥优缺点 答案: 1、优点: 1-1、可以异步刷新,不用刷新整个页面,只刷新嵌入页面 1-2、可以封装一些公用的页面,提高代码复用性,比如导航栏 1-3、允许跨域,可以与页面不同源 ps:有些插入的第三方广告就比较使用iframe 2、缺点: 2-1、一个iframe就有自己的一套css、js,就意味着需要更多的请求开销 2-2、对浏览器搜索引擎不太友好,现在的搜索引擎爬虫还不能处理好iframe里面的内容,不利于seo优化 2-3、用户体验感差,比如用iframe嵌套的页原创 2021-07-11 18:28:34 · 51 阅读 · 0 评论 -
前端3+1-6
html 题目:label都有哪些作用?并举相应的例子说明 答案: 1、关联表单控件,比如: <!-- 点击性别-女,复选框就会被选中 --> <label for="sex">性别-女: <input id="name" type="checkbox" value="0"> 2、利用label"模拟"button来解决不同浏览器原生button样式不同的问题(为啥不直接用div写个button?) <input type="button" id="btn">原创 2021-07-11 17:24:18 · 58 阅读 · 0 评论 -
前端3+1-5
html 题目: 简述超链接target属性的取值和作用 答案: _self;默认值,在当前窗口的自身所处框架打开目标文档 _blank;在新窗口打开目标文档 _parent;在父框架打开目标文档(比如页面a,有个iframe1,嵌套了一个iframe2;则iframe1里的链接就会在iframe1打开) _top;在当前窗口的最顶层框架打开目标文档(比如页面a,分别嵌套了页面a本身-iframe1-iframe2;则iframe2的链接会在页面a本身打开) css 题目: CSS3新增伪类有哪些并简要描述原创 2021-07-11 16:45:41 · 39 阅读 · 0 评论 -
前端3+1-4
html html5的文件离线存储怎么用,原理是什么 1、sessionStorage;存储在浏览器缓存中,浏览器一关闭就被清除 2、localStorage;存储在浏览器缓存中,除非手动清除,否则不会被清除 3、web sql;客户端数据库 4、应用程序缓存;缓存网页相关资源,使得断网也能访问;需要使用manifest属性来开启缓存;只有缓存的配置文件更新了,应用缓存才会更新 ps:各个缓存大小限制 待补充 css CSS选择器有哪些?哪些属性可以继承 标签选择器 id选择器 class选择器 伪类选择器原创 2021-07-11 16:28:03 · 48 阅读 · 0 评论 -
前端3+1-3
html html全局属性有哪些 html全局属性即,html标签都能用的属性 class id style css 隐藏元素的方式有哪些 1、占位 visibility: hidden margin-left:-100% opacity:0 transform:scale(0) 2、不占位 display:none width:0;height:0;overflow:hidden; 3、对行内文本 text-ident:-99999px font-size:0 ...原创 2021-07-01 22:56:23 · 42 阅读 · 0 评论 -
前端3+1-2
html html的元素有哪些? 1、块级元素: html head title meta style script body p h1-h6 div hr ul,li form table,tr,th 2、行内元素 img label a span‘ td input textarea select button br b i strong em css css3有哪些新增特性 1、边框 border-radius-圆角 box-shadow-阴影 2、背景 background-size-背景尺寸 3、原创 2021-07-01 22:43:05 · 68 阅读 · 0 评论 -
前端3+1-1
html @import和link区别 1、link是html标签;@import是css语法 2、link在页面加载的同时加载;@import在页面加载之后加载 3、link无兼容性问题;@import不兼容ie5以下 4、link可以通过js动态引入;@import不行 css 圣杯布局和双飞翼布局是啥;有何区别;如何实现; 理解:两边固定,中间对浏览器变化而变化的三栏布局 区别:圣杯布局是父元素padding给左右让出位置;双飞翼布局是中间元素margin给左右让出位置 实现: <!DOCTYP原创 2021-06-30 22:56:48 · 88 阅读 · 0 评论