Javascript实用效果整理主题的文章列表，还有Javascript实用效果整理的技术要点_第72页

JS实现图片翻书效果示例代码

js图片翻书效果。 picture.html <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;cha...

代码星球 ·2020-08-19

JavaScript移除数组元素减少长度的方法

JavaScript移除数组元素减少长度的方法，代码如下：//数组移除长度方法var array=[]; array[0]="张三"; array[1]="李四"; array[2]="王五"; array[3]="赵六"; array[4]="百度";&nb...

代码星球 ·2020-08-19

JavaScript创建对象的写法

JavaScript有Date、Array、String等这样的内置对象，功能强大使用简单，人见人爱，但在处理一些复杂的逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。对象是什么从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属...

代码星球 ·2020-08-16

一个经典实用的iptables shell脚本

分享一段shell脚本，用到设置iptables相关信息。#!/bin/sh#filename：ipt.sh#bywww.jbxue.commodprobe ipt_MASQUERADEmodprobe ip_conntrack_ftpmodprobe ip_nat_ftpiptables...

代码星球 ·2020-08-16

排序算法整理（python version）

importrandomimporttimedefbubble_sort(a):n=len(a)whilen>1:foriinrange(n-1):ifa[i]>a[i+1]:temp=a[i]a[i]=a[i+1]a[i+1]=tempn+=-1returnadefinsert_sort(a):n=len...

代码星球 ·2020-08-15

JavaScript命令模式

第一，命令模式：（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕操作)（2）真的不要乱用这个模式,以为他使你简单调用写法变得非常的复杂和有些难以理解。（3）你的业务出现了(回退操作)(重做操作)的需求的时候你就要考虑使用这个模式了。命令的原理：一种情况为发出者直接作用于执行...

代码星球 ·2020-08-15

JavaScript享元模式

通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享元模式可以避免大量非常相似类的开销。第一实例，没有使用享元模式，计算所花费的时间和空间使用程度。要求为：有一个城市要进行汽车的登记（1）汽车类/***制造商*型号*拥有者*车牌号码*最近一次登记日期*/varCar=funct...

代码星球 ·2020-08-15

JavaScript适配器模式

适配模式可用来在现有接口和不兼容的类之间进行适配，使用这种模式的对象又叫包装器（wrapper），因为它们是在用一个新的接口包装另一个对象。基本理论适配器模式：将一个接口转换成客户端需要的接口而不需要去修改客户端代码，使得不兼容的代码可以一起工作。适配器主要有3个角色组成：（1）客户端：调用接口的类（2）适配器：用来连...

代码星球 ·2020-08-15

JavaScript中的this基本问题

在函数中this到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。执行上下文环境： **定义**：执行函数的时候，会产生一个上下文的对象，里面保存变量，函数声明和this。 **作用**：用来保存本次运行时所需要的数据当你在代码中使用了this，这个this的值...

代码星球 ·2020-08-15

JavaScript组合设模式--改进上述引入的例子

对于组合设计模式：（1）组合模式中把对象分为两种(组合对象,和叶子对象)（2）组合对象和叶子对象实现:同一批操作（3）对组合对象执行的操作可以向下传递到叶子节点进行操作（4）这样就会弱化类与类之间的耦合（5）他常用的手法是把对象组合成属性结构的对象根据组合模式的这些特性我们改写代码如下：由于用到了接口检验所以我们先引入...

代码星球 ·2020-08-15

JavaScript组合模式---引入

首先：使用一个例子来引入组合模式，需求为（1）有一个学校有2个班(一班,二班)（2）每个班级分2个小组(一班一组,一班二组,二班一组,二班二组)（3）学校计算机教室有限,每一个小组分着来上课然后：根据需求我们可以简单看出这里面涉及到学校，班级，组，和学生总共4个类使用程序模拟这4个类为，（1）学校类varschool=...

代码星球 ·2020-08-15

JavaScript设计模式--门面模式

外部与一个子系统的通信必须通过一个系统的一个门面对象进行，这就是门面模式。门面模式具备如下两个角色：1.门面角色客户端可以调用这个角色方法，此角色中有子系统的应用（知晓相关的（一个或多个）子系统的功能和责任）。本角色会将所有从客户端发来的请求委派到相应的子系统去。2.子系统角色可以同时有一个或多个子系统。每一个子系统都...

代码星球 ·2020-08-15

JavaScript设计模式--桥梁模式--XHR连接队列

针对该模式的例子现在不是很理解，写下来慢慢熟悉。们要构建一个队列，队列里存放了很多ajax请求，使用队列（queue）主要是因为要确保先加入的请求先被处理。任何时候，我们可以暂停请求、删除请求、重试请求以及支持对各个请求的订阅事件。（1）异步请求的函数封装/**XHR连接对象*把请求的函数做成一个序列，按照执行序列来完...

代码星球 ·2020-08-15

JavaScript设计模式--桥梁模式--引入

1.使用情况（1）事件的监控#1，利用页面的button来选择宠物的例子（思路）button.addEvent(element,"click",getPetByBame);functiongetPetByBame(e){varid=this.id;asyncRquest("GET",'pet.action?id='+i...

代码星球 ·2020-08-15

JavaScript设计模式--简单工厂模式例子---XHR工厂

第一步，Ajax操作接口（目的是起一个接口检测作用）（1）引入接口文件//定义一个静态方法来实现接口与实现类的直接检验//静态方法不要写出Interface.prototype,因为这是写到接口的原型链上的//我们要把静态的函数直接写到类层次上//(1)定义一个接口类varInterface=f...

代码星球 ·2020-08-15