1、js的数据类型有哪些?如果分两种的话是哪两种?
number、Boolean、string、数组、undefined、null、object
基础类型和引用类型
2、cookies的缺点
cookies会发送到服务器端,大小是限制的,并且每次请求一个页面cookie都会被发送过去无形中浪费了带宽,另外cookie还需要指定作用域而且不可以跨域调用
3、对web标准及W3C的理解与认识
标签闭合、正确嵌套、标签小写、提高搜索机器人的搜索几率、使用外链CSS和js脚本,结构、行为和表现的分离,文件下载与页面加载速度更快,能被更多的用户访问,更少的代码和组件,容易维护,提高网站的易用性。
4、XHTML和HTML有什么区别
HTML是一种基本的web网页设计语言,XHTML是一个基于XML的置标语言。最主要的不同是
XHTML标签必须闭合
必须正确嵌套
标签必须小写
文档必须拥有根元素
经过测试HTML5删掉<html>仍然可以正确嵌套当XHTML和h4都不行
5、doctype
用于声明文档使用那种规范(HTML/XHTML)
6、行内元素、块级元素和CSS盒模型
行内元素:span、img、b、br、a、input、textarea、select、strong、em、label、i等
块级元素:div、p、table、form、ul li、ol dl、menu、hr、address等
盒模型:margin、border、padding、内容
7、CSS的引入方式有哪些?link和import的区别是什么?
内联、内嵌、外链和导入
区别:link是XHTML标签除了加载CSS还可以定义CSS其他事务,@import只能加载CSS;
link引用CSS时在加载页面的同时加载,而import需要页面完全加载后载入
link是XHTML的标签无兼容问题,@import是在CSS2.1提出,低版本的浏览器不支持
link支持使用JavaScript控制DOM去改变样式@import不支持
8、CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算?内联和import哪个级别高?
ID选择器、类选择器、标签选择器、伪类选择器、通配选择器
可以继承的属性:跟文本相关的属性:font-family、font-size、font-style等、line-height、text-align、text-indent、text-transform、word-spacing、letter-spacing等
与列表相关的属性:list-style-type、list-style-image、list-style、list-style-position、color
优先级:ID>class>标签
import的优先级更高
9、前端由哪三层构成,作用?
HTML-结构层、CSS-表示层、js-行为层
10、CSS的基本语句构成
选择器{属性:值;}
11、你做的页面在哪些浏览器测试过,这些浏览器的内核是?
IE-IE内核、Firefox-gecko内核、chrome-基于webkit和mosilla内核、operal-presto内核、Safari-webkit内核
12、标签上写title和alt属性的区别?
title是鼠标移上去的提示信息
alt是当图片不能正确显示是文字代替信息
13、描述CSS reset的作用和用途?
reset是重置浏览器的CSS默认属性,因为浏览器不同它的CSS默认属性是不同的,为了保证浏览器一致性重置可以统一样式
14、解释CSS sprites,如何使用?
CSS精灵,作用是把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量
利用CSS的background-image、background-repeat、background-position的组合进行背景定位,background-position可以用数字精确定位出背景图片的位置
15、浏览器标准模式和怪异模式之间的区别是什么?
浏览器解析CSS的两种模式:标准模式和怪异模式
标准模式是指浏览器按照W3C标准解析执行代码,怪异模式是浏览器按照自己的方式解析执行代码。不同的浏览器解析执行的方式不一样,浏览器解析时到底使用
标准模式还是怪异模式与网页中的DTD声明直接相关,DTD即doctype
区别是盒模型的解释不同
A在标准模式中width是内容的宽度,也就是说元素的真正宽度是margin-left+border-left+padding-left+width+padding-right+border-right+margin-right;
怪异模式中width则是元素的实际宽度,内容宽度是width减去其他宽度剩下的值
(怪异模式和标准模式之间一个突出的不同就是对CSS IE盒模型缺陷的处理,IE6之前曾经使用一种决定一个元素的盒模型的宽度和高度与CSS规范所指定相冲突的算法,标准模式使用规范的算法但怪异模式使用不规范的算法)
B另一个不同点是某些行内元素的垂直对齐,标准模式下浏览器会将图片对齐至盒内文本的基线,怪异模式会对齐至底部
C浏览器在怪异模式下典型的不对表格继承字号
使用window.top.document.compatMode可以检测浏览器使用什么模式,返回值如果是backcompat则为怪异模式,如果是CSS1Compat则为标准模式
16、如何对网站的文件和资源进行优化?
文件合并、文件最小化/文件压缩、CDN托管、缓存的使用(多个域名来提供缓存)
对于CDN托管的解释:比如一个网站的服务器在东北,在海南的用户访问网站是由于跨地区和可能跨运营商导致网页打开的速度比服务器在本地的用户慢导致客户体验不好客户流失,那么通过在网络各处放置节点服务器用户可以访问最近的服务节点解决网络拥挤提高用户访问网站的响应速度。
17、什么是HTML的语义化
内容使用特定的标签,通过标签就能大概了解页面的整体布局
语义化的主要目的就是让大家只管的认识标签和属性的用途和作用,例如H1、H2系列看起来很像标题,strong标签很容易让人联想到加粗,最主要的优点是对搜索引擎友好。
18、清除浮动的几种方式
空标签清除浮动:clear:both/left/right..理论上能清除任何标签,缺点是增加无意义的标签
使用overflow:auto,解决了空标签清除浮动而不得不增加无意义代码的弊端,但需要使用zoom:1来用于兼容IE(设置overflow并不会在该元素上清除浮动,他将清除自己,意思是应用了overflow:auto的元素将会扩展他的大小以包围它里面的浮动的子元素)
使用after伪元素清除浮动(用于非IE浏览器)
19、JavaScript同源策略
很重要的安全性限制,即JavaScript只能访问与包含它的文档在同一域下的内容,同源是指域名、端口、协议相同
在客户端编程语言中,如JavaScript何actionscript,同源策略是一个很重要的安全理念,他在保证数据的安全性方面有的重要意义。同源策略规定,跨域之间的脚本是隔离的,一个域的脚本不能访问另外一个域的绝大部分属性和方法。那什么叫做相同域什么叫做不同域呢?当两个域具有相同的协议、端口、host那么是相同的域。同源策略还应对一些特殊情况做处理,比如限制file协议下脚本的访问权限。本地的HTML文件在浏览器中是通过file协议打开的,如果脚本能通过file协议访问到硬盘上的其它任意文件就会出现安全隐患,目前IE8还有这样的隐患。
跨域:简单的理解就是因为JavaScript同源策略的限制,a.com域名下的js无法操作b.com或是c.a.com下的对象。
20、split()和join()的区别
split就是把字符串切割成数组的形式,join就是讲数组转换成字符串
var arr=['one','two','three'];
console.log(arr.join(','));
var str='one,two,three';
console.log(str.split(','));