随笔分类 -  javascript

javascript
贝塞尔曲线算法，js贝塞尔曲线路径点
摘要：//anchorpoints：贝塞尔基点 //pointsAmount：生成的点数 //return 路径点的Array function CreateBezierPoints(anchorpoints, pointsAmount) { ... 阅读全文
posted @ 2015-11-25 17:06 lx_ 阅读(9128) 评论(0) 推荐(0)
HTML5下通过response header解决跨域AJAX cookie的问题
摘要：ajax：通过给Response Header添加Access-Control-Allow-Origin:* 来解决跨域请求，*代表允许所有的跨域请求，或者把*换成指定的域名cookie：服务端需要在Response Header中加入头Access-Control-Allow-Credential... 阅读全文
posted @ 2015-10-12 14:48 lx_ 阅读(810) 评论(0) 推荐(0)
javascript 原型链、作用域链的理解
摘要：一、原型链 原型链主要是通过 __proto__和prototype两个属性来实现的。（注：由于__proto__是私有属性，很多浏览器都没有开放，以下都是在谷歌浏览器中实现的） 1、“类”的__proto__等于其父类的prototype 例： 2、“类”实例的__proto__等于该“类”的pr 阅读全文
posted @ 2015-05-26 17:28 lx_ 阅读(1014) 评论(0) 推荐(0)
移动端触摸事件 【转】
摘要：触摸事件三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件：1.touchstart：手指放在一个DOM元素上。2.touchmove：手指拖曳一个DOM元素。3.touchend：手指从一个DOM元素上移开。每个触摸事件都包括了三个触摸列表：1.touches：当前位于屏幕上的所有手指的一个列... 阅读全文
posted @ 2014-11-10 11:04 lx_ 阅读(349) 评论(0) 推荐(0)
html5 Canvas碰撞反弹的思路【转】
摘要：之前在一个外国的网站上看到一个挺好的算法（http://www.emanueleferonato.com/2010/02/13/flash-as3-pixel-based-circle-collision-engine/），主要的亮点在于他计算反弹方向的算法上（同时碰撞到很多物体）。大概思路是这样的... 阅读全文
posted @ 2013-04-10 17:24 lx_ 阅读(459) 评论(0) 推荐(0)
[javascript 类]实现的三种方法【转】
摘要：在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称"实例"）共有的属性和方法。Javascript语言不支持"类"，但是可以用一些变通的方法，模拟出"类"。一、构造函数法这是经典方法，也是教科书必教的方法。它用构造函数模拟"类"，在其内部用this关键字指代实例对象。function Cat() { this.name = "大毛"; }生成实例的时候，使用new关键字。var cat1 = new Cat(); alert(cat1.name); // 大毛 阅读全文
posted @ 2013-04-01 14:01 lx_ 阅读(259) 评论(0) 推荐(0)
javascript 动态创建SVG对象
摘要：<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="htt 阅读全文
posted @ 2013-04-01 11:49 lx_ 阅读(1850) 评论(0) 推荐(0)
ExtJS3 不兼容IE9的解决方法【转】
摘要：公司项目在测试中，发现在IE9中，ExtJS里的tree控件不能点击了。Google了一下，发现ExtJS3.0不支持IE9的，现在升级 ExtJS已经不可能了，只有想其他办法，第一想法就是让IE9默认采用IE8的兼容模式运行，好像以前好像在哪见过这个代码，然后就Google了一 下，果然找到答案了。在页面<head></head>里面插入以下代码：<metahttp- equiv=”X-UA-Compatible”content=”IE=EmulateIE8″/> 必须在head里的第一行插入，才行的。这样IE9打开该页面就默认用IE8的兼容模式进行渲染， 阅读全文
posted @ 2013-02-20 17:20 lx_ 阅读(252) 评论(0) 推荐(0)
FireFox下使用border-image和-moz-border-image
摘要：现在火狐下可以直接只用border-image属性了，不过我在使用的时候遇到一个使用后没有效果的问题（PS：测试了火狐、chrome、safari只有火狐下无效），纠结了半个小时，css代码如下：.border-image-round { width:6... 阅读全文
posted @ 2012-11-30 10:25 lx_ 阅读(558) 评论(0) 推荐(0)
extjs grid renderer 方法参数说明【转】
摘要：extjs grid renderer用法今天在做项目时，需要在列表中的某列添加一个超链接，首先要取得当前选中行的数据，判断数据类型，然后链接到不同的页面，研究下。发现ExtJs提供了一个很强的方法如下：var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }),{ header: '', align: 'center', dataIndex: 'AccountAndRos 阅读全文
posted @ 2012-05-25 13:54 lx_ 阅读(451) 评论(0) 推荐(0)
IE6下iframe调用的页面中含有DD_belatedPNG js的引用，iframe显示为空白的BUG
摘要：解决办法：if (el.currentStyle.position == 'static') { el.style.position = 'relative'; }把DD_belatedPNG 文件中这段修改成下面就OK了if (el.currentStyle.position == 'static') { if (el.nodeName != 'HTML') el.style.position = 'relative'; }IE6下面的BUG真多~~~~~~ 阅读全文
posted @ 2012-05-21 11:04 lx_ 阅读(427) 评论(0) 推荐(0)
通过下拉菜单筛选GridPanel的数据【转】
摘要：这里实现的是一个GridPanle页面，初始显示为全部的数据，在tbar里有一个下拉菜单，菜单里的选项可以对全部的数据进行筛选显示。代码（页面引用EXTJS代码和JS文件头部Ext.onReady(function(){xx})）代码就不写了，XX如下： var reader = new Ext.data.JsonReader({}, [ {name: 'HBR'}, {name: 'LRSJ', type: 'date'}, {name: 'JDMC'}, {name: 'HBNR'} ... 阅读全文
posted @ 2012-05-07 11:17 lx_ 阅读(446) 评论(0) 推荐(0)
笔记：IE下 jquery的fadeIn与fadeOut方法失效的BUG
摘要：BUG1:绝对定位嵌套绝对定位这个问题遇到过好多次，因为没有做笔记，所以每次遇到这个问题都要研究半天。好记性不如烂笔头，这话一点没错。 测试测试测试 测试测试测试 ... 阅读全文
posted @ 2012-05-07 09:55 lx_ 阅读(10514) 评论(2) 推荐(0)
javascript拖动效果的一个注意事项：拖动图片时，mousemove事件会被中断
摘要：在IE浏览器中尝试拖动一下图片，你会发现鼠标会成为禁止操作的样式，图片是被禁止拖动的.在Firefox中拖动是加入图片收藏原因是因为执行了浏览器的默认事件，解决方法如下：Firefox在mousedown中 加入 return false;即可IEie中只要在mousemove中加入return false;即可在这里记录一下，以免下次在遇到这个问题 阅读全文
posted @ 2012-04-28 17:08 lx_ 阅读(1104) 评论(0) 推荐(0)