Yole Garden

博客

  • 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>

    （更多…）

  • 密码保护：东秦家园 复苏

    此内容受密码保护。如需查阅，请在下方输入密码。

  • 密码保护：多考虑下身边的人

    此内容受密码保护。如需查阅，请在下方输入密码。

  • Web 3.0：语义网时代

    以下这段15分钟的视频来自纽约大学新闻/心理学专业学生Kate Ray，很好地概括了语义网，也即把网络上所有数据变成结构化数据（structured data）从而可以定义数据之间的相互关系，进而衍生出意义。这段视频采访了诸多互联网名人，Dixon, Tim Berners-Lee（万维网之父）, Clay Shirky, David Weinberger, Nova Spivack, Jason Shellen, Lee Feigenbaum, John Hebeler, Alon Halevy, David Karger, 以及Abraham Bernstein。

    （更多…）

  • 网站技术分析报告之——开心网

    楔子

    一直在研究互联网技术，经常访问这样那样的网站，突发奇想，为什么我们不去看看这些网站的技术架构是怎么样的呢？研究一下源代码？于是便有了这个系列，首先找谁呢？我想还是找山寨版的开心网开刀吧，这个开心网，不是那个开心网，呵呵。 

    坦白说，我不太想注册，也不想研究太多太多，一般来说，一个网站最重要的是首页，Ok，那我们就从首页开始吧。 

    本系列文章仅仅是个人研究发布，仅供参考，本人不承担任何责任，呵呵，谢绝跨省抓捕。对于开心网，因为是一个封闭系统的系统，我挑了一个注册的页面来分析。页面网址：http://reg.kaixin.com/kx7201.do?ss=10112&rt=26 

    分析工具：各种浏览器，firebug（一个基于firefox的插件） 

    导语：

    我如果是陈一舟，我一定炒掉开心网的CTO，为什么呢，这么简单的一个登陆页，居然做到了385.2KB之大，像开心网这么大的流量，每多1kb就意味着每天N多的钱哪。呵呵，开玩笑啊，开心网的CTO别骂我，假如哪一天你真被炒了，别怪我啊，只能说是巧合。我没有找到官方的pv或独立Ip的数据，根据alexa的数据参考一下吧，估计日均独立IP为528,000，我们估计按每独立IP访问一次登陆吧，实际上可能少一些，因为很多用户可能直接在首页上登陆了（alexa的数据也不是那么可靠，供参考吧）。  （更多…）

  • eclipse无法启动

    新下的Eclipse居然无法启动，很是郁闷,查找知道控制启动的文件存在于Eclipse.ini文件中

    改动参数值试了下，其实只要把XXMaxPermSize值改小，比如我改成了196M。就可以启动了。

    现在的文件内容是：

    -showsplash
    org.eclipse.platform
    –launcher.XXMaxPermSize
    196M
    -framework
    pluginsorg.eclipse.osgi_3.4.3.R34x_v20081215-1030.jar
    -vmargs
    -Dosgi.requiredJavaVersion=1.5
    -Xms40m
    -Xmx512m

    把XXMaxPermSize值改小，这也算是一个方法吧。

    ———————————————————————————————-

    奇怪的是，分别使用这两种方法启动eclipse，在eclipse中查看Configuration details，设置完全相同！虽然问题解决了，但是原因并不是完全清楚，只知道和launcher.XXMaxPermSize这个eclipse启动参数有关系。

    还google到一个参数,一个JVM的启动参数:-XX:+UseParallelGC,这个是JDK5中新增的垃圾回收器参数，如果是双核的CPU会提高GC工作效率。

    现在我把eclipse.ini文件的内容改成：

    -vmargs
    -Dosgi.requiredJavaVersion=1.5
    -Xms40m
    -Xmx512m
    -XX:+UseParallelGC

    是不是启动得还比原来快些那。

  • 一个关于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 （更多…）

  • 思考web3.0

    　　web1.0—-网站是别人的网站
    　web2.0—-网站是朋友的网站
    　　WEB3.0—-网站是你我的网站

    X–》获取信息–》选择性post（使用鼠标事件？）

    网站无边界，构建自己的网络

  • 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 元字符与特殊字符

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

    下面是一张元字符的表： （更多…）