码迷,mamicode.com
首页 > Web开发 > 详细

JS疑难点和GC原理

时间:2015-08-03 00:45:59      阅读:3466      评论:0      收藏:0      [点我收藏+]

标签:

1. JS中的typeof是一元操作符,不是函数

  在chrome的Console控制台上,输入typeof null,它会输出"object"。因此,使用typeof操作符的时候,除了null,都会识别出其他数据的类型。

2. JS中的instanceof来区分Object下的Array、Json、RegEx、Date、Function、Error、Math

  instanceof对于非对象,返回false

  instanceof对于原型链上的对象,返回原型链对象

3. Object转String和Object转Number的方法

  Object->toString()->valueOf()->String

  Object->valueOf()->toString()->Number

4. JS如何处理解析Json数据

// 先来看一个js中的eval()函数 
  var the_unevaled_answer = "2 + 3"; var the_evaled_answer = eval("2 + 3"); alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer); 运行结果:alert: the un-evaled answer is 2 + 3 and the evaled answer is 5

  解析Json数据之前,我们先来认识一下,到底什么是Json数据。从结构上看,世界上的所有的数据(data)最终都可以分解成三种类型:

第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词。
第二种类型是序列(sequence),也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组(array)或列表(List),比如"北京,上海"。
第三种类型是映射(mapping),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作散列(hash)或字典(dictionary),比如"首都:北京"。

这就是构成世界的最基本的数据类型,所以你看在任何一门编程语言中,有了数组和对象就可以存储一切数据了。数组也是对象,这是对的。但数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。说完这个,我们再来说说Json,它也比较有意思。对于Json数据格式的规定,已特别巧妙的规范了传输中的数据样式

1) 并列的数据之间用逗号(", ")分隔。
2) 映射用冒号(": ")表示。
3) 并列数据的集合(数组)用方括号("[]")表示。
4) 映射的集合(对象)用大括号("{}")表示。

数据交换,说白点儿就是通信。两者之间通信,才需要有数据交换,如Android内嵌HTML5页面,当需要数据交互的时候,就会有数据的传递,那么封装成Json格式,是一个非常方便的想法。接下来看看具体JS的json格式的解析

   var t="{‘firstName‘: ‘cyra‘, ‘lastName‘: ‘richardson‘}";  
    var jsonobj=eval(‘(‘+t+‘)‘);  
    alert(jsonobj.firstName);  
    alert(jsonobj.lastName);  
  运行结果:

    alert: cyra
    alert: richardson

var t2="[{name:‘zhangsan‘,age:‘24‘},{name:‘lisi‘,age:‘30‘},{name:‘wangwu‘,age:‘16‘},{name:‘tianqi‘,age:‘7‘}] ";  
var myobj=eval(t2);  
for(var i=0;i<myobj.length;i++){  
   alert(myobj[i].name);  
   alert(myobj[i].age);  
}  
运行结果:

alert: zhangsan
alert: 24
alert: lisi
alert: 30
alert: wangwu
alert: 16
alert: tianqi
alert: 7

var t3="[[‘<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>‘,‘社旗县国税局桥头税务所‘,‘社旗县城郊乡长江路西段‘]]";  
//通过eval() 函数可以将JSON字符串转化为对象  
var obj = eval(t3);  
for(var i=0;i<obj.length;i++){  
   for(var j=0;j<obj[i].length;j++){  
    alert(obj[i][j]);  
   }  
}  
运行结果:

  alert: <a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>
  alert: 社旗县国税局桥头税务所
  alert: 社旗县城郊乡长江路西段

既然是Json的交互,那么我们来看看JS中将要传输的数据封装成JSON数据。

var t3="[[‘<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>‘,‘社旗县国税局桥头税务所‘,‘社旗县城郊乡长江路西段‘]]";  
//通过eval() 函数可以将JSON字符串转化为对象  
var obj = eval(t3);  
//stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。 
var jsonText = JSON.stringify(obj);  
alert(jsonText); 

运行结果:alert: [["<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>","社旗县国税局桥头税务所","社旗县城郊乡长江路西段"]]
//如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。  
var myObject = JSON.parse(myJSONtext, filter);    
//可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:  
myData = JSON.parse(text, function (key, value) {         
                  return key.indexOf(‘date‘) >= 0 ? new Date(value) : value;    
                }); //stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。 var myJSONText = JSON.stringifier(myObject); */

5.什么是Git,Git是的作者是谁?

  Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。使用Git的优点:适合分布式开发,强调个体。公共服务器压力和数据量都不会太大。速度快、灵活。任意两个开发者之间可以很容易的解决冲突。离线工作。

