HTML部分问题汇总
列举一些块级标签和行内标签(越多越好)
块级：div h1-h5 nav ul li ol dt dd dl
行内：span em/i s/del u/ins b/strong lable
行内块：img input 表单大部分标签
标签的四大通用属性是什么?分别的作用是什么?
Class .class设置样式 可以设置多个元素
Id 作为锚点的目标 结合css使用 #id名设置样式 更像身份证号,一个页面不能出现相同的id
Style 在标签上面设置样式 任何标签都可以
Title 鼠标提示文字
a标签的四个作用分别是什么?以及功能阐述
跳转页面,回到顶部,锚点,下载
什么是语义化标签?有什么作用?
是浏览器和搜索引擎只管的认识标签和属性的用途和作用 页面结构更清晰是文档更具有可读性 每个标签都有自己独特的含义
meta标签都能干嘛?作用分别是什么
提供文档字符集,使用语言,坐着等基本信息,还涉及对关键词和网页等级的设定
表单中的name属性是干嘛的?
提交表单
如果表单中有文件域,如何实现文件上传?需要修改哪些地方?
表单默认提交方式 application/x-www-form-urlencoode不能提交文件
是以字符串url编码的方式进行提交 但是这种方式不能用于文件上传
首先把enctype改为multiple/form-data
再把method属性改为post提交
Html中如何提高页面性能’’
尽量使用语义化标签,减少使用无语义化标签
减少http请求 减少dom元素的数量
从页面中剥离javaScript与css
阐述主流的浏览器内核分别是什么
Ie浏览器内核:Trident 内核,也是俗称的IE内核
Chrome浏览器内核:统称为Chromium内核Chrome内核,以前是Webkit内核现在是Blink内核
Firefor浏览器内核 Gecko内核 俗称firfox内核
Safari浏览器内核:webkit内核
Opera浏览器内核:最初是自己的presto内核,后来是webkit,现在是blink内核
xhtml和html有什么区别
Xml格式的文件他的标签可以自定义,
Xml一般没有单标签,只有双标签,html是规定死的,自带页面效果
Xml不是用来渲染页面的,而是储存数据的,重点强调标签内部的内容
Xml格式比较古老,兼容性好
CSS部分问题汇总
阐述CSS的三种引入方式以及优先级
行内>内嵌>外链
CSS选择器有哪些?权值分别是多少?
!Important>行内>id>class>标签选择器>通用选择器>默认样式
阐述CSS三大特性(层叠 继承 优先级)
继承性: 所有关于文本设置的,都会被继承
a标签不会继承文字颜色
h系列标签,不要去继承文字大小
说一下伪类选择器的使用顺序
Lvha
link:未被访问
visited:访问后
hover经过
active 鼠标按下
background背景属性都有哪些 ?以及连写的时候要注意什么
background-color 设置背景颜色
Background-image 设置背景图
Background-repeat 表示图片是否平铺
Background-attachment 背景图是否固定或者随着页面的其余部分滚动
Background-position/background-size 背景图设置初始位置/设置背景图片大小
阐述盒子模型
盒子宽高=盒子本身宽高+padding+border
margin使用的时候注意点有哪些?
边框塌陷:当父元素没有上边框是子元素添加margin-top会带着父元素一起下沉
解决方式:
1:给父元素添加一个透明边框
2:块级格式上下文:overflow:hidden(父元素添加)
margin的合并现象,相邻的地方同时使用了外边框,只取较大的那个外边距值
3.行内元素不生效
padding使用时候注意点有哪些?
Padding 内边距的设置会撑大盒子本身的大小
Padding 不会撑大继承的盒子宽度
什么是边框塌陷?如何解决?
阐述一下什么是标准文档流
块级从上到下,行内从左到右
浮动如何设置?以及清除浮动的四种方式?
Float:left/right
1,父元素添加高度
2,父元素overflow:hidden
3,额外元素添加法
.clearfix{
Display:block;
Clear:both;
Visivility:hidden;
Width:0;
Height:0;
Line-height:0;
}
4.伪元素清除
.clearfix:after{
Content:””;
Clear:both;
Visibility:hidden;
Width:0;
Height:0;
Line-height:0;
}
rgba()和opacity的透明效果有什么不同？
Rgba():只会对着当前设置的元素进行透明度变换,不会带着子元素或者背景色一起变换
Opacity:会给当前元素以及内容是所有内容一起变透明
CSS中隐藏盒子有几种方式?请表述分别是否占位问题
不占位:
display:none
Width:0;height:0;
占位:
visibility:hidden;
Opacity:0;
Margin-left:-5000px;
CSS中position定位属性分别都是什么?有什么区别?分别按照什么定位?
相对定位 占位不脱标 相对于自身位置定位
绝对定位 不占位脱标 相对于离自己最近有定位的元素
固定定位 不占位脱标 相对于浏览器窗口
关于CSS中浏览器前缀有哪些?分别对应哪个浏览器
-web-kit- 谷歌 -moz- 火狐 -o-欧朋 -ms- ie
Line-height行高在什么情况下会失效
父元素高度为百分比时,设置不生效
如果设置font-size时line-height写在后面
你自己认为的CSS性能优化有哪些?
避免后代选择器 避免链式选择器 使用紧凑的语法 避免不必要的重复 避免!Important
尽可能的精简
CSS精灵是什么? 优点有什么?为什么要使用CSS精灵?
把多个小图片统一放到一张大图上,利用background-position实现只显示一部分的图片效果
类似于ps抠图,但又不是真正的扣下来
提高网络加载速度,因为小图片过多,会有太多次请求
CSS中颜色取值有哪些?
单词 rgb rgba 十六进制
块级元素,行内元素,行内块元素之间有什么区别?
块级:独占一行,可以设置宽高,默认又宽没高
行内:在一行内显示,不可以设置宽高,默认有高度没宽度,高度默认一个字体的高度
行内块:在一行内显示,可以设置宽高
线性渐变与径向渐变的用法
线性渐变:background-image:linear-gradient();
径向渐变:background-image:radial-gradient();
盒子绝对居中如何实现?
使用子绝父相
Position:absolute;
Top:50%;
Left:50%
Teansform:translate(-50%,-50%)
Position:absolute
Top:0;
Left:0;
Right:0;
Bottom:0;
Margin:auto;
Position:absolute
Left:50%
Top:50%
Margin-left=-width/2
Margin-top=-height/2
为什么要初始化样式?
浏览器差异 不同浏览器对有些标签的默认值是不同的,如果没对css初始化会出现浏览器之间的页面显示差异
提高表那质量 如果不初始化,整个页面做完全很糟糕,重复的css样式很多
CSS中link和@import的区别是?
从属关系区别
加载顺序区别
兼容性区别
Dom可控性区别
JavaScript问题汇总
JS的引入方式有几种? 区别在哪里?
内嵌,外链,行内
JS数据类型有哪些?
基本数据类型 string number boolean null undefined
引用数据类型 object function math date
JS的三大核心是什么?
ECMAscript 描述了该语言的语法和基本数据类型
DOM 文档对象模型,使用内置的api接口操作页面上的页面元素
BOM 浏览器对象模型 描述与浏览器进行交互的方法和交互
JS中将字符串解析成整数的方法有哪些?有什么区别?
Number() 只能解析纯数字的字符串
parseInt() 如果字符串的第一个字符是数字则继续往下解析遇到非数字停止返回已解析的数字
如果第一个字符就是非字符则直接停止返回NAN
parseFloat() 同上不过可以解析一个小数点
==和===有什么区别?
== 如果不是相同类型先尝试装换为同一类型 在比较
===如果数据类型不相同直接返回false
JS创建数组有几种方式?分别是什么
Var arr=[] 字面量创建
Var arr=new Array() new对象创建
JS中数组的方法有哪些? (英文名) (至少说7种,参数怎么使用也要说)
Indexof push unshift shift pop concat join sort reverse slice splice
遍历数组有哪几种方式? 那五个遍历数组的方法是什么?分别都有什么区别?
Foreach
Filter
Map
Some
Every
清空数组有哪几种方式? 推荐使用哪种?
Arr=[]
Arr.length=0
Arr.splice(0)
推荐arr=[]
阐述一下冒泡排序原理,以及四次优化如何做
内循环减1
外循环减1
内循环-i
开闭原则
阐述回调函数的使用,以及作用是什么?
回调函数是一个函数作为参数穿给另一个函数,他在主体函数执行完后执行
阐述一下面向对象和面向过程的概念
一切皆对象 面向过程是面向每一个步骤 面向对象是将这些步骤封装起来
给一个对象,强调对象的调用功能从执行者变成指挥者
对象创建有哪几种方式?优缺点是什么?
字面量和new方法创建每次绑定属性和方法,
工厂函数和构造函数创建出来的对象类型不太明确
new关键字和this关键字分别代表什么?作用是什么?都在哪使用的?
New的四个作用
开辟内存空间 储存新创建的对象
把this设置为当前对象
执行内部代码,绑定属性和方法
返回新创建的对象
你是怎么理解构造函数的?
构造函数本质就是一个函数,只不过构造函数的目的
是为了创建新对象,为新对象进行初始化
构造函数和普通函数有什么区别
构造函数首字母大写
构造函数this指向新创建的对象,普通函数this指向window
普通函数用函数名()调用 构造函数.函数名()
属性绑定的方式有哪些?
对象.属性名=属性值
对象[变量或字符串]=属性值
阐述一下变量提升和函数提升
变量提升:只提升函数名,不提升函数值
函数提升:提升整个函数
在js中作用域有哪些?区别是什么?
全局作用域和局部作用域
说一下json对象和json字符串区别是什么?分别怎么使用的
Json对象:可以使用对象.属性调用
Json字符串:把json对象用双引号引起来
Json对象->字符串 JSON.stringify()
Json字符串->json对象 JSON.parse()
说几个js的内置对象(至少3个),以及作用
Math() Date string array
数组去重的方法有哪些?阐述原理即可
indexOf
排序比较删除
每一项和所有本身以外的所有项比较
如何实现字符串翻转?
DOM问题汇总
JS都有哪些事件?(至少说10种 英文)
Onclick onmousseover onmouseout onkeydown onkeyup onfocuse onblur onload
Onmouseenter onmouseleave onmouseinput
InnerHTML和innerText的区别
获取时innerhtml获取包含标签在内的是所有内容innertext只获取标签内的文本内容
设置时 innerhtml会渲染标签 innertext不会渲染标签
如何操作标签的属性?方法是什么?
增加:setattribut(‘属性名’,’属性值’)
删除:节点对象.removeAttrbute(‘属性值’)
查:节点对象.getattribute(;属性名)
改:节点对象.setattrbute(‘属性名’,属性值)
nodeType,nodeName和nodeValue的区别?
Nodetype 节点类型 元素1 属性2 文本3 注释 8 文档 9
Nodename节点名称标签名大写
NodeValue 节点的值 元素节点值为null 属性节点的你的value是属性的值
JS设置元素样式有哪几种方式?
元素.style.属性名
元素.classname=类名
Setattribute(‘class’,类名)
元素.style.cssText=’属性名:属性值’
Classlist.add
JS中创建节点的方式有哪几种?放到页面上的方式有那种?
Document.createelement(’标签名’)
父节点.innerHtml(``)
JS中给元素绑定事件大的方法有几种?兼容性如何写?
Addeventlistener(不带on的事件名称,事件驱动函数,布尔值)
Onclick
JS中解绑事件的方法有几种?兼容性如何写?
Removeeventlistenter
Onclick=null
setInterval和setTimeout有什么区别?
setInterval 每次间隔指定时会加你,持续执行
setTimeout 持续指定时间，执行以此
BOM 问题汇总
能够实现页面跳转的方式有哪些?
Location.href=‘地址’
Location。Replace（‘地址’）--无痕浏览
Location.assgin
Navigator对象能获取什么?有什么作用?
可以获取客户端的一些信息
history对象是干嘛的?有哪些方法?
历史记录管理
后退:history.back() history.go(-1)
前进:history.forward() history.go(1)
BOM和DOM有啥区别?
Bom是浏览器对象模型,Dom是文档对象模型
Bom的顶级对象是window,Dom的顶级对象是document
Bom是最大的包含dom
浙公网安备 33010602011771号