每道题都有答案，大多数答案亲测正确。

简答题

1.js中“5”+4=?

答案：54

2.js中void(0)=?

答案：undefined

3.js中NaN*4=?

答案：NaN

4.js中null*4.5=?

答案：0

5.js中alert(5*015===5.075)

答案：false，结果不一样。

6.js中13>>2=? -13>>2=?

答案：3 ，-4 ，除以4，然后向下取整。

7.js中13|5=? 13&5=?

答案：按位或：13，按位与：5。

8.js中怎么获取当前日期的月份

答案：

  1. <span style="font-size:18px;">var date = new Date();   var mouth = date.getMonth();</span>

9.js中数组排序方法是?该方法实现了什么的排序算法？

答案：排序方法是sort()，实现了按字符排序的算法。
例var arr = [1,2,55,12,88];arr.sort();//ASCII字符代码从小到大排，arr结果为[1,12,2,55,88];

10.js中怎么判断chrome浏览器?

答案：

  1. <span style="font-size:18px;">isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;//
  2. 当isChrome=true时，为chrome浏览器</span>

11.js中var b=”hello”;a=b; 怎么显示出a的值(貌似这题最简单了)

答案：

  1. <span style="font-size:18px;">document.write(a);</span>

12.根据以下xml请写出对应的json

  1. <span style="font-size:18px;"><xml>
  2. <list>
  3. <item>
  4. <id>12</id><name>张三</name>
  5. </item>
  6. <item><id>13</id><name>李四</name>
  7. </item>
  8. </list>
  9. </xml></span>

答案：

  1. <span style="font-size:18px;">var lists = [{"id":"12","name":"张三"},{"id":"13","name":"李四"}];</span>

13.js中怎么把十进制数123转化成二进制数?

答案：

  1. <span style="font-size:18px;">123.toString(2);</span>

14.js中怎么才能按下回车键可以提交

  1. <span style="font-size:18px;"><script type=”text/javascript”>
  2. document.onkeydown = function(event){
  3. event = event?event:window.event;
  4. if (event.keyCode == 13) {
  5. alert(“hello world!”);
  6. }
  7. };
  8. </script></span>

编程题

1.js中var s=”tencent is sb”,编写js使其变成tencent1 is2 sb3

  1. <span style="font-size:18px;"><script type="text/javascript">
  2. var s = "tencent is perfect";
  3. var array = s.split(" ");
  4. s = "";
  5. for(var i=0; i < array.length; i ++){
  6. s += array[i] + (i+1) + " ";
  7. }
  8. document.write(s);
  9. </script></span>

2.编写js的类，使其拥有public和private类型的属性和方法

  1. <span style="font-size:18px;"><script type="text/javascript">
  2. function Person(_name,_age,_sex,_salary){
  3. //public
  4. this.name = _name;
  5. this.age = _age;
  6. //privare
  7. var sex = _sex;
  8. var salary = _salary;
  9. //public method
  10. this.getName = function(){
  11. return this.name;
  12. }
  13. this.getAge = function(){
  14. return this.age;
  15. }
  16. //private methd
  17. function getSex(){
  18. return sex;
  19. }
  20. function getSalary(){
  21. return salary;
  22. }
  23. this.display = function(){
  24. document.write(this.getName() + "---" + this.getAge() + "---" + getSex() + "----" + getSalary());
  25. }
  26. }
  27. var smirk = new Person("zy","21","f","5000");
  28. smirk.display();
  29. </script></span>

3.说出一些常用的网络优化工具

答：优化大师，超级兔子
SEO（Search Engine Optimization）缩写而来， 中文意译为“搜索引擎优化”。
SEO优化工具：
1.TrafficTravis——SEO分析工具
2.Backlinkwatch.com—反链检测
3.XENU Link Sleuth—死链检测
4.SEO Tool Bar (火狐插件)
5.SEO Quake (火狐插件)

面试官问的题

1.css的样式在不同类型的浏览器之间的显示差异如何解决
答：（个人理解）先判断为何种浏览器，再为不同浏览器加载不同的css
a. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别
b. 应用条件注释（只对IE有效）,因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。
比如：

  1. <span style="font-size:18px;"><!– 默认先调用css.css样式表 –>
  2. <link rel="stylesheet" type="text/css" href="css.css" />
  3. <!–[if IE 7]>
  4. <!– 如果IE浏览器版是7,调用ie7.css样式表 –>
  5. <link rel="stylesheet" type="text/css" href="ie7.css" />
  6. <![endif]–>
  7. <!–[if lte IE 6]>
  8. <!– 如果IE浏览器版本小于等于6,调用ie.css样式表 –>
  9. <link rel="stylesheet" type="text/css" href="ie.css" />
  10. <![endif]–></span>

