JavaScript: top对象
摘要：一般的JS书里都会在讲框架集的时候讲top，这会让人误解，认为top对象只是代表框架集，其实top的含义应该是说浏览器直接包含的那一个页面对象，也就是说如果你有一个页面被其他页面以iframe的方式包含了，无论包含的层级是什么，都可以用top访问最外层的哪一个页面，因为这个页面被浏览器直接包含，这个...
阅读全文
posted @ 2015-01-20 20:47
随笔分类 - Web前端
JavaScript的OOP编程2
摘要：我做了一个observer的设计模式实现version1// --------------------------------------------------function Subject(){}Subject.prototype.add = function(obj){ if(type...
阅读全文
posted @ 2015-01-20 12:52
JavaScript的OOP编程1
摘要：首先要说的是，javascript其实是可以进行OOP编程的，其次javascript的OOP编程实现方式有多种，我写的这一种只是我测试过，可行的一种version1// 父类function Person(name){this.name = name}Person.prototype.say = ...
阅读全文
posted @ 2015-01-20 11:11
JS单元测试框架：QUnit
摘要：QUnit：jQuery的单元测试框架，但不仅限于jQuery(从这个工具不需要引用jquery.js可以看出)index.html QUnit Example api.jsfunction sum(a, b){ re...
阅读全文
posted @ 2015-01-12 19:34
十大响应式Web设计框架
摘要：http://www.csdn.net/article/2014-05-13/2819739-responsive-frameworks-for-web-design对于设计师而言，网站设计中的任意一环节都不容忽视。时下，借助网上的一些资源，只需简单的几个步骤你就可创建出更具吸引力的设计，包括菜单、...
阅读全文
posted @ 2014-05-13 11:19
HTML5
摘要：HTML5拥有一些非常棒的特性，其中就包括了websockets。这个标准非常容易识别，你可以从ws://和wss://（安全的websockets URL）前缀中分辨出来，这样就可以启动“服务端的事件推送”。如果大家深入的了解一下的话，这里有一些非常有趣的内容。如果你深入学习HTML5，你绝对应该尝试一下websockets！在个人看来，这是最酷的HTML5技术。在大家正式开始了解HTML5的websocket之前，让我们了解一下：WebSockets的9大杀手级功能websocket启动了服务器端web应用双向交流处理的功能（这里查看API）。典型的应用如下：聊天应用（API）多人游戏，例
阅读全文
posted @ 2013-12-09 15:55
不可小觑的Web开发编码规范
摘要：http://www.csdn.net/article/2013-10-21/2817235-coding-conventions-in-web-development摘要：编码规范是一套规章制度，用来为某一特定的编程语言推荐编程风格、方法和实践。这些规范覆盖方方面面，包括注释、文件夹、文件组织、行首缩进、书面声明、空格、命名规格、编程实践和原则、构建最佳实践等等。文章作者Andrey Prikaznov在DZone上分享了关于Web开发里编码规范的注意事项。编码时间长的人总会遇到编码格式标准化的问题，但是不同的项目里需要使用不同的规则和风格来解决问题，甚至有的时候林林总总的繁杂事情会让人头脑
阅读全文
posted @ 2013-10-24 17:38
我自己写的domtohtml
摘要：写这个的愿意是要从浏览器获得福利，利用浏览器容错的能力得到无错标准的HTML流var ELEMENT_NODE = 1;var TEXT_NODE = 3;var emptyString = "";var replaceFlag = "[firefox_thinkernote_pugin]";var cssArray = new Array();function elementToString(element){ function getScript(element) { /* if(element.childNodes.length == 0) ret
阅读全文
posted @ 2012-04-26 23:54
我的firefox插件开发历程
摘要：https://addons.mozilla.org/en-US/developers/docs/reference首先给出firefox插件开发的官方文档列表，如果没有列表，那么开发firefox插件几乎不可能，光看中文资料也是会死的说，从老大给了任务，到基本完成任务，中间花了一周时间，这一周是痛苦而又极有成就感的一周，我的插件其实功能还算简单，就是在界面上添加一个按钮，点击按钮打开我们的主页，右键菜单上在加上一个菜单项，点击可以把当前页面存到我们的server上(HTTP接口)开发环境：ubuntu10.10 firefox 7.0基础知识：firefox插件是一个xpi文件，例如fire
阅读全文
posted @ 2012-04-21 21:47
MySQL的datetime类型在web端生成javascript的Date对象
摘要：服务端读取Comment表并将结果集返回给调用者，调用者使用json.dumps将结果集转成json字符串列表返回给WEB前端。datetime字段dumps之后变成描述日期的字符串，例如'2012-4-1 12:31:01' JS无法操作这个日期,例如在该时间的基础上加减N天或者N个小时，再比如对两个时间进行比较。找出较早的时间，所以服务端先把datetime转成bigint,再传给客户端（如果是日期是MYSQL的timestamp类型就不需要转换，因为timestamp就是bigint）#webpy框架import web,time,datetimedef getList(
阅读全文
posted @ 2012-04-03 18:00
JS解析JSON生成界面2
摘要：/* 解析JSON生成UI BEGIN*/g_index = 0;function append_new_row(buttonid,tableid){ jQuery("#"+buttonid).click( function(){ tr = append_row(null,++g_index,tableid); jQuery("#"+tableid).append(tr); });}function get_one_field(index){ fieldName = jQuery("#fieldName"+index); ...
阅读全文
posted @ 2012-01-16 13:29
JS解析JSON生成界面1
摘要：jQuery(function() { _init_page();});function redirect(){ var url = "http://"+window.location.host if(window.location.port != "" && window.location.port != "80") url += ":" + window.location.port; url+="/home"; window.location = url;}function
阅读全文
posted @ 2012-01-16 13:24