6. 常见的JS事件

  onmouseover="" onmouseout="" 适用于PC端,鼠标的移入和移出

  document.getElementById(‘‘);可以解决浏览器的兼容性问题.必须要用id选择器,让该选择兼容所有浏览器

  document.getElementById(‘‘).style.width="300px";

  <link rel="stylesheet" type="text/css" href="" id="link01"> 任何标签都可以加属性;任何标签的属性都可以修改。

  <input title="" value="">value是默认要显示的值;title是用来提示input要输入的内容的。

  <a href="#"></a>不跳转,但是页面会回到顶部。

  <a href="javascript:alert(‘a‘);"></a>但常常放空,<a href="javascript:"></a>页面一点点变化都都没有,且不跳转。

  <input type="checkbox" id="check1"> 设置被选中为:document.getElementById(‘check1‘).checked=true;

  在js中.表示对象的属性,有一个例外:class.由于它是js的保留字,故在js中使用class的时候,得用className,如下:

<style>
    #div1 {background: black}
    .box {background: red;}
</style>
<script>
    function toRed(){
        var obj = document.getElementById(div1);
        obj.className=box;       //这里的class是JS的关键字,避讳需要,要换成className,唯一例外。
    }
</script>
<body>
    <div id="div1">
    </div>
</body>

  JS中传参,参数数据类型的说明,如

<script>
   function show (data) {
        alert(data);
    }
show(123);
show("abc");
var json1 = {"name":"zxg", "sex":"male"};
show(json1);
var json2 = "{"name":"zxg", "sex":"male"}";
show(json2) 
</script>

运行结果:
alert: 123
alert: abc
alert: [object Object]
Uncaught SyntaxError: Unexpected identifier(报了语法错误)
// 再来看一组, 之所以会出现这种现象,你要知道 data只是一个别名,一个外号而已。真正的值是看传过来的参数是什么样的类型,那么它就怎么表现,它只是为传过来的参数占个位置而已
function show (data) { alert(data[0]);alert(data[1]); } show(‘abc‘);
运行结果: alert: a alert: b

function plus (a, b){
  alert(a+b);
  alert("a"+b);
  alert("a"+"b");
}
plus(5,12);
运行结果:

alert: 17
alert: a12
alert: ab 

7. 关于div属性display的说明