2.在css中用一行css代码实现在不同类型的浏览器(如IE6,IE7,IE8)之间显示出不同的样式

  1. <span style="font-size:18px;">.mycolor{
  2. color:#FFF\9;/*IE6、7、8*/
  3. *color:#FF0;/* IE7、6 */
  4. _color:#F00;/* IE6 */
  5. }</span>

3.页面上有左中右三列，左右两列列宽固定，中间列自适应,要求纸上手写代码

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>三栏布局-浮动方法</title>
    6. <style type="text/css">
    7. body,div,p{
    8. margin:0;
    9. padding:0;
    10. }
    11. #wrap {
    12. padding:0 300px 0 200px;
    13. *overflow:hidden;
    14. }
    15. #main {
    16. float:left; width:100%;
    17. height:600px;
    18. background:#fffaba;
    19. }
    20. #left, #right {
    21. position:relative;
    22. height:600px;
    23. _display:inline;
    24. }
    25. #left {
    26. width:200px;
    27. float:left;
    28. margin-left:-100%;
    29. right:200px;
    30. _right:-300px;
    31. background:#8fc41f;
    32. }
    33. #right {
    34. width:300px;
    35. float:right;
    36. margin-right:-300px;
    37. background:#00b7ef;
    38. }
    39. </style>
    40. </head>
    41. <body>
    42. <span style="white-space:pre">    </span><div id="wrap">
    43. <div id="main">
    44. main
    45. </div>
    46. <div id="left">
    47. left
    48. </div>
    49. <div id="right">
    50. right
    51. </div>
    52. </div>
    53. </body>
    54. </html>

腾讯web前端笔试题及个人答案的更多相关文章

  1. 2015腾讯web前端笔试题

      1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 2 请指出一下代码的性能问题,并经行优化. var info="腾讯拍拍网(www.paipai.com)是 ...

  2. 也许你需要点实用的-Web前端笔试题

    之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...

  3. 腾讯2013笔试题—web前端笔试题 （老题练手）

    问题描述(web前端开发附加题1): 编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象,如:url :'http://www.qq.co ...

  4. web前端笔试题

    1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test ...

  5. web前端笔试题总结

    em和rem的区别: 浏览器的默认字体高度是16px,1em=16px:大小可以自己设置调整,并且默认集成父级容器中文本的大小. rem是CSS3中新增的属性,默认情况下是文本尺寸的大小,不同的是它集 ...

  6. 金s办公软件web前端笔试题

    1. var arr = []; arr['a'] = 1; console.log(arr.length); // A arr['4'] = 2; console.log(arr.length); ...

  7. web前端面试试题总结---html篇

    HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器 ...

  8. web前端面试试题总结---其他

    其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy ...

  9. web前端面试试题总结---css篇

    CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(m ...

随机推荐

  1. checking for tgetent()... configure: error: NOT FOUND!

    今天centos出现了下面的异常: checking for tgetent()... configure: error: NOT FOUND! You need to install a termi ...

  2. 【Alpha版本】冲刺-Day4

    队伍:606notconnected 会议时间:11月12日 会议总结 张斯巍(433) 今天安排:图片查看界面设计 完成度:40% 明天计划:设置界面设计 遇到的问题:校运会比赛时间不够 感想:因为 ...

  3. 个人作业—Week2:微软必应词典案例分析

    调研.评测 bug报告: 标题:Window 10版必应词典客户端口语练习功能无法使用 环境:Window 10, 微软必应词典(UWP) 版本2.6.1.0,屏幕无重力感应模块 重现步骤: 1)   ...

  4. 用css3实现各种图标效果（1）

    公共样式 应该说现在绝大多数公司的项目前端都是一团乱,不仅仅是js写的没有任何框架而言,css同样也是如此,导致项目如果要升级或者说有新的变更维护起来就特别困难. 最近领导决定花大时间整理一下css样 ...

  5. /MT、/MD编译选项，以及可能引起在不同堆中申请、释放内存的问题

    一.MD(d).MT(d)编译选项的区别 1.编译选项的位置 以VS2005为例,这样子打开: 1)         打开项目的Property Pages对话框 2)         点击左侧C/C ...

  6. bootstrap弹框

    http://v3.bootcss.com/javascript/#modals 参考bootstrap官网 模态框做php后端 前端一直不行,但是很多时候 用到ajax都要用到弹框,一直在代码里面找 ...

  7. VIM for Python and Django Development

    VIM for Python and Django Development VIM-PyDjango created by Programmer for Programmer who work on ...

  8. How to convert any valid date string to a DateTime.

    DateTimeFormatInfo pattern = new DateTimeFormatInfo() { ShortDatePattern = "your date pattern&q ...

  9. AspnetIdentitySample

    https://github.com/rustd/AspnetIdentitySample http://www.asp.net/web-forms/overview/getting-started/ ...

  10. php self与static的区别

    self vs static 用一个demo来直接说明self与static的区别.self示例: <?phpclass Vehicle {    protected static $name ...