JavaScript面向对象设计二 构造函数模式

2017年02月06日 22 阅读

我们将使用构造函数模式将工厂模式进行改写。 复制代码 代码如下: function Employee（name, age, job） { this.name = name; this.age = age; this.job = job; this.sayName = function （） { alert（this.name）; }; } var Jim = new Employee（"jim", 22, "SoftWare Engineer"）; var...

js change,propertychange,input事件小议

2017年02月06日 19 阅读

https://github.com/mootools/mootools-core/issues/2170这个问题来自IE（LTE8）中对checkbox和radio change事件的实现问题，在IE（LTE8）中测试下来，当你点击一个checkbox或者radio，它的change事件是不会立即触发，除非你让它失去焦点，而在其他标准浏览器中（包括IE9），是点击后立即触发change事件的，这的确是个蛋疼的问题，说到解决方法，倒也比较容易，用IE（LT...

suggestion开发小结以及对键盘事件的总结（针对中文输入法状态）

2017年02月06日 21 阅读

重要的键盘事件： 事件顺序：keydown -> keypress ->keyup 对于输入法开启时： keypress： 这三个事件中最最特别的事件的说,如果巧妙运用可以事半功倍： 1. 首先对于大部分功能键是没有keypress事件的 Caps lock ，shift，alt，ctrl，num lock、、、庆幸的是enter拥有此事件 2. 对于字母，数字，press返回的keyCode是不可靠的 在IE和webkit 下 返回的是ASC...

js汉字排序问题 支持中英文混排，兼容各浏览器，包括CHROME

2017年02月06日 22 阅读

具体技术 1.使用GB编码与UNICODE的转换 2.数组关联排序 注意：GB编码 库地址 http://demo.jb51.net/jslib/qswhGB2312.js 代码（demo写的很简陋） 复制代码 代码如下: <script> //power by 毛绒猫猫 liuyutong@baidu.com var strGB="啊阿埃挨哎唉哀皑癌蔼矮艾碍爱隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱袄傲奥懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙坝霸罢爸白柏...

js有关元素内容操作小结

2017年02月06日 22 阅读

1.innerHTML 这个大家一定都很熟悉，可读可写，修改元素内容相当快捷方便，在兼容问题上可以参考W3Help中一个知识记录。 2.outerHTML 此方法可以用于对元素自身的快速替换,比如: 复制代码 代码如下: <p id="hello">Hello, I am a demo</p> $（"hello"）.outerHTML = "<p>Hello, I am a replacement</p>";...

javascript之querySelector和querySelectorAll使用介绍

2017年02月06日 21 阅读

