29 th

September,2010 | JavaScript

JavaScript中eval()函数的一些问题

Tags: ,

首先先来简单介绍一下eval()的用法,它还是比较容易理解的,相信很多朋友都已经熟悉。eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。

另外,因此自己在项目实践过程中,因为解析JSON格式数据的时候,发现对于对象声明语法“{}”的并不能返回一个值,需要用括号括起来才会返回值。
例如:

  1. var oo='"abc" + 123';
  2. var xx='{a:123}';
  3. alert(eval(oo));     //abc123
  4. alert(eval(xx));     //undefined
  5. alert(eval('(' + xx + ')'));    //object对象

因此,在获取Json字符串的时候如果要将其解析为对象,必须用括号括住,才能将其转换为表达式,并返回其值。

Interesting? … Continue Reading… »

25 th

September,2010 | JavaScript

This.作用域.闭包

ppk on javascript

JavaScript是个有点神奇的语言,不过它的一些独有的特性往往让我们初学者感到费解。ThisJavascript语言的一个关键词。不过它到底是指什么呢?很多人都会认为this指的是当前对象。当然,这样理解是没错的,但是在有些情况下仍然会有些问题。在此,我搜集了一些资料,重新学习并整理一下,希望能借此来更好的理解this在JS中的工作方式和使用方法。

  1. var test = function(){
  2.      alert(this);
  3. }
  4. test();
  5. new test();

运行以上代码,你会发现test()和new test()的运行结果是不一样的,test()指向的是Windows对象而new test()才是指向test对象,为什么会有两种不同的运行结果?其实这里就涉及到一个变量作用域的问题,而变量作用域同时又牵涉到闭包(Closure)这个JS特性了,正因为闭包的存在,理解变量作用域就显得非常重要。 Interesting? … Continue Reading… »

26 th

August,2010 | CSS

6款极具实用性的CSS工具

目前,随着CSS3的日益流行,开始有越来越多的网站使用CSS3了。可是,目前市面上并不是所有的浏览器都能很好的支持CSS3属性,可能需要对不同的浏览器编写相应的属性或者说是编写hack之类的。如果你也是一个刚开始学习CSS3的新手,就跟我一样,都想让自己提升得更快,那么在此推荐几款CSS3的工具,希望能对你有所帮助。这也是本人最近在网上以及在工作中所接触到的一些。

CSS3 Please!

CSS3 Please!是我师傅推荐给我的,是一个CSS3规则生成器。它允许你在线调正CSS属性,同时右侧的一个大大的CSS3,please圆角框内即展示了当前你所处的样式状态,即时预览,非常方便。接着,你就可以拷贝样式到自己的文件里了。

CSS3 Selectors Test

这是一个选择器的测试,它能自动运行一堆CSS选择器进行测试,以检查你的浏览器是否兼容这些样式。它将以绿色表示兼容的样式。你能点击查看每个CSS选择器的检测结果,它将以一个简单的样例来呈现。
Interesting? … Continue Reading… »

17 th

April,2010 | Web

推荐4款最新的Web开发工具

随着CSS3新特性的展现,HTML5也开始展露头角。最近,听说WordPress将要把自己的版本提升到了3.0了。于此同时,iPad如约而至高调上市,上市没几天就卖了30多万台,乔布斯还是那么的强悍!搞的自己心里也痒痒的,什么时候也能拥有一台iPad啊!
针对这一系列的新鲜事,在这里向大家推荐几款开发工具,相信对大家会有所帮助!

CSSDesk – Dynamic CSS Sandbox

CSS desk是最新开发的一款工具,它对于测试你的CSS和HTML将会非常有帮助。
Interesting? … Continue Reading… »

31 st

March,2010 | CSS

选择适合你的CSS框架

我们在Web开发的时候,如果正确的选择了适合你的CSS框架就能快速改进并且节省你的开发时间,因为它提供了一个强大的方式灵活并高效得样式化我们的网站以及应用程序。

那我们该怎样选择适合自己的框架呢?

首先,你要确保你所要用的框架已经建立了并有了能准确描述细节方面的文档。这一步对于你下一步的实施以及使用你准备好的框架,都是至关重要的。然后,你就应该分析你所选择的框架能够解决怎样的问题。不过,当你碰上几个你自认为是最适合这个项目的框架的时候,你应该明智的对它们进行筛选并仔细衡量是否真正符合你的需求。

同样,你可以大胆的去请教其他开发人员或是同事,哪个框架更加合适,为什么选择这个框架。这样可以帮助你在其他有经验者的基础上获取更多有价值的见解。另外一点,要提的就是,你在这次框架选择的过程中扮演怎样的角色.是主要人物?或只是一个乐于帮忙的普通成员而已?它是否能给你带来价值?每个问题都会帮助你决定是否使用所选的框架。

下面让我们看看同时适合开发人员和设计人员的8个最好的框架

Blueprint CSS

Blueprint CSS 框架使用了栅格化系统来预先构建了字体样式并包含多款插件,内建表单样式等等。同时,你还会发现Blueprint具有良好的文档,Wiki,以及活跃的社区组,以及一些使用Blutprint框架的网站例子。
Interesting? … Continue Reading… »