BlogJava-小D-随笔分类-js

基于Node.js的小站

vagasnail — Fri, 18 Jan 2013 02:57:00 GMT

其实这个站点断断续续的写了很长的时间，学了不少东西，如：node.js、mongodb、bootstrap等等。
其实说实话node.js还是不适合做web站点，其实它更适合做高并发的接口服务
的应用，比如网游服务器等，比起PHP来，还是很多不爽，也许用PHP我能够很快的做出这样一个来吧，一周，两周，也许还不要。
但是无论如何，它是能做WEB程序的。
代码其实托管到github上了，但是写得很乱，就不公布地址了，如果谁想要，留言，留邮箱吧。
程序放到了cloudfoundry.com上面，有兴趣的同学过去看看吧，点这里。

vagasnail 2013-01-18 10:57 发表评论

VagaJson，一个JSON与Java对象的序列化工具

vagasnail — Fri, 29 Jul 2011 14:27:00 GMT

     一直很喜欢JSON这种数据格式，它简洁高效，没什么冗余的数据，趁着离职回家，没什么事做，就写一个JSON字符串反序列化为Java对象，然后能将Java对象序列化为JSON字符串的工具。
    1. JSON字符串反序列化Java对象：
    严格来说是JsonObject和JsonArray对象，分别对应了Json中的对象和数组。这里采用了Douglas Crockford的递归降序的JSON解释器的方法，我编写Java版本，所以这个解析器的所有权利都是Douglas Crockford的。通过该解析器就能将Json字符串序列化为相应的JsonObject和JsonArray对象，然后能可以访问这些对象来获取你想要的值。你可以这样使用:

1    public void testValue(){
2        JsonHolder obj = (JsonHolder) new JsonParser().doParse(new File("c:\\cc.json"));
3        if(obj.isArray()){
4            JsonArray jarr = (JsonArray) obj;
5            JsonObject jo = (JsonObject) jarr.get(2);
6            System.out.println(jo.getValue("pdate"));
7            System.out.println(jo.getValue("id"));
8            JsonArray joa = (JsonArray) jo.getValue("users");
9            JsonObject joo = (JsonObject) joa.get(2);
10            System.out.println(joo.getValue("name"));
11
12            System.out.println(joo.isEmpty());
13        }
14    }

cc.json是一个保存有Json字符串的文件，你也可以直接传入Json字符串。

2. Java对象的Json字符串序列化。可以将Collection接口的实现类的对象及Map接口的实现对象转换成Json字符串，对于普通Java对象来说，只是将其属性转换成Json属性，所谓的Java对象的属性，就是以get开头的方法。你可以这样使用：

1    public void testMap() {
2
3        Map ss = new HashMap();
4
5        for(int i = 0; i < 10; i++){
6            Article a = new Article();
7            a.setId(12321);
8            a.setContent("说法适当方式的士大夫 ");
9            a.setIsPrime(true);
10            a.setTitle("斯蒂芬速度ddddsds ");
11            User []us = new User[5];
12            for(int j = 0; j < 5;j++){
13                User u = new User();
14                u.setId(12312);
15                u.setName("daimin");
16                us[j] = u;
17
18            }
19            a.setUsers(us);
20            a.setPdate(new Date());
21            ss.put(i+"", a);
22        }
23
24        String res = Json.toJson(ss,false,"C://cc.json");
25
26    }

相信的使用方法可以参加源码中的test包下面的代码。本工具支持Java1.4及其以上版本。
你可以自由的使用该工具，但是本人不保证其效率及功能的完整性，如果能有任何的反馈，我会很乐意的修改，如果你能将该工具用于任何的项目中，我也十分的荣幸，不过请保留本人的名字。

源码在这里下载，同时里面还有一个工具VersionHelper，它能将版本信息或者许可协议添加到Java类文件的开头。

vagasnail 2011-07-29 22:27 发表评论

jVaga，蛋疼的JS库

vagasnail — Tue, 12 Jul 2011 04:04:00 GMT