一开始很多人都会拿jquery的选择器来跟这两个api做对比（我也是），比较异同本来没事，但却使一些同学对这两个api在浏览器中的实现产生了误解，特别是再dom element上调用此api时。 下面是我的jsFiddle示例，我就以此展开说明： js代码: 复制代码 代码如下: （function（global） { global.doc = document; global.body = doc.getElementsByTagName（"body"）...

非主流的textarea自增长实现js代码

2017年02月06日 20 阅读

其中大部分是靠scrollHeight（非W3C标准，由IE引入），keyup事件来完成。有一种比较有意思的是 通过“镜像元素（mirror element）”, 和setTimeout轮询实现。大致的实现思路如下: 把一个单独的pre元素，通过position:absolute的方式定位于client view之外，并且把它和textarea的样式设置的一样，我们把这个pre元素称为“mirror“，然后通过setTimeout进行200ms的轮询，把t...

js实现的仿新浪微博完美的时间组件升级版

2017年02月06日 18 阅读

这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题 也解决了.总之,差不多也算一个完美的时间组件, 在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面 然后贴出源码,只有一点简单的说明 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...

这段js代码得节约你多少时间

2017年02月06日 21 阅读

1.应用案例: 复制代码 代码如下: var Mouse = function （） { // Look！ no that = this！ this.position = [0, 0]; if （document.addEventListener） { document.addEventListener（"mousemove", ？）; //this.move？ } else if （document.attachEvent） { document.att...

40款非常有用的 jQuery 插件推荐（系列一）

2017年02月06日 21 阅读

今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。MotionCAPTCHA（演示|下载）MotionCAPTCHA 是一款非常特别的 jQuery 验证码插件，要求用户画出看到的形状才能通过验证，用到了 Canvas 标签，所以只能在现代浏览器中使用。Smart Validate（演示|下载）这是一款基于 jQuery 的信用卡验证插件，使得繁琐的信用卡格式验证变得轻松，支持各种流行的行用卡类型。Wave Display Effect...

用JSON做数据传输格式中的一些问题总结

2017年02月06日 19 阅读

向客户端提供JSON数据的方式 一. 用WCF提供Json数据 用WCF向客户端提供Json数据我们需要注意, A. 契约的定义, 在WebInvokeAttribute 或者 WebGetAttribute中的ResponseFormat设置为WebMessageForm.Json, 复制代码 代码如下: [WebInvoke（Method = "POST", ResponseFormat = WebMessageFormat.Json, Request...

DIV外区域Click后关闭DIV的实现代码

2017年02月06日 22 阅读

阻止冒泡：1、stopPropagation（）对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器， 而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation（）; 复制代码 代码如下: <style> body { background:black; } #myDiv { background: #fff; width:250px; hei...

jquery事件机制扩展插件 jquery鼠标右键事件

2017年02月06日 22 阅读

因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。 但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jq...

jquery $.getJSON（）跨域请求

2017年02月06日 17 阅读

1，同一域名下和其他的请求可以是一样的 js: 复制代码 代码如下: var url="http://localhost:2589/a.ashx"; $（function（）{ $.getJSON（url,function（data）{ alert （data.Name）; }） }）; 服务器返回字符串： {"Name":"loogn","Age":23} 2，不同域名下 js: 复制代码 代码如下: var url="http://localhost...

JavaScript面向对象程序设计三 原型模式（上）

2017年02月06日 22 阅读

我们创建的每一个函数都有一个prototype（原型）属性，该属性是一个对象，包含可以有特定类型的所有实例共享的属性和方法。使用它的好处就在于可以让所有对象实例共享它所包含的属性和方法，也就是说，不必在构造函数中定义对象的信息，而是可以将这些信息，直接添加在原型对象中，如下所示，还是接着改写前两篇日志中的例子： 复制代码 代码如下: function Employee（） { }; Employee.prototype.Name = "Jim"; Empl...

jquery随机展示头像代码

2017年02月06日 19 阅读

先分析实现思路 需要一个容器，作为头像显示的区域。 容器内部需要头像图片作为展示。 随机每个头像的大小，位置，层级。 头像位置随机范围要减去等于该头像宽高，以限制随机范围不溢出容器。 样式 复制代码 代码如下: *{ margin:0; padding:0;} .Icon-Box{ width:960px; height:700px; margin:0 auto; position:relative;} .Icon-Box li{ position:abs...

jQuery中创建实例与原型继承揭秘

2017年02月06日 21 阅读

如 new Object（）、new Date（）等等！（object有{}，数组有[]这样的快捷方式 ，我们主要探讨new这种方式。） 我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码。 复制代码 代码如下: funtion jQuery（ selector, context）{ return new ...

jquery 年会抽奖程序

2017年02月06日 21 阅读

看了一下，传不了源代码，特粘帖html 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <titl...

js DOM的学习笔记

2017年02月06日 21 阅读

今天学习了DOM，做了以下一些基础练习…… DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发。 学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。 参考书：张孝祥《JavaScript网页开发——体验式学习教程》 一、DOM的入门： 1、DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本...

关于跨站脚本攻击问题

2017年02月06日 22 阅读

一般的攻击就是写一段脚本看是否能执行，就能判断是否是攻击了，比如说我写<script> alert（"执行了我了哦！！！"）; </script>，然后看看当页面加载的时候是否能执行，就行了。目前为止一般的网站这段代码都不会执行，但是换一种方式呢？ 比如<SCRIPT>alert（String.fromCharCode（88,83,83））</SCRIPT>，估计也米有几个网站执行吧，大家都知道的。 下面看更...