详解Java实践之建造者模式


Posted in Java/Android onJune 18, 2021
目录
  • 一、前言
  • 二、开发环境
  • 三、建造者模式介绍
  • 四、案例场景模拟
    • 4.1、场景模拟工程
    • 4.2、场景简述
      • 4.2.1、物料接口
      • 4.2.2、吊顶(ceiling)
      • 4.2.3、涂料(coat)
      • 4.2.4、地板(floor)
      • 4.2.5、地砖(tile)
  • 五、代码实现
    • 5.1、工程结构
    • 5.2、ifelse实现需求
    • 5.3、 测试验证
  • 六、建造者模式重构代码
    • 6.1、工程结构
    • 6.2、代码实现
      • 6.2.1、定义装修包接口
      • 6.2.2、装修包实现
      • 6.2.3、建造者方法
    • 6.3、测试验证
  • 七、总结

 

一、前言

无论承接什么样的需求,是不是身边总有那么几个人代码写的烂,但是却时常有测试小姐姐过来聊天(求改bug)、有产品小伙伴送吃的(求写需求)、有业务小妹妹陪着改代码(求上线),直至领导都认为他的工作很重要,而在旁边的你只能蹭点吃的。

这样的小伙伴,可能把代码写的很直接,ifelse多用一点,满足于先临时支持一下,想着这也没什么的。而且这样的业务需求要的急又都是增删改查的内容,实在不想做设计。而如果有人提到说好好设计下,可能也会被反对不要过渡设计。

第一次完成产品需求实在是很快,但互联网的代码不比传统企业。在传统行业可能一套代码能用十年,但在互联网高速的迭代下你的工程,一年就要变动几十次。如果从一开始就想着只要完成功能就可以,那么随之而来的是后续的需求难以承接,每次看着成片成片的代码,实在不知如何下手。

在研发流程规范下执行,才能写出好程序!

一个项目的上线往往要经历业务需求产品设计研发实现测试验证上线部署正式开量,而这其中对研发非常重要的一换就是研发实现的过程,又可以包括为;架构选型功能设计设计评审代码实现代码评审单测覆盖率检查编写文档提交测试。所以在一些流程规范下,其实很难让你随意开发代码。

开发代码的过程不是炫技,就像盖房子如果不按照图纸来修建,回首就在山墙上搭一个厨房卫浴!可能在现实场景中这很荒唐,但在功能开发中却总有这样的代码。

所以我们也需要一些设计模式的标准思想,去建设代码结构,提升全局把控能力。

 

二、开发环境

1.JDK 1.8

2.Idea + Maven

工程 描述
itstack-demo-design-3-00 场景模拟工程,模拟装修过程中的套餐选择(豪华、田园、简约)
itstack-demo-design-3-01 使用一坨代码实现业务需求,也是对ifelse的使用
itstack-demo-design-3-02 通过设计模式优化改造代码,产生对比性从而学习

 

三、建造者模式介绍

详解Java实践之建造者模式

建造者模式所完成的内容就是通过将多个简单对象通过一步步的组装构建出一个复杂对象的过程。

那么,哪里有这样的场景呢?

例如你玩王者荣耀的时的初始化界面;有三条路、有树木、有野怪、有守卫塔等等,甚至依赖于你的网络情况会控制清晰度。而当你换一个场景进行其他不同模式的选择时,同样会建设道路、树木、野怪等等,但是他们的摆放和大小都有不同。这里就可以用到建造者模式来初始化游戏元素。

而这样的根据相同的物料,不同的组装所产生出的具体的内容,就是建造者模式的最终意图,也就是;将一个复杂的构建与其表示相分离,使得同样的构建过程可以创建不同的表示。

 

四、案例场景模拟

详解Java实践之建造者模式

这里我们模拟装修公司对于设计出一些套餐装修服务的场景。

很多装修公司都会给出自家的套餐服务,一般有;欧式豪华、轻奢田园、现代简约等等,而这些套餐的后面是不同的商品的组合。例如;一级&二级吊顶、多乐士涂料、圣象地板、马可波罗地砖等等,按照不同的套餐的价格选取不同的品牌组合,最终再按照装修面积给出一个整体的报价。

这里我们就模拟装修公司想推出一些套餐装修服务,按照不同的价格设定品牌选择组合,以达到使用建造者模式的过程。

 