很简单的，没多少代码，应该还有很多BUG，先做个标记在这里。
我的目标就是Make you easy use。
主要就是模仿Jquery的使用，肯定没有jquery强大，但是肯定也要简单许多。
1. 能使用jVaga.extend进行对象扩展(prototype.js)。
2. 能进行简单的浏览器类型判断，jVaga.B，如果是IE则会返回IE版本号，如果是其它浏览器只会是布尔值。
3. 能使用jVaga()或者$，进行元素选择，你也可以使用jVaga.util.setNamespace自定义选择器标志符。
选择器返回的是包装后的JS对象，你可以直接调用它提供的各种便利的方法。
选择器用法：

  1 DOCTYPE html>
  2 <html lang="cn">
  3     <head>
  4         <meta charset="utf-8" />
  5         <script type="text/javascript" src="jvaga-0.3.0.js">script>
  6         <script type="text/javascript">
  7 /*        window.onload = function(){
  8                 var dd = document.getElementById("track");
  9         alert(dd.getAttribute);
10         }
11 */
12           $(function(){
13
14 // test1 : 命名空间设置
15 //             jVaga.util.setNamespace("$_$");
16 //             alert($_$("#track"));
17 // test : id
18 //             alert($("#track"));
19 /*$(".logo").each(function(e){
20   alert(e.hasClass("logo1"));
21 });
22 */
23 // class 选择，class检测, find二次选择，属性值获取,tagName选择
24 //alert($(".logo")[0].hasClass("logo"));
25 //alert($(".logo")[0].find("img")[0].attr('src'));
26 //alert($("a")[0].text());
27 // 链式使用
28 //alert($(".logo")[0].find("img")[0].attr('src','xxxx.gif').attr('src'));
29 // $("#ddd") $("[name='sds']:first > ") $("input")
30 // 浏览器测试
31 //alert($.B.IE);
32 //alert($.B.OP);
33 //alert($.B.WK);
34 //alert($.B.GK);
35 //alert($.B.MS);
36
37           });
38         script>
39     head>
40     <body>
41
42       <div class="header">
43           <div class="logo"><img src="images/logo.png" />div>
44           <div id="track">
45            <a href="#">首页a>
46            <span class="arrow">>>span>
47            绘图优化
48         div>
49       div>
50      <div id="main">
51       <div class="blocks">
52
53         <div id="leaveBlank">
54            想象力的留白
55       div>
56
57     <div class="block">
58          <div id="userInfo">
59              <h3>个人信息h3>
60             <img src="images/userhead.jpg">
61          div>
62        div>
63           <div class="article">
64           <div class="title">
65               <div class="title_cont">
66                   我的文章标题
67               div>
68               <div class="tag">
69                   标签1 标签2
70               div>
71           div>
72

115
116     body>
117 html>4. jVaga.util下面有各种的工具函数，如：
    toArray函数将参数转换成数组；addClass2TagNext给指定的标签的元素的下一个元素节点运用class；
    loadScript函数动态加载JS包；getEvent函数，兼容浏览器的Event对象的获取。
5. 给数组类型加入了each函数，能方便的遍历每个元素；给String加入了trim函数。
6. 提供了便利的Ajax支持，（为提供效率，使用了HttpRequest对象连接池，不知道是不是好的实践呢？）jVaga.Post对应post方式的AJax请求，jVaga.get就是get方式的了。
7. 。。。。

你可以自由的使用该工具，但是本人不保证其效率及功能的完整性，如果能有任何的反馈，我会很乐意的修改，如果你能将该工具用于任何的项目中，我也十分的荣幸，不过请保留本人的名字。

--------------------------------------蛋疼的分割线---------------------------------
一不小心就0.3.1版本了，主要做了如下修改：
# 这个版本主要对于节点选择器内部实现的改进
# 简单来说，因为IE8+及Chrome、Safari、Firefox比较新的版本中
# 都实现了比较好的选择器querySelector及querySelectorAll，这些选择器
# 比我用Javascript实现的选择器，效率不知高多少倍，所以我在内部需要
# 适配使用该接口实现。
+ 只是针对Css ClassName的选择的时候，应用了querySelectorAll,其它的情况下
也是无法应用该接口

而用法还是如上面，所示：
新版本的代码在这里下载

vagasnail 2011-07-12 12:04 发表评论

CSS的block与inline及float的三角关系

vagasnail — Thu, 26 May 2011 17:00:00 GMT

11111111111111

222222222222

33333333333333

默认是display:block,默认是display:inline
block占一行，默认是宽100%，而且不会与任何元素一行
inline可以一行显示多个
block可设置宽度和高度
inline不可以设置宽度和高度，只随内容变化
float元素自动变为inline-block，可以设置宽度和高度，可以一行显示多个，float元素不会重叠，知道该行结束就换行。
float元素在block元素之上，和inline平级，所以会覆盖block元素，不会覆盖inline元素，inline元素围绕在float周围。
clear清除指定边的浮动元素
浮动对象的高度将不会将父对象撑开，因为浮动对象已经脱离了文档流，
overflow:hidden将清除其内的浮动元素的浮动效果，
准确的说是使浮动对象重新回到文档流(浮动对象是浮动在文档流上面[block上面，和inline平行])，但依然保持inline-block效果

谁能告诉我为什么IE里面会显示不正确呢?其它浏览器都好好的，我在本地用IE也是好好的。

vagasnail 2011-05-27 01:00 发表评论

使用eval参数进行JS函数调用

vagasnail — Wed, 06 Apr 2011 06:46:00 GMT

使用JS 中的eval函数，可以将JS字符串作为JS表达式进行执行。

将下列JS代码保存为1.js

function f(num,callback){
//eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。
eval(callback+"('"+num +"')");
}

再定义一个test.html，保存到和1.js相同的目录

eval示例:

请输入学生成绩

然后打开test.html，可以看到我们调用了传过去的dosome()函数，使用eval函数必须保证字符串表示的JS表达式，在当前页面有效。

我们可以通过帧的方式来用eval执行任意可访问的帧的JS代码。也可以通过打开子窗体的方式，是父窗体和子窗体的JS代码能够相互调用，

而且我们只要传入函数名字符串（无论何种方式，不如通过url参数的方式），调用者无需知道调用的函数的名称，只要得到函数名字符串，即可调用，所以比较灵活。

vagasnail 2011-04-06 14:46 发表评论