文章分类 -  JavaScript与JQuery

摘要：FileReaderFileReader功能很简单: 从文件中读取数据和保存到JS变量中。此API特意设计成跟XMLHttpRequest一样因为都是从外部读取数据。读取过程都是异步的不会造成浏览器阻塞。FileReader可以返回几种格式来文件数据的格式， 而且这些格式在读取文件时是必须的。通过以下几个方法可以宣告读取完毕：readAsText()– 返回文件内容的纯文本格式readAsBinaryString()–返回文件内容的二进制格式 (不推荐– 推荐使用readAsArrayBuffer())readAsArrayBuffer()– 返回文件内容的ArrayBuffer格式(图片文件 阅读全文

摘要：多年前,我在Goolge面试中被问及哪些改变会能使我得以提高Web的用户体验的。 在我的心目中的第一位是有不用控件实现文件操作的办法。尽管Web的多数部分已经改变，但操作文件还是最原始落后的方式。终于，HTML5新的API到来了，在较新的桌面浏览器中我们有更多操作文件的方式了(iOS 暂时不支持)。文件类型文件类型定义在File API[1]的规范里，并且是File的抽象. 每个File实例都有以下属性:name– 文件名size– 文件的大小字节数type– 文件的MIME type一个File对象给出了一个文件的基本信息而无需直接访问文件内容。这点很重要，因为读取文件需要进行磁盘操作，文件 阅读全文

摘要：实例 创建一个欢迎 cookie 利用用户在提示框中输入的数据创建一个 JavaScript Cookie，当该用户再次访问该页面时，根据 cookie 中的信息发出欢迎信息。 什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。有关cookie的例子：名字 cookie 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe! 阅读全文

摘要：主要内容自动填充效果，热词分表检索，热词分表保存适用情况及影响自动填充功能可以改善用户体验，为用户提供输入提示，减少敲击键盘次数，但改善用户体验的前提是用户输入的重复度，输入重复度越高用户体验越好，在改善用户体验的同时也给系统带来了副作用，增加了服务器的访问压力，如果输入重复度不是很高不建议使用自动填充功能。自动填充原理使用ajax的异步通信功能将用户的输入发送到应用服务器，应用服务器将用户的输入和热词库中的热词匹配，将匹配的热词返回到客户端，用户提交输入时将输入保存热词库，若热词库中已经有此热词则将热词热度加1。第三方包jquery自动填充插件1、下载地址:http://bassistanc 阅读全文

摘要：API(应用编程接口)Boxy.load(url, options)以一个URL加载内容并以Boxy对话框的形式展现。支持以下的一些选项参数：类型 - HTTP方法，默认为GET缓存 - 如果是true，缓存内容连续通话。相当于缓存选项传递到jQuery的Ajax方法。默认：false。过滤 - jQuery的表达式，用于过滤远程内容。（任何其他指定的选项将被传递到boxy的构造函数中）Boxy.get(element)返回包含元素的实例，例如：关闭对话框Boxy.ask(question, answers, callback, options)显示模式，即非可关闭对话框，允许用户选择选项。问 阅读全文

摘要：用javascript捕获窗口关闭事件有以下两种方法:1.用javascript重新定义 window.onbeforeunload() 事件在javascript里定义一个函数即可function window.onbeforeunload() { alert("关闭窗口")}alert()事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口function window.onbeforeunload() {if (event.clientX>document.body.clientWidth && event.clientY<0 ||eve 阅读全文

摘要：功能描述通过JavaScript实现图片的本地预览（无需上传至服务器），兼容所有浏览器（IE6&IE6+、Chrome、Firefox）。效果示例实现要点●对于Chrome、Firefox、IE10使用FileReader来实现。●对于IE6~9使用滤镜filter:progid:DXImageTransform.Microsoft.AlphaImageLoader来实现。实现代码 引自：http://hi.baidu.com/chinatjnet/item/3d47bef73b782212ff358272 阅读全文

摘要：作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安 全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享 一点点经验外，更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然，如果我说的有不科学的地方还希望各路前辈多多指教。下面分条目列出各种规范要 求，这些要求都是针对同事编码毛病提出来的，好些行业约定的其它规范可能不会再提及。1、保证代码压缩后不出错对于大型的JavaScript项目，一般会在产品发布时对项目包含 阅读全文

摘要：1，exec()，这个方法返回匹配正则表达式的值，例子如下：2，test()，这个方法返回一个bool类型的值，如下例 $("#btn").click(function(){ var regx=/user\d+/g; //定义一个正则表达式 var flag=regx.test("user12dd"); //传一个字符串进行匹配，如果能匹配返回true,不能匹配返回false; alert(flag); }) 3, match()，这个方法返回一个能匹配的数组，如下例 $("#btn").click(function(){ var r 阅读全文