面试题

一：pt与px的区别

pt——点。一般为网页中标识字体的单位。
px——象素。一般也为网页中标识字体的单位。

两种关系：一英寸=72pt(点)=96px(像素)，网页中最常用到的：9pt=12px。 
在Flash中一般也是字体的常用标识单位

二：<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。

在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。

width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

三：css script(CSS图像拼合或者CSS贴图定位)的优点和缺点
（1）把所有图片弄在一张图片里，可以大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。
（2）如果修改图片的时候，需要整一张图来进行修改。

四：media的书写
（1）高度<500：@media（max-height：500px）
（2）宽度小于320px ，高度小于480：@media only screen and (max-device-width:320px) and (max-device-height:480px)

五：b和strong的异同
（1）从语义上来说,b只是单纯的粗体,strong是强调内容,一般针对seo会有用处
（2）<b> 标签明确地将包括在它和其结束标签之间的字符或者文本变成粗体。如果某种加粗的字体不可用，浏览器将使用一些其他的表现方法，例如反相显示或者加下划线等。

六：写出三种让网页加快的方法
（1）尽量减少HTTP请求

　　网页中的每个对象都需要往返服务器一次，即一个HTTP请求和一个响应。每个对象都会引入不确定的延迟，尽可能减少网页中的对象数量，可以把渲染网页所需的HTTP请求数量最少。常用的方法有：合并优化CSS和Javascript文件、图片转换为文本等。

　（2）调整并优化图片大小

　　图片一般是页面显示占用资源最大的部分，在显示效果和显示速度之间做出取舍，需要站长对自己的网站有个明确的定位，大部分网站需要对图片进行优化和调
整。常用的方法有：调整图片到正好所需的大小、指定图片的高度和宽度属性、尽可能用PNG图片替换GIF和JPEG、合并图片，使用CSS精灵等。

　　（3）合理使用Javascript，优化执行速度和文件大小

　　尽可能不要在网页的头部使用Javascript，用CSS和服务器端技术代替Javascript也会让网页速度有所提升。可以通过缩写对象名、变
量名和函数名来减少字节数，让Javascript优化至最小。还可以使用站长工具中的Javascript/html格式化工具来自动缩写和优化空白脚
本。如果你想分析Javascript的性能，可以使用Mozilla中的Javascript调试器。

　　（4）科学地使用CSS

　　使用CSS设计页面能大幅减少标记数量，通常在25%到50%。用DIV和CSS进行版式的设计，比表格更加高效，还能避免维护过程中的种种麻烦，也
非常有助于优化HTML。在使用CSS时，最好避免使用计算密集且频繁的CSS表达式，且最好放在网页的头部，有助于网页的渲染速度。

七：数组a=[1,2,3,4,5,5,6,3],把重复的去掉，剩下a=[1,2,3,4,5,6]

八：用javascript书写margin-top：50px

$(function () {
document.getElementById("box").style.marginTop = "50px";//javascript写法

$("#box").css("margin-top","50px");//jq写法
})

九：每5秒弹出this.name

function myName(){

this.name="小红";

this.answer=function(){

alert(this.name);

}

setTimeout("myName()",5000);

</script>

十：一个路径然后id=2，name=“小红”，要求写出接口。

十一：什么是ajax，ajax有什么好处？

十二：a.html和b.html在同一个目录下面，用javascript写出5秒内，在a页面跳转到b页面

a.htm    <script type="text/javascript">
        $(function () {
            timer = setInterval(function () {
                location.href = "b.htm";
            }, 5000)
        })
    </script>
</head>
<body>
    a页面
</body>

b.htm

十三：写出jq的多种绑定事件：bind(), live(), delegate(),on()等

on(events,[selector],[data],fn)

(1)$('#list li').live('click', '#list li', function() {
//function code here.
});

(2)$(document).on('click', '#list li', function() {
//function code here.
});

   $('#list').on('click', 'li', function() {
    //function code here.
   });

(3)$('#list').delegate('li', 'click', function() {
//function code here.
});

十四：用sql写出获取身份证号码的生日日期

十五：在table里用sql写出field的标示字段

十六：select * from table where id=2 or id=3 or id=4,然后用sql写出id=2，id=3，id=4的顺序输出。

十七：3、-5、8、3、-1

十八：3个日本孩子翻衣兜，他们把衣兜里所有的钱都掏出来，看一看一共有多少钱，结果一共是320日元，其中有两枚硬币是100日元的，两枚是50日元的，还有两枚是10日元的。每个孩子所带的硬币中没有相同的，而且没带100日元的孩子也没带10日元的硬币，没带50日元硬币的孩子也没带100日元硬币。你能弄清楚这三个孩子原来各自带了什么硬币吗？

1、100 50 10  2 100 50 10  3没带  
只有这样才能也复合  1、每个孩子所带的硬币中没有相同的 2而且没带100日元的孩子也没带10日元的硬币 3没带50日元硬币的孩子也没带100日元硬币

十九：用PHP写出，日期格式2014-1-4 19:06

posted @ 2015-01-06 09:32 MoenyChen 阅读(137) 评论(0) 编辑收藏举报

MoenyChen

面试题

公告