4.1、场景模拟工程

itstack-demo-design-3-00

└── src

    └── main

        └── java

            └── org.itstack.demo.design

                ├── ceilling

                │   ├── LevelOneCeiling.java

                │   └── LevelTwoCeiling.java

                ├── coat

                │   ├── DuluxCoat.java

                │   └── LiBangCoat.java

                │   └── LevelTwoCeiling.java

                ├── floor

                │   ├── DerFloor.java

                │   └── ShengXiangFloor.java

                ├── tile

                │   ├── DongPengTile.java

                │   └── MarcoPoloTile.java

                └── Matter.java

在模拟工程中提供了装修中所需要的物料;ceilling(吊顶)coat(涂料)floor(地板)tile(地砖),这么四项内容。(实际的装修物料要比这个多的多

 

4.2、场景简述

 

4.2.1、物料接口

public interface Matter {

    String scene();      // 场景;地板、地砖、涂料、吊顶

    String brand();      // 品牌

    String model();      // 型号

    BigDecimal price();  // 价格

    String desc();       // 描述

}

物料接口提供了基本的信息,以保证所有的装修材料都可以按照统一标准进行获取。

 

4.2.2、吊顶(ceiling)

一级顶

public class LevelOneCeiling implements Matter {

    public String scene() {
        return "吊顶";
    }

    public String brand() {
        return "装修公司自带";
    }

    public String model() {
        return "一级顶";
    }

    public BigDecimal price() {
        return new BigDecimal(260);
    }

    public String desc() {
        return "造型只做低一级,只有一个层次的吊顶,一般离顶120-150mm";
    }

}

二级顶

public class LevelTwoCeiling  implements Matter {

    public String scene() {
        return "吊顶";
    }

    public String brand() {
        return "装修公司自带";
    }

    public String model() {
        return "二级顶";
    }

    public BigDecimal price() {
        return new BigDecimal(850);
    }

    public String desc() {
        return "两个层次的吊顶,二级吊顶高度一般就往下吊20cm,要是层高很高,也可增加每级的厚度";
    }
    
}

 

4.2.3、涂料(coat)

多乐士

public class DuluxCoat  implements Matter {

    public String scene() {
        return "涂料";
    }

    public String brand() {
        return "多乐士(Dulux)";
    }

    public String model() {
        return "第二代";
    }

    public BigDecimal price() {
        return new BigDecimal(719);
    }

    public String desc() {
        return "多乐士是阿克苏诺贝尔旗下的著名建筑装饰油漆品牌,产品畅销于全球100个国家,每年全球有5000万户家庭使用多乐士油漆。";
    }
    
}

立邦

public class LiBangCoat implements Matter {

    public String scene() {
        return "涂料";
    }

    public String brand() {
        return "立邦";
    }

    public String model() {
        return "默认级别";
    }

    public BigDecimal price() {
        return new BigDecimal(650);
    }

    public String desc() {
        return "立邦始终以开发绿色产品、注重高科技、高品质为目标,以技术力量不断推进科研和开发,满足消费者需求。";
    }

}

 

4.2.4、地板(floor)

德尔

public class DerFloor implements Matter {

    public String scene() {
        return "地板";
    }

    public String brand() {
        return "德尔(Der)";
    }

    public String model() {
        return "A+";
    }

    public BigDecimal price() {
        return new BigDecimal(119);
    }

    public String desc() {
        return "DER德尔集团是全球领先的专业木地板制造商,北京2008年奥运会家装和公装地板供应商";
    }
    
}

圣象

public class ShengXiangFloor implements Matter {

    public String scene() {
        return "地板";
    }

    public String brand() {
        return "圣象";
    }

    public String model() {
        return "一级";
    }

    public BigDecimal price() {
        return new BigDecimal(318);
    }

    public String desc() {
        return "圣象地板是中国地板行业著名品牌。圣象地板拥有中国驰名商标、中国名牌、国家免检、中国环境标志认证等多项荣誉。";
    }

}

 

4.2.5、地砖(tile)

东鹏

public class DongPengTile implements Matter {

    public String scene() {
        return "地砖";
    }

    public String brand() {
        return "东鹏瓷砖";
    }

    public String model() {
        return "10001";
    }

    public BigDecimal price() {
        return new BigDecimal(102);
    }

    public String desc() {
        return "东鹏瓷砖以品质铸就品牌,科技推动品牌,口碑传播品牌为宗旨,2014年品牌价值132.35亿元,位列建陶行业榜首。";
    }

}

马可波罗

public class MarcoPoloTile implements Matter {

    public String scene() {
        return "地砖";
    }

    public String brand() {
        return "马可波罗(MARCO POLO)";
    }

    public String model() {
        return "缺省";
    }

    public BigDecimal price() {
        return new BigDecimal(140);
    }

    public String desc() {
        return "“马可波罗”品牌诞生于1996年,作为国内最早品牌化的建陶品牌,以“文化陶瓷”占领市场,享有“仿古砖至尊”的美誉。";
    }

}

以上就是本次装修公司所提供的装修配置单,接下我们会通过案例去使用不同的物料组合出不同的套餐服务。

 

五、代码实现

讲道理没有ifelse解决不了的逻辑,不行就在加一行!

每一个章节中我们都会使用这样很直白的方式去把功能实现出来,在通过设计模式去优化完善。这样的代码结构也都是非常简单的,没有复杂的类关系结构,都是直来直去的代码。除了我们经常强调的这样的代码不能很好的扩展外,做一些例子demo工程还是可以的。

 

5.1、工程结构

itstack-demo-design-3-01

└── src

    └── main

        └── java

            └── org.itstack.demo.design

                └── DecorationPackageController.java

一个类几千行的代码你是否见过,嚯?那今天就让你见识一下有这样潜质的类!

 

5.2、ifelse实现需求

public class DecorationPackageController {

    public String getMatterList(BigDecimal area, Integer level) {

        List<Matter> list = new ArrayList<Matter>(); // 装修清单
        BigDecimal price = BigDecimal.ZERO;          // 装修价格

        // 豪华欧式
        if (1 == level) {

            LevelTwoCeiling levelTwoCeiling = new LevelTwoCeiling(); // 吊顶,二级顶
            DuluxCoat duluxCoat = new DuluxCoat();                   // 涂料,多乐士
            ShengXiangFloor shengXiangFloor = new ShengXiangFloor(); // 地板,圣象

            list.add(levelTwoCeiling);
            list.add(duluxCoat);
            list.add(shengXiangFloor);

            price = price.add(area.multiply(new BigDecimal("0.2")).multiply(levelTwoCeiling.price()));
            price = price.add(area.multiply(new BigDecimal("1.4")).multiply(duluxCoat.price()));
            price = price.add(area.multiply(shengXiangFloor.price()));

        }

        // 轻奢田园
        if (2 == level) {

            LevelTwoCeiling levelTwoCeiling = new LevelTwoCeiling(); // 吊顶,二级顶
            LiBangCoat liBangCoat = new LiBangCoat();                // 涂料,立邦
            MarcoPoloTile marcoPoloTile = new MarcoPoloTile();       // 地砖,马可波罗

            list.add(levelTwoCeiling);
            list.add(liBangCoat);
            list.add(marcoPoloTile);

            price = price.add(area.multiply(new BigDecimal("0.2")).multiply(levelTwoCeiling.price()));
            price = price.add(area.multiply(new BigDecimal("1.4")).multiply(liBangCoat.price()));
            price = price.add(area.multiply(marcoPoloTile.price()));

        }

        // 现代简约
        if (3 == level) {

            LevelOneCeiling levelOneCeiling = new LevelOneCeiling();  // 吊顶,二级顶
            LiBangCoat liBangCoat = new LiBangCoat();                 // 涂料,立邦
            DongPengTile dongPengTile = new DongPengTile();           // 地砖,东鹏

            list.add(levelOneCeiling);
            list.add(liBangCoat);
            list.add(dongPengTile);

            price = price.add(area.multiply(new BigDecimal("0.2")).multiply(levelOneCeiling.price()));
            price = price.add(area.multiply(new BigDecimal("1.4")).multiply(liBangCoat.price()));
            price = price.add(area.multiply(dongPengTile.price()));
        }

        StringBuilder detail = new StringBuilder("\r\n-------------------------------------------------------\r\n" +
                "装修清单" + "\r\n" +
                "套餐等级:" + level + "\r\n" +
                "套餐价格:" + price.setScale(2, BigDecimal.ROUND_HALF_UP) + " 元\r\n" +
                "房屋面积:" + area.doubleValue() + " 平米\r\n" +
                "材料清单:\r\n");

        for (Matter matter: list) {
            detail.append(matter.scene()).append(":").append(matter.brand()).append("、").append(matter.model()).append("、平米价格:").append(matter.price()).append(" 元。\n");
        }

        return detail.toString();

    }

}
  • 首先这段代码所要解决的问题就是接收入参;装修面积(area)、装修等级(level),根据不同类型的装修等级选择不同的材料。
  • 其次在实现过程中可以看到每一段if块里,都包含着不通的材料(吊顶,二级顶、涂料,立邦、地砖,马可波罗),最终生成装修清单和装修成本。
  • 最后提供获取装修详细信息的方法,返回给调用方,用于知道装修清单。

 

5.3、 测试验证

接下来我们通过junit单元测试的方式验证接口服务,强调日常编写好单测可以更好的提高系统的健壮度。

编写测试类:

@Test
public void test_DecorationPackageController(){
    DecorationPackageController decoration = new DecorationPackageController();
    // 豪华欧式
    System.out.println(decoration.getMatterList(new BigDecimal("132.52"),1));
    // 轻奢田园
    System.out.println(decoration.getMatterList(new BigDecimal("98.25"),2));
    // 现代简约
    System.out.println(decoration.getMatterList(new BigDecimal("85.43"),3));
}

结果:

-------------------------------------------------------

装修清单

套餐等级:1

套餐价格:198064.39 元

房屋面积:132.52 平米

材料清单:

吊顶:装修公司自带、二级顶、平米价格:850 元。

涂料:多乐士(Dulux)、第二代、平米价格:719 元。

地板:圣象、一级、平米价格:318 元。

 

 

-------------------------------------------------------

装修清单

套餐等级:2

套餐价格:119865.00 元

房屋面积:98.25 平米

材料清单:

吊顶:装修公司自带、二级顶、平米价格:850 元。

涂料:立邦、默认级别、平米价格:650 元。

地砖:马可波罗(MARCO POLO)、缺省、平米价格:140 元。

 

 

-------------------------------------------------------

装修清单

套餐等级:3

套餐价格:90897.52 元

房屋面积:85.43 平米

材料清单:

吊顶:装修公司自带、一级顶、平米价格:260 元。

涂料:立邦、默认级别、平米价格:650 元。

地砖:东鹏瓷砖、10001、平米价格:102 元。

 

 

Process finished with exit code 0

看到输出的这个结果,已经很有装修公司提供报价单的感觉了。以上这段使用ifelse方式实现的代码,目前已经满足的我们的也许功能。但随着老板对业务的快速发展要求,会提供很多的套餐针对不同的户型。那么这段实现代码将迅速扩增到几千行,甚至在修修改改中,已经像膏药一样难以维护。

 

六、建造者模式重构代码

接下来使用建造者模式来进行代码优化,也算是一次很小的重构。

建造者模式主要解决的问题是在软件系统中,有时候面临着"一个复杂对象"的创建工作,其通常由各个部分的子对象用一定的过程构成;由于需求的变化,这个复杂对象的各个部分经常面临着重大的变化,但是将它们组合在一起的过程却相对稳定。

这里我们会把构建的过程交给创建者类,而创建者通过使用我们的构建工具包,去构建出不同的装修套餐

 

6.1、工程结构

itstack-demo-design-3-02

└── src

    ├── main

    │   └── java

    │       └── org.itstack.demo.design

    │           ├── Builder.java    

    │           ├── DecorationPackageMenu.java

    │           └── IMenu.java 

    └── test

         └── java

             └── org.itstack.demo.design.test

                 └── ApiTest.java

建造者模型结构

详解Java实践之建造者模式

工程中有三个核心类和一个测试类,核心类是建造者模式的具体实现。与ifelse实现方式相比,多出来了两个二外的类。具体功能如下;

Builder,建造者类具体的各种组装由此类实现。DecorationPackageMenu,是IMenu接口的实现类,主要是承载建造过程中的填充器。相当于这是一套承载物料和创建者中间衔接的内容。

好,那么接下来会分别讲解几个类的具体实现。

 

6.2、代码实现

 

6.2.1、定义装修包接口

public interface IMenu {

    IMenu appendCeiling(Matter matter); // 吊顶

    IMenu appendCoat(Matter matter);    // 涂料

    IMenu appendFloor(Matter matter);   // 地板

    IMenu appendTile(Matter matter);    // 地砖

    String getDetail();                 // 明细 

}

接口类中定义了填充各项物料的方法;吊顶涂料地板地砖,以及最终提供获取全部明细的方法。

 

6.2.2、装修包实现

public class DecorationPackageMenu implements IMenu {

    private List<Matter> list = new ArrayList<Matter>();  // 装修清单
    private BigDecimal price = BigDecimal.ZERO;      // 装修价格

    private BigDecimal area;  // 面积
    private String grade;     // 装修等级;豪华欧式、轻奢田园、现代简约

    private DecorationPackageMenu() {
    }

    public DecorationPackageMenu(Double area, String grade) {
        this.area = new BigDecimal(area);
        this.grade = grade;
    }

    public IMenu appendCeiling(Matter matter) {
        list.add(matter);
        price = price.add(area.multiply(new BigDecimal("0.2")).multiply(matter.price()));
        return this;
    }

    public IMenu appendCoat(Matter matter) {
        list.add(matter);
        price = price.add(area.multiply(new BigDecimal("1.4")).multiply(matter.price()));
        return this;
    }

    public IMenu appendFloor(Matter matter) {
        list.add(matter);
        price = price.add(area.multiply(matter.price()));
        return this;
    }

    public IMenu appendTile(Matter matter) {
        list.add(matter);
        price = price.add(area.multiply(matter.price()));
        return this;
    }

    public String getDetail() {

        StringBuilder detail = new StringBuilder("\r\n-------------------------------------------------------\r\n" +
                "装修清单" + "\r\n" +
                "套餐等级:" + grade + "\r\n" +
                "套餐价格:" + price.setScale(2, BigDecimal.ROUND_HALF_UP) + " 元\r\n" +
                "房屋面积:" + area.doubleValue() + " 平米\r\n" +
                "材料清单:\r\n");

        for (Matter matter: list) {
            detail.append(matter.scene()).append(":").append(matter.brand()).append("、").append(matter.model()).append("、平米价格:").append(matter.price()).append(" 元。\n");
        }

        return detail.toString();
    }

}
  • 装修包的实现中每一个方法都会了 this,也就可以非常方便的用于连续填充各项物料。
  • 同时在填充时也会根据物料计算平米数下的报价,吊顶和涂料按照平米数适量乘以常熟计算。
  • 最后同样提供了统一的获取装修清单的明细方法。

 

6.2.3、建造者方法

public class Builder {

    public IMenu levelOne(Double area) {
        return new DecorationPackageMenu(area, "豪华欧式")
                .appendCeiling(new LevelTwoCeiling())    // 吊顶,二级顶
                .appendCoat(new DuluxCoat())             // 涂料,多乐士
                .appendFloor(new ShengXiangFloor());     // 地板,圣象
    }

    public IMenu levelTwo(Double area){
        return new DecorationPackageMenu(area, "轻奢田园")
                .appendCeiling(new LevelTwoCeiling())   // 吊顶,二级顶
                .appendCoat(new LiBangCoat())           // 涂料,立邦
                .appendTile(new MarcoPoloTile());       // 地砖,马可波罗
    }

    public IMenu levelThree(Double area){
        return new DecorationPackageMenu(area, "现代简约")
                .appendCeiling(new LevelOneCeiling())   // 吊顶,二级顶
                .appendCoat(new LiBangCoat())           // 涂料,立邦
                .appendTile(new DongPengTile());        // 地砖,东鹏
    }

}

建造者的使用中就已经非常容易了,统一的建造方式,通过不同物料填充出不同的装修风格;豪华欧式轻奢田园现代简约,如果将来业务扩展也可以将这部分内容配置到数据库自动生成。但整体的思想还可以使用创建者模式进行搭建。

 

6.3、测试验证

编写测试类:

@Test
public void test_Builder(){
    Builder builder = new Builder();
    // 豪华欧式
    System.out.println(builder.levelOne(132.52D).getDetail());
    // 轻奢田园
    System.out.println(builder.levelTwo(98.25D).getDetail());
    // 现代简约
    System.out.println(builder.levelThree(85.43D).getDetail());
}

结果:

-------------------------------------------------------

装修清单

套餐等级:豪华欧式

套餐价格:198064.39 元

房屋面积:132.52 平米

材料清单:

吊顶:装修公司自带、二级顶、平米价格:850 元。

涂料:多乐士(Dulux)、第二代、平米价格:719 元。

地板:圣象、一级、平米价格:318 元。

 

 

-------------------------------------------------------

装修清单

套餐等级:轻奢田园

套餐价格:119865.00 元

房屋面积:98.25 平米

材料清单:

吊顶:装修公司自带、二级顶、平米价格:850 元。

涂料:立邦、默认级别、平米价格:650 元。

地砖:马可波罗(MARCO POLO)、缺省、平米价格:140 元。

 

 

-------------------------------------------------------

装修清单

套餐等级:现代简约

套餐价格:90897.52 元

房屋面积:85.43 平米

材料清单:

吊顶:装修公司自带、一级顶、平米价格:260 元。

涂料:立邦、默认级别、平米价格:650 元。

地砖:东鹏瓷砖、10001、平米价格:102 元。

 

Process finished with exit code 0

测试结果是一样的,调用方式也基本类似。但是目前的代码结构却可以让你很方便的很有调理的进行扩展业务开发。而不是以往一样把所有代码都写到ifelse里面。

 

七、总结

通过上面对建造者模式的使用,已经可以摸索出一点心得。那就是什么时候会选择这样的设计模式,当:一些基本物料不会变,而其组合经常变化的时候,就可以选择这样的设计模式来构建代码。

此设计模式满足了单一职责原则以及可复用的技术、建造者独立、易扩展、便于控制细节风险。但同时当出现特别多的物料以及很多的组合后,类的不断扩展也会造成难以维护的问题。但这种设计结构模型可以把重复的内容抽象到数据库中,按照需要配置。这样就可以减少代码中大量的重复。

设计模式能带给你的是一些思想,但在平时的开发中怎么样清晰的提炼出符合此思路的建造模块,是比较难的。需要经过一些锻炼和不断承接更多的项目,从而获得这部分经验。有的时候你的代码写的好,往往是倒逼的,复杂的业务频繁的变化,不断的挑战!

以上就是详解Java实践之建造者模式的详细内容,更多关于Java 建造者模式的资料请关注三水点靠木其它相关文章!

Java/Android 相关文章推荐
Java Shutdown Hook场景使用及源码分析
Jun 15 Java/Android
详解Java实践之适配器模式
Jun 18 Java/Android
Java 中的 Unsafe 魔法类的作用大全
Jun 26 Java/Android
浅谈Python魔法方法
Jun 28 Java/Android
分析并发编程之LongAdder原理
Jun 29 Java/Android
spring cloud gateway中如何读取请求参数
Jul 15 Java/Android
Spring Security中用JWT退出登录时遇到的坑
Oct 16 Java/Android
关于Spring配置文件加载方式变化引发的异常详解
Jan 18 Java/Android
springboot入门 之profile设置方式
Apr 04 Java/Android
解决spring.thymeleaf.cache=false不起作用的问题
Jun 10 Java/Android
Java代码规范与质量检测插件SonarLint的使用
Aug 05 Java/Android
Spring boot实现上传文件到本地服务器
Aug 14 Java/Android
新手入门Jvm-- JVM对象创建与内存分配机制
springboot利用redis、Redisson处理并发问题的操作
ConstraintValidator类如何实现自定义注解校验前端传参
SpringBoot项目中控制台日志的保存配置操作
Jun 18 #Java/Android
浅谈@Value和@Bean的执行顺序问题
Jun 16 #Java/Android
SpringBoot2 参数管理实践之入参出参与校验的方式
Jun 16 #Java/Android
SpringBoot生成License的实现示例
You might like
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
PHP常用的类封装小结【4个工具类】
2019/06/28 PHP
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
理解Python中的With语句
2015/02/02 Python
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
python程序输出无内容的解决方式
2020/04/09 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
教室布置标语
2014/06/26 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
自我工作评价范文
2015/03/06 职场文书
大学生干部培训心得体会
2016/01/06 职场文书
《雷雨》教学反思
2016/02/20 职场文书
护理自荐信
2019/05/14 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python