web开发-web前端面试题(html-css-js)-学习笔记十二

1、<!DOCTYPE html>。
答:html5标准网页声明,表示网页采用html5。
2、块元素和内联元素的区别。
答:块元素:换行,新的一行开始且能包含其他块对象和内联对象。例:div table p h1 form
内联元素:不换行,在一行里,直接从内容里面,接着往后走。例:span ima input a
块级转换成内联:display:inline ; 内联转换成块级:display:block。
3、文档流。
答:将窗体从上往下分成一行行,并在每行中按从左至右的顺序排放元素,即为文档流.。脱离文档流用漂浮属性float。
4、解决html分辨率自适应问题。
答:一种是自适应方法,即屏幕宽和高写成百分百的形式。另一种是响应式方法,即写支持不同分辨率的css文件。
5、css属性。
答:层叠优先级是: 浏览器缺省 < 外部样式表 < 内部样式表 < 内联样式。
      引入文件顺序: CSS文件后面的会覆盖前面的。
不同class描述同一个属性:用空格隔开(多个同理) 如果两个class里面定义了相同的属性,后一个为准(就近原则)。
6、jquery怎么选取全部非disabled的input?
答:在jQuery中,选择所有 <input> 元素利用:$(":input"),获取所有的input对象。
然后遍历input,代码如下:
$(":input").each(function(a,b){
        var disabled= $(b).attr("disabled");//获取当前对象的disabled属性
        if(disabled==false){ //判断如果是非disabled则进行处理
            alert("find not disabled tag!");
        }
    });
以上方法遍历所有的input,然后选择非disabled input做处理。
7、HTML中默认情况文字是订不到body边框的?
答:body体中加入style='margin:0';CSS的方法是加入body{mgrgin=0px}"。
8、选择器?
答:要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。
HTML页面中的元素就是通过CSS选择器进行控制的。例:类别、标签、ID选择器等。
9、css对不同浏览器的兼容问题?
答:CSS 多浏览器兼容性问题及解决方案;链接:http://www.jb51.net/css/23232.html。
10、div中文字水平和垂直居中?
答:文字水平居中:text-align:center;自己的height和父元素的lineheight一样可以垂直居中,height:100px;lineheight:100px。
11、position的几种方式?
答:CSS position 属性
通过使用 position 属性,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式。
static
元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。
relative
元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。
提示:相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。
absolute
元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将 position 设置为 absolute搜索,不过其包含块是视窗本身。
12、display:none 和 visibility:hidden?
答:二者都是隐藏HTML元素,在视觉效果上没有区别。
display:none; 使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;当前的位置会被后面的元素补上来
visibility:hidden; 使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。
13、盒模型计算方式?box-sizing 和 content-box
答:语法
box-sizing:content-box | border-box
默认值:content-box
1. content-box:
padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和,即 ( Element width = width + border + padding+margin )此属性表现为标准模式下的盒模型。
2. border-box:
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )
此属性表现为怪异模式下的盒模型。
14、更新js脚本?js动态加载?
答:js更新脚本,在加载js的url时候,会判断url是否与缓存中的一样,如果相同则不需要加载,如果url有变化,后边添加了?v=2等更新信息,则加载新的js。

js实现动态加载脚本的方法实例汇总,链接:http://www.jb51.net/article/74245.htm。
15、js判断当前变量不为空的方式?
答:function isNull(data){
return (data == "" || data == null || data == undefined)? " not data" : data;
}
16、js冒泡顺序,event.stopPropagation();stopPropagation();.preventDefault()。
答:假设一个元素div,它有一个下级元素p。
<div>
  <p>元素</p>
</div>
这两个元素都绑定了click事件,如果用户点击了p,它在div和p上都触发了click事件,那这两个事件处理程序哪个先执行呢?事件顺序是什么?
Netscape中,div先触发,这就叫做事件捕获。当你使用事件捕获时,父级元素先触发,子级元素后触发,即div先触发,p后触发。
Microsoft中,p先触发,这就叫做事件冒泡。当你使用事件冒泡时,子级元素先触发,父级元素后触发,即p先触发,div后触发。
事件的传播是可以阻止的:
• 在W3c中,使用stopPropagation()方法   • 在IE下设置cancelBubble = true;
在捕获的过程中stopPropagation(),后面的冒泡过程也不会发生了。
阻止事件的默认行为,例如click <a>后的跳转~
• 在W3c中,使用preventDefault()方法;  • 在IE下设置window.event.returnValue = false;

js之事件冒泡和事件捕获详细介绍,链接:http://www.jb51.net/article/42492.htm
17、js里== 和 === 的不同?
答:”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。
18、ajax get 和 post的区别,跨域访问jsonp?
答:我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.
-使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
-使用Get请求发送数据量小,Post请求发送数据量大

AJAX 跨域请求 - JSONP获取JSON数据
http://justcoding.iteye.com/blog/1366102/
19、cookies是如何存储的?
答:cookie是一种程序,当它放到硬盘后,就成为一个个扩展名为TXT的纯文本文件。
cookie的大小并不相同,有的是几十个字节,有的则是2K左右。cookie的内容用一般的文本编辑器都可以看到。但是,大多数cookie的内容看上去都是乱糟糟的,让人不知所云,但这 看起来乱糟糟的内容,却蕴藏着天机: 有的cookie中包含了上次访问的时间、信用卡信息等数据信息;还有的cookie甚至包含了Email地址和访问过的站点地址。
Cookie一般来说,其位置都是放置在C:\WINDOWS\cookie目录下面,只要打开这个目录就可以看到了。不过,也有些cookie并没有在这个目录下面。这些cookie就只能通过搜索系统 的注册表来查找了。
当第一次登录到某个站点时,远端服务器就会传过来一个cookie,里面包含一个随机产生的字符序列,称为用户ID,用来唯一标识用户,当然这个用户就是了。与此同时,服务器 也把这个用户ID记录到自己的数据库中,每当这个被标识过的用户在站点上进行操作,譬如在各个连接之间跳转,或是下载了某些东西,在哪里哪里逗留了多久等,这些有关的操作信息就会 被记录到数据库中。当这个用户再一次登录该站点时,只要他上一次访问时收到的cookie还存在,浏览器就会把相应cookie中的信息上传给远端的服务器,服务器便能依据cookie中的信息查 到数据库中相应的记录,然后对将要下传的数据进行处理之后再传到远方用户的电脑中,浏览器再把这些数据显示给用户。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值