SJGC 笔试反思

1.考察text-align的属性值（不属于）

应该选择top 和 justify 好伤心只选择了top

考察 instanceof 和 null 和 NaN

但null返回object这个其实是最初JavaScript的实现的一个错误，
然后被ECMAScript沿用了，成为了现在的标准，不过我们把null可以理解为尚未存在的对象的占位符，这样就不矛盾了，虽然这是一种“辩解”。
对于我们开发人员还是要警惕这种“语言特性”。

console.log(null instanceof Object);//false
console.log(null == undefined);//true
console.log(NaN instanceof Object);//flase
console.log(NaN == NaN);//false

好心塞只算了一个错误的另外三个没选

3.考察 target 好心塞

_blank

浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self

这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。

_parent

这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。

_top

这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

<a href="http://www.baidu.com" target = "_blank"> 测试1
</a><br>
<a href="http://www.baidu.com" target = "_self?"> 测试1
</a><br>
<a href="http://www.baidu.com" target = "_top?"> 测试1
</a><br>
<a href="http://www.baidu.com" target = "_parent"> 测试1
</a><br> ---------------------------------只有第四个是打开本窗口好心塞我选的是 _blank

var name = "sad";//今天很伤心
(function () {
if(typeof name === 'undefined'){
var name = "LiLei!";
console.log('Hello' + name);
}
else{
console.log('Goodbye'+name);
}
})();

-----------------------------------------相当于下面的首先考到的是变量的覆盖外部的name 被内部为声明的覆盖然后就。。。

var name = "sad";//今天很伤心
(function () {

var name;
if(typeof name === 'undefined'){

name = "LiLei!";
console.log('Hello' + name);
}
else{
console.log('Goodbye'+name);
}
})();

选能获取页面的html 元素的东西

我只选了两个 querySelectorAll 从来没用过好心塞

<div id = "sad" class="happy"></div>
<div id = "angry" class="happy"></div>
<script>
//document.getElementById('sad').innerHTML = '1希望能找到工作';
//document.querySelector('#sad').innerHTML = "2开心点吧";
//document.getElementsByClassName("happy")[0].innerHTML ="3会找到工作的";
//document.getElementsByClassName("happy")[1].innerHTML ="3会找到工作的";
document.querySelectorAll("div")[0].innerHTML = "加油";
document.querySelectorAll("div")[1].innerHTML = "加油";

http返回 500 302 301 200 分别表示

http://www.cnblogs.com/usa007lhy/p/4883823.html 参考这个链接

200状态码：表示请求已成功，请求所希望的响应头或数据体将随此响应返回

　　301状态码：被请求的资源已永久移动到新位置。服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。

　　302状态码：请求的资源临时从不同的URI响应请求，但请求者应继续使用原有位置来进行以后的请求

500状态码：服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器的程序码出错时出现。

CSS 语法由三部分构成：选择器、属性和值。  好心塞 这个问题 很简单 但是 没接触过结果 没有回答出来

3一直一个div 的 margin 是“5px 15px 25px 10px” padding 是 "15px 15px " 问div左边的距离是多少

我好心塞这么简单的我都做错了应该是10px 我都对自己无解了 padding是内在的所以不算

(function (argument) {
var a = 5;
})()
console.log(a); 报错 a is not define;

function test (argument) {
console.log(a);
console.log(foo());
var a = 1;
function foo(){
return 2;
}
}
test();

第一个a 输出的是undefined 因为声明提前然后没有赋值赋值在对应的行

第二个直接输出对应的子函数的返回值

还有一种架构没见过拍照看不清。

后面好像就几道大题

cookie sessionStorge localStorge 的差别

区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。
而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。
存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。
sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；
localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。
Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

缺点：
　　在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面。当“蜘蛛”程序遇到由数个框架组成的网页时，它们只看到框架而无法找到链接，因此它们会以为该网站是个死站点，并且很快转身离去。对一个网站来说这无异于一场灾难。如果你想销售产品，你需要客户;如想得到客户，你首先要让人们访问你的网站，而要做到这一点，你就非求助于搜索引擎不可。你花费了大量的时间、精力和金钱开设了一家网上商店，却又故意不让搜索引擎检索你，这就好象开家零售商店，却将窗户全部漆成黑色，而且还不挂任何招牌一样。

优点：
　　从上文中我们可以发现，使用ifame框架的弊端是无法被搜索引擎所爬行抓取。但凡事总是具有两面性。它的这个缺点也可能是他的优点。利用这一点那我们就可以把我们站点上一些需要给我们的用户查看，但是不需要搜索引擎爬行的内容用ifame框架进行显示，这样就可以让ifram发挥真正的效果了，而且有我们站点中的代码也可以得到很大的精简，举一个例子，就如笔者上文提到的添加微博直播信息，这些微博信息我们并不需要提供给搜索引擎，而我们需要提供的是与访客的一个互动的体验，如下图所示，而如果我们使用ifame框架嵌入微博的信息，不仅可以简便的添加站点的微博直播平台，同时我们看到代码也十分的精简。
　　iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最套讨厌的.那么你的网站即使做的在好,也排不到好的名次!如果是动态网页，用include还好点！但是必须要去除他的<html><head><title><body>标签！

框架的优点 iframe

重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)
方便制作导航栏

框架的缺点

会产生很多页面，不容易管理
不容易打印
浏览器的后退按钮无效
代码复杂,无法被一些搜索引擎索引到
多数小型的移动设备（PDA 手机）无法完全显示框架
多框架的页面会增加服务器的http请求
由于上面诸多缺点，因此不符合标准网页设计的理念,已经被标准网页设计抛弃

提示: 目前框架的所有优点完全可以使用Ajax实现，因此已经没有必要使用框架了。

还有一个是排序加上去重复数组的实现较为简单

n.sort(function(a,b){
return b-a}) //从大到小

这篇博文说得很好赞一个

http://www.cnblogs.com/longze/archive/2012/11/27/2791230.html

最后一个问题是如何实现鼠标拖拽功能