1 <!DOCTYPE HTML>2 <html>3 <head>4 <script>5function myFunction()6 {7var oTab = document.getElementsByTagName("input");//获取所有input元素 8for(var i=0 ; i<oTab.length;i++)9 { 10if(oTab[i].checked==true) oTab[i].checked = false; 11else oTab[i].checked = true; 12 } 13 }; 14 </script> 15 </head> 16 <body> 17 <div > 18 <button id="div1" onclick="myFunction()">反选</but...
<!-- 从这里开始复制本文所有内容保存到空白的.html文件中，用浏览器打开即可查看效果 --><!DOCTYPE html><html><head> <meta charset="utf-8"> <title>GoJS实例</title> <style> #myDiagramDiv { width: 400px; height: 500px; background-color: #DAE4E4; } </style> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <scrip...
我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。您还可以参考以下JavaScript/Ajax相关教程及资源:《10个非常棒的Ajax及Javascript实例资源网站》《12种Javascript解决常见浏览器兼容问题的方法》《300...
50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限，但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With CSS3 CSS3 Analogue ClockAnalogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time. Use CSS3 to Create a Dynamic Stack of Index CardsWe will create a dynamic stac...
描述由一个图形变化为另一个图形过程中的各个中间图形，称为渐变图形。可以利用插值算法求得各个渐变图形。 设在源图形和目标图形上各取M个对应坐标点，并分别保存到数组中，源图形用数组SX[M]和SY[M]保存M个坐标点（sx，sy），目标图形用数组DX[M]和DY[M]保存M个坐标点（dx，dy）。若需生成源图形变换到目标图形中的N-1个渐变图形，采用简单的线性插值可以编写如下的二重循环： for (k=1;k<N;k++) for (i=0;i<M;...
《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。 术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显...
外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。 用一段再简单不过的代码来表示：代码如下: var getName = function(){ return ”svenzeng” } var getSex = function(){ return ‘man } 如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.代码如下: var getUserInfo = function(){ var info = a() + b(); return i...
策略模式的意义是定义一系列的算法，把它们一个个封装起来，并且使它们可相互替换。 一个小例子就能让我们一目了然。 回忆下jquery里的animate方法.代码如下: $( div ).animate( {“left: 200px”}, 1000, ‘linear ); //匀速运动 $( div ).animate( {“left: 200px”}, 1000, ‘cubic ); //三次方的缓动这2句代码都是让div在1000ms内往右移动200个像素. linear(匀速)和cubic(三次方缓动)就是一种策略模式的封装. 再来一个例子. ...
介绍 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 使用观察者模式的好处： 1.支持简单的广播通信，自动通知所有已经订阅过的对象。 2.页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性。 3.目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用...
Javascript oop设计模式 面向对象编程 最初我们写js代码的时候是这么写 function checkName(){//验证姓名}function checkEmail(){//验证邮箱}function checkPassword(){//验证密码}这种方式会造成全局变量的严重污染，再过渡到 var checkObject = {checkName : function(){};checkEmail: function(){};checkPassword: funcion(){}; }//也可如此写 var checkObject = {} // || function(){} checkObject.checkName = function(){}; ...
介绍 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 使用观察者模式的好处： 1.支持简单的广播通信，自动通知所有已经订阅过的对象。 2.页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性。 3.目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用...
策略模式的意义是定义一系列的算法，把它们一个个封装起来，并且使它们可相互替换。 一个小例子就能让我们一目了然。 回忆下jquery里的animate方法.代码如下: $( div ).animate( {“left: 200px”}, 1000, ‘linear ); //匀速运动 $( div ).animate( {“left: 200px”}, 1000, ‘cubic ); //三次方的缓动这2句代码都是让div在1000ms内往右移动200个像素. linear(匀速)和cubic(三次方缓动)就是一种策略模式的封装. 再来一个例子. ...
外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。 用一段再简单不过的代码来表示：代码如下: var getName = function(){ return ”svenzeng” } var getSex = function(){ return ‘man } 如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.代码如下: var getUserInfo = function(){ var info = a() + b(); return i...
《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。 不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。 术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显...
本文实例讲述了JavaScript设计模式之调停者模式。分享给大家供大家参考，具体如下： 1、定义 调停者模式包装了一系列对象相互作用的方式，使得这些对象不必相互明显作用。从而使他们可以松散偶合。当某些对象之间的作用发生改变时，不会立即影响其他的一些对象之间的作用。保证这些作用可以彼此独立的变化。调停者模式将多对多的相互作用转化为一对多的相互作用。调停者模式将对象的行为和协作抽象化，把对象在小尺度的行为上与其他...