js设计模式之等待者模式

等待者模式:通过多个异步进程监听,来触发未来发生的动作。 代码实现: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans...

2017/07/18 23:54
174
js设计模式之节流器模式

对重复的业务逻辑进行节流控制,执行最后一次操作并取消其他操作,以提高性能,这就是节流模式,即节流器。 下面以图片的延迟加载来演示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

2017/06/20 23:29
222
js设计模式之备忘录模式应用

备忘录模式:在不破坏对象封装性的前提下,在对象之外捕获并保存该对象内部的状态以便日后对象使用或者恢复到以前的某个状态。 <script type="text/javascript"> var Page = function(){ ...

js
2017/06/18 23:06
214
CSS定位模型总结

web前端css支持6种定位模型 静态 绝对 固定 相对 浮动 相对浮动 设定位置 position:static;可以取消元素的定位设置,使之恢复为原先在常规流中的显示方式.static是默认值. position:relative...

css
2017/06/18 10:41
58
js设计模式之命令模式应用

将请求与具体的实现解耦,并封装成独立对象,从而使不同的请求对客户端的实现参数化,这就是命令模式。 1、代码实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...

js
2017/06/18 10:22
66
js设计模式之状态模式

状态模式:当一个对象的内部状态发生变化时,会导致其行为的改变,这看起来是改变了对象。 1、代码实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...

js
2017/06/18 09:22
9
js设计模式之观察者模式的应用

观察者模式即发布-订阅者模式或消息机制,定义了一种依赖关系,解决主题对象与观察者之间功能的耦合。 一、观察者模式实现 1、实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

js
2017/06/18 09:04
123
js设计模式之模版方法模式的应用

模版方法模式:定义一组操作算法框架,而将一些实现步骤延迟到子类中,使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤。 1、源码 <!DOCTYPE html PUBLIC "-//W3C//DTD...

css3动画简介以及动画库animate.css的使用

在这个年代,你要是不懂一点点css3的知识,你都不好意思说你是个美工。美你妹啊,请叫我前端工程师好不好。呃。。好吧,攻城尸。。。呵呵,作为一个攻城尸,没有点高端大气上档次的东西怎么能...

css
2017/06/17 10:42
49
JS实现md5加密

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>md5加密</title> <script type="text/ecmascript" src="md5.js"></script> <script type="text/javascript"> var hash =...

JS 实现Base64加解密

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" src="base64.js"></script> <script type="text/javascript"> ...

几个漂亮的按钮样式

地址:http://www.divcss5.com/fanli/css-bottom/ 在线PS系统:http://www.uupoop.com/ 样式预览:

2017/06/14 18:50
298
CSS中的滤镜

设计网页时合理的为页面应用滤镜,可以起到非同凡响的效果。CSS滤镜分为基本滤镜和高级滤镜,基本滤镜又称为视觉滤镜,只要将其应用于对象上,便可以立即产生视觉特效,但其效果远不及高级滤...

CSS鼠标属性值

<html> <body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span ...

css
2017/06/13 23:12
14
CSS美化超链接

1、普通样式 .link2:link { /*初始样式*/   color: #376d06;   text-decoration: underline; } .link2:hover { /*鼠标悬浮时*/   color: #03F;   text-decoration: none;   margin-top: 1px; ...

使用css控制文本不常使用的属性总结

1、text-transform .font01{   font-family:"幼圆";   font-weight:bold;   line-height:30px;//控制行文本间距   text-align:center;//元素的水平对齐方式 text-transform:uppercase; //有...

css
2017/06/11 00:42
61
background-cli:控制背景图像的裁剪区域

background-cli属性与background-origin属性不同,区别在于background-cli属性是用来判断背景图像是否包含边框区域,而background-origin属性是用来决定background-position属性定位的参考位...

css
2017/06/11 00:12
300
background-origin:控制背景图像的显示区域

默认情况下,background-position属性以元素左上角的原点为基准来定位背景图像。在css3.0中,新增的background-origin属性可以改变这种定位方式,使用其他方式控制背景图像的显示区域,使得在...

css
2017/06/11 00:02
765

没有更多内容

加载失败,请刷新页面