2013 年 11月随笔档案 - Joanna Qian

Front End中Javascript兼容问题收集（转）

摘要：1 select标签,就有诸多不兼容: A、 cloneNode方法,对于非IE浏览器没有问题,对于IE浏览器, 遇到的问题包括: 1)option selected的会clone不过去,然后会将第一个option作为selected值 2)事件clone也会有问题 B、Readonly:对于IE6,可以通过以下方法将select设为readonly:obj.onbeforeactive=function(){return false}obj.onfocus=function(){obj.blur();}obj.onmouseover=function(){obj.setCaptu... 阅读全文

posted @ 2013-11-29 04:28 Joanna Qian 阅读(479) 评论(0) 推荐(0)

Java DSL简介（收集整理）

摘要：一、领域特定语言（DSL）领域特定语言（DSL）通常被定义为一种特别针对某类特殊问题的计算机语言，它不打算解决其领域外的问题。对于DSL的正式研究已经持续很多年，直到最近，在程序员试图采用最易读并且简炼的方法来解决他们的问题的时候，内部DSL意外地被写入程序中。近来，随着关于Ruby和其他一些动态语言的出现，程序员对DSL的兴趣越来越浓。这些结构松散的语言给DSL提供某种方法，使得DSL允许最少的语法以及对某种特殊语言最直接的表现。这里将描述怎样使用Java语言来编写领域特定语言，并将建议一些组建DSL语言时可采用的模式。Java适合用来创建内部领域特定语言吗？在我们审视Java语言是否阅读全文

posted @ 2013-11-29 04:22 Joanna Qian 阅读(12787) 评论(0) 推荐(0)

关于document.createDocumentFragment()（转）

摘要：documentFragment 是一个无父对象的document对象.他支持以下DOM2方法:appendChild, cloneNode, hasAttributes, hasChildNodes, insertBefore, normalize, removeChild, replaceChild.也支持以下DOM2属性:attributes, childNodes, firstChild, lastChild, localName, namespaceURI, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, pare 阅读全文

posted @ 2013-11-28 02:43 Joanna Qian 阅读(479) 评论(0) 推荐(0)

鼠标捕获(setCapture，releaseCapture)的学习

摘要：鼠标捕获(setCapture)作用是将鼠标事件捕获到当前文档的指定的对象——对指定的对象设置鼠标捕获。这个对象会为当前应用程序或整个系统接收所有鼠标事件。所谓鼠标捕获，是指对鼠标事件（onmousedown, onmouseup, onmousemove, onclick, ondblclick, onmouseover, onmouseout）进行捕捉，使在容器内的子对象的鼠标事件均由容器对象触发，因此，只能在容器对象的鼠标事件函数中进行处理。当参数为true时，对鼠标进行捕捉，相反，不捕捉。与这个函数对应，releaseCapture方法释放鼠标捕获，并触发onlosecapture事阅读全文

posted @ 2013-11-27 03:00 Joanna Qian 阅读(5209) 评论(0) 推荐(1)

常用CSS缩写语法总结(转)

摘要：使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 阅读全文

posted @ 2013-11-26 23:40 Joanna Qian 阅读(352) 评论(0) 推荐(0)

jquery 中json数组的操作(转）

摘要：在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。记录下来。1、数组的创建var arrayObj = new Array();　//创建一个数组var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elem 阅读全文

posted @ 2013-11-22 00:00 Joanna Qian 阅读(2951) 评论(0) 推荐(0)

初识Comet技术

摘要：一、服务器推送技术概述服务器推送技术（Servers Push)的基础思想是将浏览器主动查询信息改为服务器主动发送信息。服务器发送一批数据，浏览器显示这些数据，同时保证与服务器的连接。当服务器需要再次发送一批数据时，浏览器显示数据并保持连接。以后，服务器仍然可以发送批量数据，浏览器继续显示数据，依次类推。主要应用于：监控系统：报警提示；即时通信系统：其它用户登录、发送信息；即时报价系统：后台数据库内容发生变化；实现基于web的实时事件通知。实现方式有：基于客户端套接口：采用RMI、CORBA或者自定义TCP/IP信息的applet来实现Comet: 基于 HTTP 长连接、无须在浏览器阅读全文

posted @ 2013-11-21 01:37 Joanna Qian 阅读(4578) 评论(1) 推荐(2)

巧用JS中的join方法操作字符串

摘要：1、将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符/***把数组转换成特定符号分割的字符串*/function arrayToString(arr,separator) {if(!separator) separator = "";//separator为null则默认为空 return arr.join(separator);}/*** 查找数组包含的字符串*/function arrayFindString(arr,string) {var str = arr.join(""); return str.ind 阅读全文

posted @ 2013-11-19 05:15 Joanna Qian 阅读(2270) 评论(0) 推荐(0)

jquery load ($.load) 事件用法与分析(转)

摘要：首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQuery.ajax()这个比较全面的方法的。load( url, [data], [callback] )其中:url：是指要导入文件的地址。data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。下面给出几个用法示例：1.加载一个php文件，该阅读全文

posted @ 2013-11-19 03:05 Joanna Qian 阅读(662) 评论(0) 推荐(0)

jQuery的Ajax操作小结——$.ajax和$.getJSON等用法小结

摘要：一、$.ajax用法与举例jQuery.ajax(url,[settings]) ——返回值:XMLHttpRequest通过 HTTP 请求加载远程数据，这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。最简单的情况下，$.ajax()可以不带任何参数直接使用。$.ajax({ type:'GET', url:'http://www.phpernote.com/jquery.php', data:{username:'phpernote',password:'123456'}, d 阅读全文

posted @ 2013-11-19 02:47 Joanna Qian 阅读(1091) 评论(0) 推荐(0)

jQuery数组处理详解(转)

摘要：1. $.each(array, [callback]) 遍历[常用]解释: 不同于例遍jQuery 对象的$.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~).回调函数拥有两个参数：第一个为对象的成员或数组的索引,第二个为对应变量或内容.如果需要退出each 循环可使回调函数返回false, 其它返回值将被忽略.each遍历,相信都不陌生,在平常的事件处理中,是for循环的变体,但比for循环强大.在数组中,它可以轻松的攻取数组索引及对应的值.例:$.each(_mozi,function(key,val){ //回调函数有两个参数,第一个是元素索引,第二个为当... 阅读全文

posted @ 2013-11-16 02:53 Joanna Qian 阅读(368) 评论(0) 推荐(0)

Javascript 严格模式 strict mode（转）

摘要：一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javascript做好铺垫。"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支阅读全文

posted @ 2013-11-15 05:48 Joanna Qian 阅读(935) 评论(0) 推荐(0)

多种方法实现div两列等高（收集整理）

摘要：HTML骨架头部主内容区域侧边栏页脚1.背景模拟（使用背景图片实现等高）：背景模拟主要依靠一张图片，然后将其平铺，使页面在视觉上，产生等高效果，如图背景模拟实现很简单，直接利用了background-repeat属性,使背景图片以Y轴方向重复。图片： css： background-repeat:repeat-y;关于背景图片，这个需更具你的实际项目需求，值得注意的是背景图片切图时必须以两列的形式，否这达不到等高效果。*{ margin:0; padding:0;}#header,#footer{ width:960px;/*设置头部，页脚宽度*/ height:30px;... 阅读全文

posted @ 2013-11-15 02:00 Joanna Qian 阅读(2461) 评论(0) 推荐(0)

11个超棒的 jQuery 分步指引插件(转)

摘要：当一个网站或者一个Web应用推出新功能时，为了让用户了解你的站点（或应用）如何操作，往往都会在站点（应用）中添加一个分步指引的效果。然而这样的效果，对于不懂原生JS的同学来说，是件很头痛的事情。下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件，你可以根据自己需求定制，它们都具有一个时尚的外观，而且简单易用。1. Intro.jsIntro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性。支持键盘+鼠标的导航方式。2. aSimpleTouraSimpleTour 使用JSON数据进行存储配置和内容。一个浮动窗帮助管理重点元素的浏览、工具提示（可以定位）。3. Pageg 阅读全文

posted @ 2013-11-14 08:20 Joanna Qian 阅读(761) 评论(0) 推荐(0)

Java 的JSON、XML转换方法——目录索引(转)

摘要：JSON及XML的Java序列化、反序列化（转换）在WebService、Ajax数据传递中，用得比较多。如：在用ExtJS、jQuery、mootools以及一些WebService时，你可以需要用到JSON、XML，给前端传递JSON或XML数据。这个时候你就可以用下面的这些技术帮助你转换Java对象，这些技术都可以轻易完成。比你手动拼接字符前要方便、省事得多。JSON的传递数据相对XML要更快些，且性能更好，但XML的可读性更清晰。至于用JSON，还是XML就看你的需求了。json-lib框架，可以完成Java对象到JSON的相互转换，以及简单转换XML。在线博文：For cnblogs 阅读全文

posted @ 2013-11-05 05:10 Joanna Qian 阅读(437) 评论(0) 推荐(0)

平时收集的一些有关UED的团队和个人博客(转)

摘要：UCDChina导航前端团队阿里巴巴 UED -- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深的部门之一。支付宝前端开发 -- 支付宝前端开发车间。淘宝UED -- 淘宝网用户体验团队。淘宝MED -- MED(Marketing Experience Design). 是淘宝营销体验设计部门，为淘宝网的营销产品做体验设计。口碑UED -- UED(User Experience De 阅读全文

posted @ 2013-11-02 10:51 Joanna Qian 阅读(361) 评论(0) 推荐(0)