<div class="nav"> <a href="home">首页</a> <a href="about">关于我们</a> <a href="contact">联系我们</a> </div> 类.nav定义如下: .nav a {display:block;}
为了方便显示,我们给a标签定了背景颜色(backgrou-color:#FF9966)右边界(margin-right:10px) 下边界(margin-bottom:10px) 填充(padding:10px)。

Block以块状显示,样式如下:

技术分享  

inline以内嵌的样式显示,如下:

技术分享

none属性,不显示且不占用物理空间。

8. 说说JS中操作属性的几种方式

第一种方式是通过.操作符,另外一种是通过[‘‘]这种方式来操作属性,如:

document.getElementById("");  
document[‘getElementById‘]=;   //使用[]来操作属性的方便之处是:里面可以放变量。如

9. JS中变量和字符串的区别

  JS中有一个名词叫做,字面量。即看到即知道。比如看到123就知道是数字123.如看到‘abc‘就知道字符串abc.这个名词java中叫常量。

//  那么我们来看代码如下:

alert(a);    //并不知道a是什么,a是变量。
alert("abc");     //看到就知道abc是字符串,abc是常量

所以,我们知道JS中对于“”和’‘没有区分,但是加引号和不加引号还是要区分的。对于变量和参数是不能加引号的。加引号就有了常量的嫌疑了。

10. style加样式加的是行间样式

  在这里涉及到一个样式的优先级的概念,*通配符<标签(如div input)<class<id<行间。行间样式的优先级是最高的。这里涉及到一个style和className的关系,如果你先修改了元素的.sytle属性,再去修改className是不会有效果的。

  行间事件是危险的,所以我们接下来说说提取行间事件,如何解决这种麻烦。

<input type="button" value="Submit" onclick="change();" id="input1">
其实,你看看onclick也是标签input的一个属性,既然我们在JS中能够document.getElementById(‘input1‘).value=‘提交‘;我们通过这种方式修改了input标签中的value属性,那么对于特殊的onclick能不能使用这种方式来修改呢。答案是可以的,方式如下:
<script>
  function abc () {
    alert("you can you up!");
  }
  var but = document.getElementById(‘input1‘);
  but.onclick=abc;
</script>

// 说到这里,再来补充一点知识:JS中的匿名函数问题,如果不想给函数起名字,上面的代码可以这样来写:
<script>
  var but = document.getElementById(‘input1‘);
  but.onclick = function () {
    alert("you are my honey."); // 这个知识点叫做匿名函数
  }
</script>

11. 一段<script>和</script>代码放在一个HTML页面的什么位置,比较合适。

  对于上面的代码,如果放在<head></head>标签内部,则会先执行<head>中的JS,才去执行<body>中的内容,但是你会发现,浏览器此时对于JS中的document.getElementById(‘input1‘);根本不知道input1是什么东东。那么我们接下来说说window.onload.一看on开头就知道是事件。window.onload是页面加载完就立即执行

12. 提取事件和获得一组元素

  说完了上面的window.onload的作用,我们再来看看如何获得一组元素,众所周知getElementById是获得唯一的id,那么获得一组元素,还有一个方法叫做getElementsByTagName,你看这个方法中的Elements是复数,那么显而易见了。

13. 说说JS中的this

  this含义就是当前发生事件的元素。

14.

 

1. Java中垃圾回收机制与C++中内存回收的对比,

  C++中的内存机制,像是自助餐厅。用餐完毕需要自己动手清扫桌子,碗筷。

  Java中的内存机制,像是高级餐厅,有一个叫做GC的服务员,专门在客人用餐完毕后,清扫桌子,打扫环境卫生。

2. Java中的垃圾回收

  垃圾,我们知道java的对象是放在堆中的。程序员不直接操纵堆中的对象,而是通过对堆中对象的引用,来通过操作引用来操作对象。有点像提线木偶。

  回收,在Java中回收,使用System.gc()方法,建议虚拟机回收。回收前一般会使用finalize()方法,用来释放对象的资源。

3. Java的源程序在编译的时候都做了些什么?

  在编译原理中,我们知道编译的一般步骤是:词法分析->语法分析->中间代码生成->代码优化->目标代码生成。java在编译时,编译器会检查所有程序的基本语法,包括检查调用方法所传的参数类型,如果找到错误则立即报错,编译就无法通过。当C编译器编译生成一个对象的代码时,该代码是为在某一特定硬件平台运行而生成的。因此在编译过程中,编译程序通过查表将所有对符号的引用转换为特定的内存偏移量,以保证程序运行。java编译过程:java编译器却不将对变量和方法的引用编译为数值引用,也不确定程序执行过程中的内存布局,而是将些符号引用信息保留在字节码中,由解释器在运行过程中创立内存布局,然后再通过查表来确定一个方法所在的地址,这样就有效地保证了java的可移植性和安全性。如果楼主想了解JAVA编译后都做了哪些具体的事情估计要看看虚拟机的工作原理。

4. JVM中新生代和旧生代有什么区别?

  首先,新生代,旧生代这些都是Java堆中的概念。因为涉及到垃圾回收时候的不同策略问题,故而把Heap中的内存进一步细分为新生代、老生代。一句话来描述,新生代就是新创建的对象;旧生代就是经过多次垃圾回收没有被回收的对象;

  接下来,详细阐述一下新生代和旧生代,java内存中的堆分为两个区域,年轻区young gen和年老区old gen。就像一个社会有年轻人有年老人,为什么要这样分呢?因为Java中的对象有个特点:大多数对象在创建后,就很快没有对象使用它了;大多数一直被使用的对象很少再去引用新的对象。新生代特点:新创建的对象都放在这个区,这个区域内的JVM垃圾回收率较高,此区域内存较小。老生代特点:将新生代中生存了较长时间的对象转移过来,此区域内存较大,JVM垃圾回收的频率较低。

  我们在项目中,使用过eclipse的肯定知道,可以通过配置两个参数来让eclipse运行起来不至于那么卡。这个叫做eclipse性能调优,通过配置eclipse.ini文件中的参数:

  -Xmx512m(最大总堆内存,一般为物理内存的四分之一)

  -Xms512m(初始总堆内存,常将它设置为和最大总堆内存一样大)

  -Xmn192m(年轻带堆内存,Sun公司建议年轻代占总堆的三分之八最优)

5. 说说Java中垃圾回收的过程

  你先这么来想。在应用程序工作的时间抽一小段时间来进行垃圾回收的。因为垃圾回收,会引起响应暂停。一句话来描述垃圾回收:当内存满了,才会去调用垃圾回收,与此同时,会调用对象的finalize()方法,来释放对象占有的资源。

 

JS疑难点和GC原理

标签:

原文地址:http://www.cnblogs.com/RunForLove/p/4694699.html

(0)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!