前端tips

你的名字 2022-08-09 15:55 202阅读 0赞

行内元素有哪些?块级元素有哪些?CSS的盒模型?  
块级元素：div p h1 h2 h3 h4 form ul  
行内元素: a b br i span input select  
Css盒模型:内容，border ,margin，padding  
  
  
前端页面有哪三层构成，分别是什么?作用是什么?  
结构层；主要指DOM节点；HTML/XHTML  
样式层；主要是指页面渲染；CSS  
脚本层：主要指页面动画效果；JS/AS  
  
  
CSS引入的方式有哪些? link和@import的区别是?  
内联 内嵌 外链 导入  
区别 ：同时加载  
前者无兼容性，后者CSS2.1以下浏览器不支持  
Link 支持使用javascript改变样式，后者不可  
  
CSS选择符号有哪些？  
标签选择符，类选择符，ID选择符。  
  
  
写出几种IE6 BUG的解决方法  
1.双边距BUG float引起的 使用display：inline；  
2.3像素问题 使用float引起的 使用dislpay:inline -3px  
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active  
4.Ie z-index问题 给父级添加position:relative  
5.Png 透明 使用js代码 改  
6.Min-height 最小高度 ！Important 解决’  
7.select 在ie6下遮盖 使用iframe嵌套  
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）  
  
标签上title与alt属性的区别是什么?  
Alt 当图片不显示是 用文字代表。  
Title 为该属性提供信息  
  
Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一  
  
  
什么是语义化的HTML?  
直观的认识标签 对于搜索引擎的抓取有好处  
  
  
清除浮动的几种方式，各自的优缺点  
1.使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）  
2.使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）  
3.是用afert伪元素清除浮动(用于非IE浏览器)  
  
IE和标准下有哪些兼容性的写法  
Var ev = ev || window.event  
document.documentElement.clientWidth || document.body.clientWidth  
Var target = ev.srcElement||ev.target  
  
  
ajax请求的时候get 和post方式的区别  
一个在url后面 一个放在虚拟载体里面  
有大小限制  
安全问题  
应用不同 一个是论坛等只需要请求的，一个是类似修改密码的  
  
  
闭包就是能够读取其他函数内部变量的函数。  
  
添加 删除 替换 插入到某个接点的方法  
obj.appendChidl()  
obj.innersetBefore  
obj.replaceChild  
obj.removeChild  
  
  
javascript的同源策略  
一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合  
  
  
超链接四个状态：  
a:link\{text-decoration:none ; color:\#666 ;\}  
a:visited \{text-decoration:none ; color:\#666 ;\}  
a:hover \{text-decoration:underline ; color:\#000 ;\}  
a:active \{text-decoration:none ; color:\#000 ;\}  
  
  
加载顺序不同，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。