WD 笔试 反思 记录

1.从  1 2 3  4 5 6 7 8 9从中选择至少一个，乘积的种类有多少种

转：解题思路http://www.nowcoder.com/questionTerminal/65c5181254954fe3a4e728af8fc369c1?pos=50&orderByHotValue=0（依然不理解）

没有答出来，好可惜，觉得这种问题不应该是c语言做的么，回去用c想了想 还是不会。。。

背景知识{

1.关于行内元素和块状元素的说明

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

}

2.css  有哪些块级元素  有哪些 行级元素？他们有什么不同？<img>属于什么元素？  参考：http://www.cnblogs.com/Jackie0714/p/4923639.html

　　1.块级元素：

　　* address - 地址

　　 * blockquote - 块引用

　　 * center - 举中对齐块   

　　* dir - 目录列表  

　　* div - 常用块级容易，也是css layout的主要标签（答到了）

　　* dl - 定义列表
　　* fieldset - form控制组
　　* form - 交互表单
　　* h1 - 大标题
　　* h2 - 副标题
　　* h3 - 3级标题
　　* h4 - 4级标题
　　* h5 - 5级标题
　　* h6 - 6级标题
　　* hr - 水平分隔线
　　* isindex - input prompt
　　* menu - 菜单列表
　　* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
　　* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
　　* ol - 排序表单
　　* p - 段落（答错了我以为是行级元素~~）
　　* pre - 格式化文本
　　* table - 表格
　　* ul - 非排序列表

　　　行级元素：

　　* a - 锚点
　　* abbr - 缩写
　　* acronym - 首字
　　* b - 粗体(不推荐)（答对）
　　* bdo - bidi override
　　* big - 大字体
　　* br - 换行
　　* cite - 引用
　　* code - 计算机代码(在引用源码的时候需要)
　　* dfn - 定义字段
　　* em - 强调（答对）
　　* font - 字体设定(不推荐)
　　* i - 斜体
　　* img - 图片
　　* input - 输入框
　　* kbd - 定义键盘文本
　　* label - 表格标签
　　* q - 短引用
　　* s - 中划线(不推荐)
　　* samp - 定义范例计算机代码
　　* select - 项目选择
　　* small - 小字体文本
　　* span - 常用内联容器，定义文本内区块（答对）
　　* strike - 中划线
　　* strong - 粗体强调
　　* sub - 下标
　　* sup - 上标
　　* textarea - 多行文本输入框
　　* tt - 电传文本
　　* u - 下划线
　　* var - 定义变量

可变元素

　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。
　　* applet - java applet
　　* button - 按钮
　　* del - 删除文本
　　* iframe - inline frame
　　* ins - 插入的文本
　　* map - 图片区块(map)
　　* object - object对象
　　* script - 客户端脚本

　　2.行内、块状元素区别：
　　(1).块级元素会独占一行，其宽度自动填满其父元素宽度
　　行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化（这点我答到了）
　　(2). 一般情况下，块级元素可以设置 width, height属性，行内元素设置width, height无效（没答到点）
　　(注意：块级元素即使设置了宽度，仍然是独占一行的)
　　(3).块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的　　padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。（水平方向有效，竖直方向无效）（没答到点，一脸闷逼）

　　（我写的是介于两者之间的元素哎  不懂呀）

　　img是inline元素，但是他同时也是replace元素，他有着特殊的表现：

　　1. 可以设置width/height;
2. 默认的，img元素在屏幕占据的空间与其图片的实际像素一致，除非CSS有设置或者自身的width/height HTML 属性有设置
3. 如果img标签的包裹元素为也为inline元素，则img的边界可以超出其直接父元素的边界，直到自己的宽、高达到最大或者设定值为止，而且文档流中img的兄弟元素也不能遮盖住img。最常见的就是<a>里面包含的<img>
4. 所以从行为上看,img元素作为替换元素，有着类似于Inline-block的行为，尽管在SPEC里面，他的确是一个inline元素

作者：戴彬
链接：https://www.zhihu.com/question/25402556/answer/30728140
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

css 有几种有关布局的属性，各有什么优势和特点
我只写了 static absolute relative fixed flex 和 float

优势和特点 随便写了一点
下面的可能是对的  
http://www.zhuodadx.com/coffee/10865.html

3.css 有几种有关布局的属性，各有什么优势和特点
我只写了 static absolute relative fixed flex 和 float
下面的可能是对的
http://www.zhuodadx.com/coffee/10865.html

4.addClassName(dom,string)//函数的实现
5.unique() 的实现。 //单独的实现 要绑定在原型链上。大神的解决方案

还没有实现。
// 史上最强 addClassName
function unique(array){
var n = [];//新建一个临时数组
//遍历
for(var i = 0;i<array.length;i++){
if(n.indexOf(array[i]) == -1){
n.push(array[i]);
}
}
return n;
}
function addClassName (dom,classname) {
//可以消除重复的 addClassName
var temp = dom.className +" "+classname;
var temp2 = temp.split(" ");//split() 方法不改变原始字符串。

var temp = unique(temp2);// temp2.unique() 会报错 如何实现
dom.className = "";
dom.className = temp.join(" ");
alert(dom.className);
}
6.ES6 和nodejs 的特性 简要说三点
我随便 乱写了一下 都不会
es6 新特性
http://www.cnblogs.com/Wayou/p/es6_new_features.html
nodejs新特性
http://blog.csdn.net/xiaemperor/article/details/38234979

7. (function function_name (argument) {
switch(argument){
case "text":
alert("text");
alert(argument);
break;
default:
alert("不在范围内");

}
})(new String("text"))
输出什么？？
alert 出来的也是text 你看到的text是argument运行的结果@厦门_123 原来如此
8.content-Type 。。。
不会 随便写的
1. Content-Type
MediaType，即是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。
在Http请求中，我们每天都在使用Content-type来指定不同格式的请求信息
考到了一两个：
http://blog.csdn.net/blueheart20/article/details/45174399
链接
• multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格式

• application/x-www-form-urlencoded ： <form encType=””>中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式）

9.一个网页上的网址进过了到页面呈现进过了一个怎么样的过程
10.DOM事件的委托机制是什么？
事件的委托机制 我不太清楚写了冒泡
下面的链接讲了比较清楚了 就是委托给你的 父母亲 当你生成后由你的父母情告诉你有人来找你了
https://segmentfault.com/a/1190000007009451