分类: 前端

  • JSON 学习摘选1

    JSON被公认为浏览器中XML的后继者,它的目标仅仅是成为一种简单、优雅的数据格式,以方便浏览器和服务器之间的数据交换。在完成这一简单任务的过程中,它将引领下一代万维网。

    对象简介

    看,这就是一个对象:

    var myFirstObject ={};
    

    尽管看起来挺简单,然而那些花括号却能够记录人类所搜集的信息的每个比特,或者是表示出计算机科学家们能构思到的最复杂的程序.事实上,Javascript本身就是存储在那样一个花括号集合中的,包括它所有的基本类型 — 字符串,数字,数组,日期,正则表达式,它们都是对象,都是像上面myFirstObject那样开始的.

    创建一个新对象

    旧的方式是使用”new”关键字创建新对象.

    var myJSON =newObject();
    

     

    这种方式已经过时,现在流行的方式是通过一对大括号定义一个空对象…

    var myJSON ={};

     

    对象即数据

    (更多…)

  • GOOGLE MAP 学习笔记(二)事件

    google.maps.Marker对象可以听下面的用户事件,例如:

    • 'click'
    • 'dblclick'
    • 'mouseup'
    • 'mousedown'
    • 'mouseover'
    • 'mouseout'

    These events may look like standard DOM events, but they are actually part of the Maps API.这些事件可能看起来像标准的DOM事件,实际上却是在地图API的一部分。

    (更多…)

  • GOOGLE MAPS 学习笔记(一)基础元素

    1.JavaScript的API现在已经升级到V3,官方建议使用V3格式的

    2.V3的JavaScript不再需要KEY

    The “Hello, World” of Google Maps v3

    <html> 
    <head> 
    <meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” /> 
    <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></script> 
    <script type=”text/javascript”> 
      function initialize() { 
        var latlng = new google.maps.LatLng(-34.397, 150.644); 
        var myOptions = { 
          zoom: 8, 
          center: latlng, 
          mapTypeId: google.maps.MapTypeId.ROADMAP 
        }; 
        var map = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); 
      } 
     
    </script> 
    </head> 
    <body onload=”initialize()”> 
      <div id=”map_canvas” style=”width:100%; height:100%”></div> 
    </body> 
    </html>

    (更多…)

  • 一个关于JavaScript中函数括号的问题

    <title>01重定向</title>
     <script type=”text/javascript”>
     window.onload=init;
     function init(){
      document.getElementById(“link”).onclick=redirect;
     }
     function redirect(){
      alert(“重定向页面”);
      window.location=”http://www.baidu.com“;
      return false;
      }
    </script>
    </head>

    <body>
    <a href=”test.html” title=”重定向” id=”link”>链接重定向</a>
    </body>
    </html>

    在写这段代码的时候习惯性的将调用init,redirect函数是都加上了括号,无论去掉其中一个都无法得到意想结果,甚至还会出现语法错误。 (更多…)

  • 页面制作中一些技术、技巧和工具的总结(一)

    一、css中一些技术、技巧
    1.Reset CSS
    知道Reset CSS是什么吗?通常情况下,它也被写成CSS Reset,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。网上有很多Reset CSS。(
    大家可以看看这里:http://www.css88.com/archives/541 和 http://www.css88.com/archives/614

    2.CSS Sprites
    利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;个人认为能CSS Sprites能减少图片的字节,我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和,原因在于每张图片都有额外的图片信息隐藏在图片中,这样多张图片合并,就能节省些字节;
    大家可以看看这里:http://www.css88.com/archives/756 (更多…)

  • JavaScript内核系列 正则表达式

    相当不错的一个系列中的一章(原文地址),截取如下:

              正则表达式是对字符串的结构进行的形式化描述,非常简洁优美,而且功能十分强大。很多的语言都不同程度的支持正则表达式,而在很多的文本编辑器如Emacs,vim,UE中,都支持正则表达式来进行字符串的搜索替换工作。UNIX下的很多命令行程序,如awk,grep,find更是对正则表达式有良好的支持。

              JavaScript同样也对正则表达式有很好的支持,RegExp是JavaScript中的内置“类”,通过使用RegExp,用户可以自己定义模式来对字符串进行匹配。而JavaScript中的String对象的replace方法也支持使用正则表达式对串进行匹配,一旦匹配,还可以通过调用预设的回调函数来进行替换。

              正则表达式的用途十分广泛,比如在客户端的JavaScript环境中的用户输入验证,判断用户输入的身份证号码是否合法,邮件地址是否合法等。另外,正则表达式可用于查找替换工作,首先应该关注的是正则表达式的基本概念。

               关于正则表达式的完整内容完全是另外一个主题了,事实上,已经有很多本专著来解释这个主题,限于篇幅,我们在这里只关注JavaScript中的正则表达式对象。

    6.1正则表达式基础概念

    本节讨论正则表达式中的基本概念,这些基本概念在很多的正则表达式实现中是一致的,当然,细节方面可能会有所不同,毕竟正则表达式是来源于数学定义的,而不是程序员。JavaScriipt的正则表达式对象实现了perl正则表达式规范的一个子集,如果你对perl比较熟悉的话,可以跳过这个小节。脚本语言perl的正则表达式规范是目前广泛采用的一个规范,Java中的regex包就是一个很好的例子,另外,如vim这样的应用程序中,也采用了该规范。

    6.1.1 元字符与特殊字符

    元字符,是一些数学符号,在正则表达式中有特定的含义,而不仅仅表示其“字面”上的含义,比如星号(*),表示一个集合的零到多次重复,而问号(?)表示零次或一次。如果你需要使用元字符的字面意义,则需要转义。

    下面是一张元字符的表: (更多…)

  • 精通 JS正则表达式(1)

    先复习下~

    […] 位于括号之内的任意字符
    [^…] 不在括号之中的任意字符

    复制 综括号
    /d{2, 4}/ //匹配2到4间的数字.
    /w{3} d?/ //匹配三个单字字符和一个任意的数字.

    本文http://www.javaeye.com/topic/481228
    正则表达式可以:
    •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
    •替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字
    •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

    (更多…)

  • JavaScript的正则表达式

    1.直接量字符

            在正则表达式中所有的字母字符和数字都是按照字面意思与自身相匹配的.JavaScript的正则表达式还通过以反斜杠()开头的转义序列支持某些非字母字符

     f 换页符
    n 换行符
    r 回车
    t 制表符
    v 垂直制表符
    / 一个 / 直接量
    一个 直接量
    . 一个 . 直接量
    * 一个 * 直接量
    + 一个 + 直接量
    ? 一个 ? 直接量 (更多…)