陈建华的博客
专注web开发
发布时间 : 2017-03-30 15:12:14     Tags : javascript

元字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。*匹配前面的子表达式任意次。例如,zo*能匹配“z”,“zo”以及“zoo”。*等价于{0,}。+匹配前面的子表达式一次或多次(

发布时间 : 2017-01-11 13:24:07     Tags : javascript

此文章需要输入密码后查看

发布时间 : 2016-12-15 16:18:13     Tags : javascript

简介从苹果的实验开始,HTML5画布是最广泛支持的2D即时模式图形WEB标准。现在许多开发商依靠它来实现各种各样的多媒体项目、可视化和游戏。然而,我们随着构建的应用复杂性的增加,开发人员无意中会遇到性能瓶颈。有很多不连贯的有关优化画布性能的智慧。本文的目的是为开发人员更容易消化将这些资源整合在一起。本文包括适用于所有计算机图形环境以及Canvas实现改进时会有所变化的特定技术的根本优化。尤其是,由于浏览器厂商实现Canvas GPU加速,一些讨论的概述性能技术将有可能作用较小。 这将在适当情况下加以描述。请注意,本文不涉及HTML5画布的使用,至于HTML5 Canvas的使用可参阅HTML5

发布时间 : 2016-12-14 11:15:59     Tags : javascript

简介HTML5 canvas 最初起源于苹果(Apple)的一项实验,现在已经成为了web中受到广泛支持的2D快速模式绘图(2D immediate mode graphic)的标准。许多开发者现在利用它来实现众多的多媒体项目、可视化醒目以及游戏等等。然而,随着我们构建的应用程序的复杂度的增加,我们难免会遇到所谓的性能问题。已经存在众多优化canvas性能的方法了,但是还没有一篇文章将这些方法系统的整理并加以分析。本文的目的就在于将这些方法整理、巩固以使其曾为 开发者们更容易理解、消化、吸收的资源。本文囊括了适用于所有计算机绘图环境(computer graphics environments

发布时间 : 2016-12-14 10:49:39     Tags : javascript

当你创建一个<canvas>元素后,就拥有了它的绘图上下文。一、简单图形1、getContext()方法为了在canvas上绘制,你必须先得到一个画布上下文对象的引用,用本方法即可完成这一操作,格式如下:context = canvas . getContext(contextId)方法返回一个指定contextId的上下文对象,如果指定的id不被支持,则返回null,当前唯一被强制必须支持的是“2d”,也许在将来会有“3d”,注意,指定的id是大小写敏感的。2、toDataURL()方法此函数,返回一张使用canvas绘制的图片,返回值符合data:URL格式,格式如下:url = canv

发布时间 : 2016-12-08 10:35:29     Tags : javascript

globalCompositeOperation即Canvas中的合成操作。1、source-over这是默认值,他表示绘制的图形将画在现有画布之上<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script

发布时间 : 2016-11-22 10:23:25     Tags : javascript

FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存。FileSaver.js 在客户端保存文件的解决方案,并且可以让 Web 应用完美的生成文件, 或者保存不应该发送到外部服务器的一些敏感信息。是一种简单易用实现的利用 JavaScript/JS 在浏览器端保存文件的方案。实现浏览器端生成并保存文件的 JavaScript 库 FileSaver.js 使用说明:https://github.com/eligrey/FileSaver.js/一、引入 JavaScript 文件:<script src="path/F

发布时间 : 2016-11-18 11:16:34     Tags : javascript

这套方案是在纯WEB端来解析XLS文件,不借助任何插件,不借助后台服务器。示例代码:<input id="m1" value="选择XLS" type="file"><script type="text/javascript">var ExcelToJSON = function() {this.parseExcel = function(file){ var reader = new FileReader(); reader.onload = function(e){ var data = e.target.result; var workbook =

发布时间 : 2016-10-12 16:54:32     Tags : javascript

//创建SVGvar svgDemo= document.createElementNS('http://www.w3.org/2000/svg','svg'); svgDemo.style.width = "400px";svgDemo.style.height = "400px";document.body.appendChild(svgDemo);//添加图片标签var image=document.createElementNS('http://www.w3.org/2000/svg','image'); image.setAttribute("x","100"); image.set

发布时间 : 2016-06-23 17:17:00     Tags : javascript

本文实例讲述了js实现jquery的offset()方法。分享给大家供大家参考。具体分析如下:用过jQuery的offset()的同学都知道offset().top或offset().left很方便地取得元素相对于整个页面的偏移。而在js里,没有这样直接的方法,节点的属性offsetTop可以获得该节点相对于父节点的相对偏移,但不能直接获得其绝对偏移,我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移。function getOffset(Node, offset) { if (!offset) { offset = {}; offset.top

微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航