Ajax入门学习笔记

今天下午,随便翻了几本Ajax的书籍 .包括Lee Babin的 Beginning Ajax with PHP ; Ajax Hack 等。算是晓得Ajax是啥东西了。 Ajax依赖于Javascript和XML,实现异步的数据传输,在Web客户端的表现就是页面无需刷新。这玩意最早是、Microsoft提出来的,貌似现在还没有国际标准,但所有主流浏览器都支持。Ajax核心是Javascript的 windows.XMLHttpRequest对象 (IE6以下版本是ActiveXObject) 要创建一个 Ajax实例,只需创建 XMLHttpRequest对象即可。但是IE6及以下版本必须用完全不同的ActiveXObject方式创建。所幸的是除了初始化外两种方式创建的对象属性和方法几乎完全相同 .而且 IE7也开始支持标准XMLHttpRequest 对象.但现在貌似IE6还有人用..   XMLHttpRequest对象使用极其简单,基本的用法如下: function ajax(uri,id) { var content=document.getElementById(id); xmlhttp.open(“GET”,uri); //xmlhttp是创建的XMLHttpRequest对象 xmlhttp.onreadystatechange=function() { if( xmlhttp.readystate=4 && xmlhttp.status=200) { content.innerHTML=xmlhttp.responseText; } xmlhttp.send(null); }   所有复杂的Ajax运用,基本原理都是这样 .XMLHttprequest的 open方法向服务器提交请求,GET是请求方式,也可以是POST.uri是目标文件URL,例如”abc.htm” ,” abc.php&a=1″之类,也可以是绝对路径. XMLHttprequest 的 readystate有四种状态: 0,1,2,3,4 分别表示 初始化,载入中,正在载入,交互中和完成. 用onreadystatechange监控这一值改变,当完成后 如果 服务器返回状态码是200 […]

Continue reading

这个Theme确实得换了

自Blog建立以来偶只换过一次Theme ,就是从WP默认主题换为现在这个.后来一直修修补补用到现在. 确实该换了.这个主题宽度只有770px,在宽屏横行的这个年代确实窄了点。功能也少,所有页面的侧边栏都一个样,非常单调。。Widgets样式太难看。。。。总之缺点多多,现在越看越不顺眼。。。。 一定要换。而且得是自己做滴Theme。 本周我就开始做新Theme。 (上次凑合做的La Lune主题现在用在偶英文Blog了 – -)。 大致框架已经想好了。三栏,加入一些新特性 。配色嘛 ,蓝白黑灰绿差不多了。。。 代码和DIV+CSS应该问题不大。这几天一直在看HTML/CSS/Javascript/PHP函数库辞典 。。。头疼的是美工。。。Photoshop/ Fireworks之类的东西 基本不会用 。。。实在不行到QQ上抓一个懂美工的人来帮忙做图 – -。 PS:话说,偶还有一个网络相册,收集了超过7万张图片,包括大量Web设计素材。一直没用上。这次可以到里面好好找找看,有啥合适的图片素材. 。就这样=V=

Continue reading

The next WordPress Theme I will design

Now I am considering designing my next ( also the second ) WordPress Theme ,which is temporarily named ” Sakupple” ( Combined from sakura apple … – – ). I wish( Just a dream ?) this theme will become a Great , Beaytiful , and attractive theme . Just like the Theme which my sister […]

Continue reading

传说中滴点名游戏.

可岛可薇同学前几天在博客上点了我的名, 看起来挺好玩的…(不知道啥叫点名游戏?,看看这里) .偶Blog的About页看似内容很多,其实没有一点有价值信息( – – . .).借这个机会,向来偶Blog的朋友们透露一些自己的一些信息~~ OK ,回答问题先 1.如何将生活与工作做最好的调配? 还没工作.偶觉得在偶工作以后这将索个严重的问题….,学生时代的压力毕竟小的多 2.说出一个你认为自己最大的缺点。 缺点太多了。没优点就是最大缺点 – – 3.最郁闷的事。 昨天在公交车站看到一可爱的小女孩,很Loli的那种,偶凑近想仔细看看,结果小女孩先是一脸警惕的看着偶,然后干脆跑开了。。。。。狂郁闷。。。偶很像怪蜀黍吗。。。。。 4.你最希望从朋友(不包括爱人)那里得到的是什么? 帮助,支持,慰藉与信任。 5.你最想去哪个地方?为什么? 美国 &法国& 日本 。美国很自由,法国很浪漫,日本很萌 – – . . 而且偶有学英语,法语,日语 6.推荐一家你认为好吃又实惠的美食店。 没啥特别推荐的。。。生活上偶是很随意的。 7.你有很要好并且感情纯洁的异性朋友么?who is she/he? 幼儿园有(传说中的青梅竹马) 小学有(很多个) 初中,算有吧。。。 高中,算没有吧。。。。 现在。。。。。。没有。。。。汗。。。毒男也。。。。 8.遇到喜欢的人,你是勇敢表白还是默默关注? 没经验,我是希望像王小波那样啦,不过现在心理素质还不行。 9.说出点你名的人的3个优点(不可删除题) 可岛可薇同学吧,偶和他(他们?,貌似这索两兄弟滴博客)认识不久。我感觉他是个很仔细滴人,因为我发现他很快加了偶QQ,偶QQ在我博客的Contact页有公布,但加好友需要回答一个问题,这个问题又可以在偶Blog的侧边栏找到答案…饿…我要说的是能够发现这些信息的人给人映像是非常认真,仔细,清爽滴Boy ~~ 10.什么事情会让你觉得很幸福? 活着.(想到有一天将死亡你难道不害怕吗?) 11.你最想回到哪一年重新开始? 回到出生.在下的21年人生简直不堪回首 – – . . 12.你对你的近况满意吗?有什么需要改变? 没啥目标理想,所以日子凑合着过.本来没什么.不过最近认识一位叫Jaica的仙女姐姐 ,人美,Blog美,文字美,摄影作品也漂亮~~.感觉自己在她面前好渺小 […]

Continue reading

DIV +CSS区块自适应高度

做主题遇到这个问题.假设下面区块: 经典的二栏+Footer栏布局.content /sidebar区块分别设置为 向左/右float即可.如果三列则两列浮左,一列浮右. 通常这样没有问题.但如果给区块加上background-color:(背景颜色),例如: 默认背景(page)白色 content 列,背景红色 sidebar列: 背景黑色. 通常情况下,content 和sidebar的高度块不会相等,那么结果就会出现其中一列背景正常,而另一列上面是背景色,下面是白色!. 这个貌似是DOV+CSS下经典的自适应高度问题.我尝试给 sidebar /content列加上 height: 100% ;和 min-height:100%,均无效. (不知道原因,手册上说min-height百分比单位为参照父元素宽度) . 有看到一种方法: page块背景色:设为黑色 content 列,背景 红色 sidebar列: 背景 黑色.. 但这样只有在Sidebar列高度超过 content列时才有效!!,如果反过来呢? 我从现在使用的主题里找到了解决方法 #page { background: url(“images/back.jpg”) repeat-y top right; } 把 back.jpg这个图片颜色设为Sidebar背景色,宽度设为和Sidebar宽度相等(sidebar有margin的话相应减去),从右上方开始填充!,那么就正好覆盖Sidebar块所在的整个列. 这应该是最佳方案了

Continue reading

自制WordPress主题 La-Lune 测试

本人对CSS一窍不通,但还是决定自己做一款WP主题…因为用别人的Theme终究不爽,看到别人和偶用一样主题更加不爽 …..要想保证使用主题唯一性,只有自己做一个. 主题名字叫La lune ,之所以叫这个名字是因为其配色参考了一款同名Discuz模板. 偶CSS很烂…所以基本上没用啥花样.参考WP默认模板框架,二栏,使用一些Icon装饰.一些地方设计参考了许多WP主题… 昨天做了一天时间,大致上做好了.现在放在本人的英文博客上测试并完善. 配色还得改改,总觉得太淡 PS:测试主题暂时不能留言,因为偶还没做 comments.php – –

Continue reading

音容笑貌缺一不可啊…

今天在公交车上见到一个女的.看着还有点美女的潜质 – -见到美女我自然多看两眼 – – 这时她手机响了,她接起电话 .一听到她打电话的声音我当时就吓惨了 …..说好听点那声音叫浑厚低沉….实际上简直就是噩梦…..宛如中年壮汉…又如七旬老妪…….. 把我惊吓的急忙跑开……   自古形容女子向以容颜,体态描述,举几例: 诗曰: 手如柔荑,肤如凝脂,领如蝤蛴,齿如瓠犀,巧笑倩兮,美目盼兮 直言女子体肤细腻,容貌动人. (南北朝)王僧孺 愁来不理鬓,春至更撺眉 悲看蛱蝶粉,泣望蜘蛛丝 此言女子与爱人分隔,满含哀愁,我见犹怜之态 晏几道-鹧鸪天 彩袖殷勤捧玉钟,当年拼却醉颜红 舞低杨柳楼心月,歌尽桃花扇底风 乃言歌女婀娜多姿,轻歌曼舞之曼妙身姿 李清照 丑奴儿 晚来一阵风兼雨,洗尽炎光 理罢笙簧,却对菱花淡淡妆 绛绡缕薄冰肌莹,雪腻尗酥香 笑语檀郎,今夜纱橱枕簟(dian4)凉 女主人对境梳妆,神状诱惑.暧昧之态,一见自明 遍历古代情诗情词,涉及女子美态,皆以样貌/神态/身姿称赞   然则, 女子声音 样貌均不可或缺.若容貌美,声音至少也要过得去吧?吴侬软语,尔浓我浓你可能做不到,像水树奈奈声音一般”萌” 估计一般女子也不行 .但若像我今天遇到的女子一般声音,则确实大煞风景也 – -… 音容笑貌缺一不可啊…

Continue reading

2007年12月日语考试证书在线制作程序

这是偶今天无聊写的东西.php实现 Version 1.0 纯属娱乐,技术含量是没有滴.. (要不怎么说我无聊呢….) 在线演示地址: http://test.sakura-paris.org/jp/1/jpdiplema.htm 本程序根据用户输入的姓名,出生日期,考试级别和准考证号,在线生成2007年12月日本语等级考试的证书图片.证书样图来源于咖啡日语论坛杜亮提供 具体的过程是 表单提交数据 -> php程序接受数据 -> 用 GD库的 imagettftext函数把文字写入证书样图的对应位置 -> 浏览器输出生成图片(imagejpeg函数).   说明: 1.为了省事,服务器端没有对用户输入的内容做任何过滤 ,本程序并没有任何SQL查询/文件上传等代码,所以不会造成安全问题. 而如果php程序涉及SQL查询/文件上传等过程,则必须对从客户端接受数据进行严格的过滤,通常过滤流程如下: 首先判断是否为空 : if(!$_GET[‘variable’]) ….. -> 判断字符串长度是否超标: if (length($_GET[‘variable’]) >10 ….. ->使用正则表达式对数据格式进行严格审查: if(!ereg(“^[a-zA-Z0-9]*$”,$_GET[‘variable’]) …. (这个正则式子将确保客户端传来的数据只含有英文字母和数字,不含有任何 ‘ ” ; 等危险的特殊符号) WEB开发的首要原则是:所有客户端传来的数据都是不可信赖的 2.imagettftext函数要求指定TrueType字体文件,而这个与平台相关,比较头疼.所以我干脆上传了一个ARIAL.TTF文件到程序目录下 .直接用这个Arial字体 3.请不要输入中文字符,否则出错 (因为使用的Arial字体没有中文字符) 4.整个过程最头疼的就是确定写入文字在样图上像素的位置,这个偶是本地用Photoshop的标尺+windows计算器手工计算出来的…汗…. 5.需要GD2库. (GD1不行,因为两个版本字体大小不同) 最终的东西有下面几个文件(位于同一文件夹下) jp.jpg —– >用于生成证书的样图(移除了文字) original.jpg ——>真实的原始证书图片(咖啡日语论坛杜亮提供) […]

Continue reading

4.1日

就是传说中的愚人节啦…. Google新推出人肉搜索,大家不妨去看看 (这是一个愚人节玩笑,但实际上也是Google对未来搜索技术的预测,人工智能永远无法超过大脑.WEB2.0的一个重要特性是用户创造内容[User-generated content ].如果把用户参与信息索引/处理与网格和分布式计算技术相结合,那么未来的搜索引擎用户满意度,可能远远超过现在. 来源:Google黑板报 )     关于人肉搜索 什么是人肉搜索? 人肉搜索与刺青、美白、护肤、减肥等直接在人肉上施行的种种行为无关。顾名思义,人肉搜索就是利用现代信息科技,变传统的网络信息搜索为人找人,人问人,人碰人,人挤人、人挨人的关系型网络社区活动,变枯燥乏味的查询过程为一人提问、八方回应,一石激起千层浪,一声呼唤惊醒万颗真心的人性化搜索体验。人肉搜索不仅可以在最短时间内揭露某某门背后的真相,为某三某七找到大众认可的道德定位,还可以在网络无法触及的地方,探寻并发现最美丽的丛林少女,最感人的高山牧民,最神秘的荒漠洞窟,最浪漫的终极邂逅…… 人肉搜索追求的最高目标是:不求最好,但求最肉。 谷歌为什么要创建人肉搜索引擎? 谷歌自进入中国市场以来,一直致力于根据本地需求改进用户的搜索体验。谷歌很早就意识到,自发的、分散的、有意或无意的人肉搜索行为早在中国互联网诞生之初就存在并茁壮成长着。中国互联网界发生的几乎每一起重大事件,尤其是娱乐性事件,都有可能成为人肉搜索技术的试金石。为了丰富人民群众的业余文化生活,为了使广大网民在最短时间内赶超人肉搜索的世界水平,谷歌决定投入巨资打造亚太地区最大的人肉搜索引擎。 谷歌人肉搜索引擎有哪些特点? 规模最大:第一期工程拟招募人肉搜索志愿者2500万名,完成后将成为亚太地区最大的人肉搜索引擎。 创新最多:256项专利技术,1024篇相关论文,4096次用户调研,65536轮预览版测试。 领域最全:搜索范围涵盖娱乐、影视、体育、社会、名人、百姓、历史、地理、物种、太空等领域。 速度最快:平均查询响应时间32秒。 挖掘最深:曾在预览版测试中,用时128秒,成功定位了中国大陆生产的第一只自动冲水马桶。   另,知名博客网站Readwriteweb今天评出了愚人节中最容易使网民“不当受骗”的十大网站及媒体,其中Google名列首位。(该文中文翻译见这里)   提供一个4.1愚人网页,没啥技术含量,整人倒还行 – -. . PS:,也许是愚人节玩笑,今天很多博客托管在Feedsky上RSS的订阅数字都“急剧增大”.本Blog的RSS昨日显示订阅数是28,今日是79423 ……  

Continue reading