记cvte前端笔试

前几天CVTE提前批笔试，看完题目感觉还行，前面的题在js高级程序设计教程部分有提到过，下面主要说一下后面的两道编程题：

其中第一道大概要求是统计一个html页面中各个标签出现的次数，本人自己的大概思路如下：

1，首先先获得程序中的所有标签的个数，得到之后做这么一个分析：

2（两层循环），类似于冒泡排序算法，这里假设我先抓取第一个元素，让我的第一个元素跟后面的元素进行比较，假如相同，那么把这个元素压入temp数组中，并在原来的队列里做减一操作，避免后续比较重复；

3.一直比较下去，直到最后，发现再无重复，就把原先的那个也压入temp数组，这里不压入会导致结果少1，就跟你点名一样，点人时不算上自己会少一个人；

4.最后把temp压入tag数组中，并做清零操作，进入下一个循环

废话不多说，上代码如下：

<script type="text/javascript">  
  var tags = document.getElementsByTagName('*');        //获取所有标签节点
  
  var j=tag.length;                                     //统计全部节点个数
  console.log(j);
  
  var tagsArr = [];                                     //创建空数组缓冲区
  
function countTag(){ 
 
  for (var i = 0; i < tags.length; i++) {
	  
    tagsArr.push((tags[i].tagName).toLowerCase());      //对标签节点做格式调整，全部转化为小写字母
  }  
  // console.log(tagsArr);  
  
  //定义一个数组用于存放相同的元素
  
  var temp = [];                                       //临时数组用于统计在每次循环里相同标签的个数
  
  
  var tag =[];                                         //定义一个空数组用于存放每一个标签，接收每次循环来自temp的值
  
  for (var i = 0; i < tagsArr.length; i++)  {          //开始循环，思路与冒泡排序类似	    
    for (var j = i+1; j < tagsArr.length+1; j++) {  
      if (tagsArr[i] == tagsArr[j]) {                  //取第一个，然后与后面的比较，看有多少重复
        temp.push(tagsArr[j]);  
        tagsArr.splice(j,1);                           //如果重复，在 tagsArr中删掉该项，并把它压入temp中
        j--;                                           //删除后tagsArr发生变化，记得进行-1操作
      }  
	  
      if (j == tagsArr.length -i) {                   //当不断比较到达了数组的尾部时
        temp.push(tagsArr[i]);                        
        tagsArr.splice(i,1);                          //到底了，压入该比较项进temp，并在tagsArr中删除该标签
        i--;  
        tag.push(temp);  
        temp = [];                                      //temp的值交给tag后，置空，进入下一个循环，本次循环信息在tag中
      }  
    }  
  }
  
  return tag;  
}  


console.log(countTag());  
</script> 

第二道题是关于template.js模板引擎的问题的，要求是根据要求编出一个template引擎：

比如这样子，

var tpl = document.getElementById('tpl').innerHTML;

template(tpl, {list: [{name: "yan"},{name: "haijing"}]}); //json数组格式

输出格式：

<ul>
    <li>yan</li>
    <li>haijing</li>
</ul

那么根据题目中的意思，template引擎大概如下所示：

<script id="tpl" type="text/html">
<ul>
    <%for(var i = 0; i < list.length; i++) {%>
    <li><%:=list[i].name%></li>
    <%}%>
</ul>
</script>

这里可以用一个type=”text/html”的script标签存放模板，或者放到字符串中

题目跟这个不太一样，不过道理都差不多哈。