随笔分类 -  JavaScript

1
摘要:null表示"没有对象",即该处不应该有值。典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象。 (2) 作为对象原型链的终点。 undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调 阅读全文
posted @ 2019-02-12 15:13 WFaceBoss 阅读(191) 评论(0) 推荐(0)
摘要:前言: 1.es6的简单介绍: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 2.为什么要搭建ES6的开发环境? 因为至今各 阅读全文
posted @ 2018-12-01 16:52 WFaceBoss 阅读(258) 评论(0) 推荐(0)
摘要:由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案。 第一步:依次引入jquery.js+jquery.ellipsis.js+jquery.ellipsis.unobtrusive.js。 (1)jquery.js源 阅读全文
posted @ 2018-11-21 09:39 WFaceBoss 阅读(8696) 评论(2) 推荐(0)
摘要:该功能是基于jquery实现的,所以 第一步则是引入jquery jquery下载地址:https://jquery.com/download/ 或者使用此时调试的版本(3版本) /*! jQuery v3.2.1 | (c) JS Foundation and other contributors 阅读全文
posted @ 2018-10-24 11:19 WFaceBoss 阅读(2522) 评论(1) 推荐(0)
摘要:介绍 责任链模式(Chain of responsibility)是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。 请求以后,从第一个对象开始,链中收到请求的对象要么亲自处理它,要么转发给链中的下一个候选者 阅读全文
posted @ 2017-10-21 21:35 WFaceBoss 阅读(2547) 评论(0) 推荐(0)
摘要:代理模式的定义,代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要)。 代理模式有两种分类: (1)普通 阅读全文
posted @ 2017-10-21 11:20 WFaceBoss 阅读(622) 评论(0) 推荐(0)
摘要:效果为, 步骤二,为对象(执行者)建立命令访问库 意思是可以通过extcute方法访问到addFlow方法 步骤四,客户端 发出者 步骤五,实例化客户端 这样html中的事件就可以起作用了。 在这里我们使用插件来让其功能支持自定义的键盘事件,插件名称为:keymaster.js 首先,如html中一 阅读全文
posted @ 2017-10-21 10:13 WFaceBoss 阅读(1020) 评论(0) 推荐(0)
摘要:(2)扩展一个发布者的发布消息的方法(推模式) (3)扩展公共订阅的函数,和取消订阅的函数 订阅的函数: (5)发布部分 (5.1)使用门面模式--针对各浏览器的事件绑定兼容问题 (5.2)创建主应用函数 最后,订阅者界面 效果为: (1)cctv模块的 (2)gfb的效果为: 总结: 1.支持简单 阅读全文
posted @ 2017-10-20 23:34 WFaceBoss 阅读(537) 评论(0) 推荐(0)
摘要:通过两个例子的对比来凸显享元模式的特点:享元模式是一个为了提高性能(空间复杂度)的设计模式,享元模式可以避免大量非常相似类的开销。 第一实例,没有使用享元模式,计算所花费的时间和空间使用程度。 要求为:有一个城市要进行汽车的登记 (1)汽车类 (2)使用装饰者模式--计算函数的耗时 (3)具体的实例 阅读全文
posted @ 2017-10-19 21:44 WFaceBoss 阅读(452) 评论(0) 推荐(0)
摘要:这里我们通过需求逐渐引出装饰者模式。 下面是一个关于几代汽车的不同逐渐体现装饰者模式的。 首先,我们先引入一个接口文件 目的为检验实现类是否完全实现接口中的方法,代码如下, (1)统一接口 (2)实现接口并内部检验 (3)第一个汽车实例 现在我们开始有一个新的需求,汽车需要有附属的产品如: 音响(K 阅读全文
posted @ 2017-10-19 18:02 WFaceBoss 阅读(339) 评论(0) 推荐(0)
摘要:(3)服务端两个数的加法 (4)客户端调用服务端代码 二,现在有一个要求就是,需要换一个类库,但是客户端的程序不希望有大的改动。 (1)依然继承相同接口的基础上,类库为 此时我们如果需要使用该类库的话,客户端又不能该,那么用和之前的调用方式: 是完全不符合客户端的要求的。为了在保证客户端不变的情况下 阅读全文
posted @ 2017-10-19 14:57 WFaceBoss 阅读(832) 评论(0) 推荐(0)
摘要:在函数中 this 到底取何值,是在函数真正被调用执行的时候确定下来的,函数定义的时候确定不了。 执行上下文环境 : **定义**:执行函数的时候,会产生一个上下文的对象,里面保存变量,函数声明和this。 **作用**:用来保存本次运行时所需要的数据 当你在代码中使用了 this,这个 this 阅读全文
posted @ 2017-10-18 23:17 WFaceBoss 阅读(385) 评论(0) 推荐(1)
摘要:外部与一个子系统的通信必须通过一个系统的一个门面对象进行,这就是门面模式。 门面模式具备如下两个角色: 1. 门面角色 客户端可以调用这个角色方法,此角色中有子系统的应用(知晓相关的(一个或多个)子系统的功能和责任)。本角色会将所有从客户端发来的请求委派到相应的子系统去。 2. 子系统角色 可以同时 阅读全文
posted @ 2017-10-17 17:48 WFaceBoss 阅读(489) 评论(0) 推荐(0)
摘要:简单来说,回调函数:也就是将要执行的函数。 回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。 (1)回调函数的定义 (2)回调函数的调用,一般为匿名函数,此时将匿名函数作为参数 阅读全文
posted @ 2017-10-07 23:39 WFaceBoss 阅读(216) 评论(0) 推荐(0)
摘要:单选 : 通过name指定为一组,只能选择一个 一组一个选项 两个input时: Js中判断哪一个被选中: 首先,通过input中的name属性值查到该组对象 。 然后,在根据每个对象的checded属(true 或者false)来判断选中与否。 最后,通过每个对象的value方法取到值。 多个单选 阅读全文
posted @ 2017-10-04 12:33 WFaceBoss 阅读(335) 评论(0) 推荐(0)
摘要:(1)var obj=setTimeout("location.href='http://www.baidu.com';",5000); (2)var obj1=setTimeout(function () { location.href="http://www.baidu.com"; },5000); 阅读全文
posted @ 2017-10-04 12:25 WFaceBoss 阅读(190) 评论(0) 推荐(0)
摘要:使用回车键实质还是点击事件==回车时将焦点聚居在某个标签上。 Html代码: JavaScript代码: 先判断是否是回车键: 阅读全文
posted @ 2017-10-04 11:51 WFaceBoss 阅读(586) 评论(0) 推荐(0)
摘要:split() : 把一个字符串分割成字符串数组 阅读全文
posted @ 2017-03-29 09:43 WFaceBoss 阅读(232) 评论(0) 推荐(0)
摘要:(一)思路: 选项卡就是点击按钮切换到相应内容,其实就是点击按钮把内容通过display(block none)来实现切换的。 1、首先获取元素。 2、for循环历遍按钮元素添加onclick 或者 onmousemove事件。 3、因为点击当前按钮时会以高亮状态显示,所以要再通过for循环历遍把所 阅读全文
posted @ 2016-10-11 17:51 WFaceBoss 阅读(599) 评论(0) 推荐(0)
摘要:运动,其实就是在一段时间内改变left、right、width、height、opactiy的值,到达目的地之后停止。 现在按照以下步骤来进行我们的运动框架的封装: (第一部分):匀速运动 运动基础 思考:如何让div动起来?如下: 计时器setInterval(函数,交互时间(毫秒)):在执行时, 阅读全文
posted @ 2016-10-11 17:41 WFaceBoss

1