阿里前端编程题1

1.实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px

　

 （1）利用伪类清除浮动的方式：

#head:after{/* 清除浮动 */
			content: ".";/* css的content专门应用于在before/after伪元素上，用于插入生成的内容 */
			display: block;
			height: 0;
			visibility: hidden;
			clear: both;
		}

　　如果不清除浮动，则会出现

　　  

（2）让footer文字居于正中间的方法：

　　第一步要让line-height=height；这样会使footer垂直居中

　　

　　第二步要让文字居于整个区域正中间，就要用text-align: center;

	
	
	


	

		
logo
		
用户名
	
	

		
content-自适应布局
		
aside-定宽200px
	
	
footer

　　

2.请实现一个fibonacci函数，要求其参数和返回值如下所示：

/**
 *@desc: fibonacci
 *@param: count {Number}
 *@return: result {Number} 第count个fibonacci值，计数从0开始
  fibonacci数列为：[1, 1, 2, 3, 5, 8, 13, 21, 34 …]
  则getNthFibonacci(0)返回值为1
  则getNthFibonacci(4)返回值为5
 */
function getNthFibonacci(count) {
}

 利用递归实现

　　

3.页面中如下格式的人员信息表格:

删除	序号	姓名	年龄 排序	籍贯 筛选
	1	张三	24	北京
	2	李斯	43	陕西
	3	韩信	49	湖北
	4	宋江	43	山东
	5	李逵	38	青海
	6	林冲	42	北京

　　

 

 

 

 

 

 

表格每行的HTML结构为:

    
    2
    李斯
    43
    陕西

假定表格的元素id为person-list,奇数行的class名为odd。 请实现如下功能:

• 选中单选框,点击删除时对应行消失;
• 点击排序时,按照升序对表格中的每一行进行排序;
• 点击筛选,籍贯处会变成一个下拉框,选项值为当前表格中锁包含的省份名称,选中某个省份,展示对应省份的人员信息

 

	
	
	
	


	

	    

	    

	        

	            删除
	        
	        
序号
	        
姓名
	        
年龄
	            排序
	        
	        
籍贯
	            筛选
	        
	    
	    
	    

	    

	        

	            
	        
	        
1
	        
张三
	        
24
	        
北京
	    
	    

	        

	        
	        
2
	        
李斯
	        
43
	        
陕西
	    
	    

	        

	        
	        
3
	        
韩信
	        
49
	        
湖北
	    
	    

	        

	        
	        
4
	        
宋江
	        
43
	        
山东
	    
	    

	        

	        
	        
5
	        
李逵
	        
38
	        
青海
	    
	    

	        

	        
	        
6
	        
林冲
	        
42
	        
北京
	    
	    
	

　　

转载于:https://www.cnblogs.com/GumpYan/p/5840171.html