Web开发网 > Web前端开发
首页 上一页 [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] 下一页 尾页 24/69页，每页显示30条，共2067条相关记录
今天发现自己写的高亮函数代码出现问题，有一些内容没有替换掉，显示为原来的内容，认真看了一下replace函数，发现自己完全没理解透replace函数中替换内容特殊字符$的用途，导致代码出现bug。 原来的代码要替换__JS0__这个内容为nbsp;$nbsp;，执行替换后发现不是nbsp;$nbsp;，而是变成了nbsp;__JS0__nbsp;，原因是$代表的是与 regexp 相匹..
玩游戏的都知道技能有一个冷却效果，效果如下图。在网页里，除了用Flash，通过css+javascript等不少方法可以实现它。 显然这种效果不复杂，一张背景图片，加上前面带有透明度的多边形图层，在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形？ 在IE下可以用VML，其他浏览器可以用Canvas等等。虽然行的通，但都不是最..
最近在修改一个游戏框架时发现页面渲染效率骤降，CPU从原先的10%左右上升到50%（一个核已经满负载了），FPS也下降不少。经过一番调试，发现 是其中的一个img元素引起的。和页面里其他img元素不同之处在于，这个图片的尺寸是通过脚本缩放的，难道图片的尺寸会影响渲染效率吗？下面来测试下。 这里选择一幅600*400的图片，让它随鼠标移动，..
ckeditor设置了高度为100%百分比时并不会自动将容器填充满，通过firebug查看生成的ckeditor代码结构后，如下图，编辑器的td设置了高度为height:100%的样式，但是并没有实现容器的完整填充。 ckeditor有自动全屏的功能，如果是想自动填充整个显示窗口，而不是指定的容器，可以通过调用CKEDITOR.instances.content.execCommand('maximi..
node.js轻量级的框架，Server- Side Javascrpt。 首先下载node.js，然后解压到E盘，改名为node，然后开始菜单输入cmd，用cd命令切换到nodejs的解压目录：第一个例子：hello world。在node目录下建立hello.js文件，然后在里面输入：//var sys = require(sys);var sys = require(util)sys.puts(Hello world); 然后我们在命名台中输入命令..
1.globalAlpha 属性，设置透明效果function draw() { var ctx = document.getElementById('canvas').getContext('2d'); // 画矩形 ctx.fillStyle = '#FD0'; ctx.fillRect(0,0,75,75); ctx.fillStyle = '#6C0'; ctx.fillRect(75,0,75,75); ctx.fillStyle = '#09F)'; ctx.fillRect(0,75,75,75); ..
HTML5的Canvas自带API可以显示阴影效果，主要还是在画布(canvas)的上下文对象(context)上做文章 !DOCTYPE html head meta charset=UTF-8 titleHTML5 Combine Shape DEMO/title script type=text/javascript src=js/drawShadow.js/script /head body onload=draw('canvas')/body h2canvas：显示..
在HTML5中有11种组合图形的方式，只要把他们设置到context.globalCompositeOperation中就可以了，下面是一些证明各种图形组合方式的结果的示例。 HTML代码很简单，就2个控件，一个是下拉列表，让用户选择组合方式，并且一旦用户做出了选择，就执行js函数draw(id），从而在第二个控件canvas上根据用户当前选择的组合方式进行画图。第二个控..
在html5-Canvas API，介绍了基础的canvas方法，现在使用javascript+Canvas绘制时钟做一个示例。 在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及 html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。 javascript+Canv..
最新版本的jquery-easyui-1.3.1新增了grid插件的subGrid【detailview】功能，可以预览数据行的详细信息。但是使用从他们官网下载的源代码压缩包中使用高版本的jquery，如jquery-1.8.0.min.js时，发现向配置了detailview的grid添加数据行时，如果这个grid没有数据，在添加多行数据时，只能添加在最前面的一行，其他数据无法添加进去。如果gri..
Geolocation API用于将用户当前地理位置信息共享给信任的站点，这涉及用户的隐私安全问题，所以当一个站点需要获取用户的当前地理位置，浏览器会提示用户是允许 or 拒绝。 哪些浏览器支持Geolocation API：IE9.0+、FF3.5+、Safari5.0+、Chrome5.0+、Opera10.6+、IPhone3.0+、Android2.0+，也就是说除IE6~IE8外，其它最新的浏览器基本上..
按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子，感觉这个功能蛮好玩的，但是还不够强大，尤其浏览器支持力度不够： !DOCTYPE html head meta charset=UTF-8 title使用HTML5本地数据库DEMO/title script type=text/javascript src=js/operateDB.js//script /head body onl..
canvas对象drawImage方法是canvas导入图片的一种方法，他有三种重载形式：drawImage(image,x,y)drawImage(image,x,y,width,height):伸缩drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,destX,destY,destWidth,destHeight):剪切伸缩 其中第一个参数image可以是page中的img元素，也可以是其他canvas元素,base64编码的URL或vide..
1.translate(x,y):平移，将画布的坐标原点向左右方向移动x，向上下方向移动y.canvas的默认位置是在（0,0）. 例子：画布原点假如落在（1，1），那么translate（10，10）就是在原点（1，1）基础上分别在x轴、y轴移动10，则原点变为（11,11）。2.scale（x,y）：扩大。x为水平方向的放大倍数，y为竖直方向的放大倍数。3.rotate(angel):旋转.angle指旋..
canvas画布是一项很强大的东西，先来看一下canvas中的坐标原点，及正、负坐标的取值 那就先试着画一个米字吧，高手莫笑！canvas id=diagonal style=border: 1px solid blue; width=200 height=200/canvasscript type=text/javascriptwindow.onload=function(){ var canvas = document.getElementByIdx_x('diagonal'); //指..