通熟易懂的設(shè)計(jì)模式（二）

daydream 發(fā)布于2019-08-16 18:05 / 2099人閱讀

摘要：提供酒店相關(guān)的接口返回該時(shí)間段有效的酒店提供航班相關(guān)的接口返回該時(shí)間段有效的航班提供一個(gè)旅行對(duì)外的接口，一次返回酒店和航班信息調(diào)用旅行外觀模式享元模式享元模式主要用于減少創(chuàng)建對(duì)象的數(shù)量，以減少內(nèi)存占用和提高性能。

組合模式（Composite pattern）

組合模式看起來(lái)就像對(duì)象組的樹形結(jié)構(gòu)，一個(gè)對(duì)象里面包含一個(gè)或一組其他的對(duì)象。它是屬于結(jié)構(gòu)型模式。
例如，一個(gè)公司包括很多個(gè)部門，每個(gè)部門又包括很多人，這個(gè)用數(shù)據(jù)結(jié)構(gòu)來(lái)表示就是樹形結(jié)構(gòu)，實(shí)際上也是用到來(lái)組合模式，多個(gè)人組成一個(gè)部門，多個(gè)部門組成一個(gè)公司。

例如，我們用下面這個(gè)公司、部門、員工的例子來(lái)更好的理解組合模式。

class Company {
    private String name;
    private List depts;
}

class Dept {
    private String name;
    private List users;
}

class User {
    private String name;
}

裝飾模式（Decorator pattern）

裝飾器設(shè)計(jì)模式允許我們動(dòng)態(tài)地向?qū)ο筇砑庸δ芎托袨椋粫?huì)影響同一類中其他現(xiàn)有對(duì)象的行為。并且可以根據(jù)我們的要求和選擇將此自定義功能應(yīng)用于單個(gè)對(duì)象。
假如使用繼承來(lái)擴(kuò)展類的行為，這發(fā)生在編譯期，該類的所有實(shí)例都獲得擴(kuò)展行為。

裝飾器設(shè)計(jì)模式的特點(diǎn)：
它允許我們?cè)谶\(yùn)行時(shí)向?qū)ο螅ǘ皇穷悾┨砑庸δ堋?br>它是一種結(jié)構(gòu)模式，它為現(xiàn)有類提供了一個(gè)包裝器。
它使用抽象類或接口與組合來(lái)實(shí)現(xiàn)包裝器。
它創(chuàng)建裝飾器類，它包裝原始類并通過(guò)保持類方法的簽名不變來(lái)提供其他功能。
它最常用于應(yīng)用單一責(zé)任原則，因?yàn)槲覀儗⒐δ軇澐譃榫哂歇?dú)特關(guān)注區(qū)域的類。

例如，我們用下面這個(gè)畫圖形的例子來(lái)更好的理解裝飾模式。

//定義一個(gè)形狀的接口
public interface Shape {
    void draw();
    void resize();
}
//一個(gè)畫圓的實(shí)現(xiàn)
public class Circle implements Shape {
    @Override
    public void draw() {
        System.out.println("Drawing Circle");
    }
    @Override
    public void resize() {
        System.out.println("Resizing Circle");
    }
}
//一個(gè)畫矩形的實(shí)現(xiàn)
public class Rectangle implements Shape {
    @Override
    public void draw() {
        System.out.println("Drawing Rectangle");
    }
    @Override
    public void resize() {
        System.out.println("Resizing Rectangle");
    }
}
//定義一個(gè)形狀的裝飾器抽象類，并用組合模式定義一個(gè)形狀的屬性
public abstract class ShapeDecorator implements Shape {
    protected Shape decoratedShape;
    public ShapeDecorator(Shape decoratedShape) {
        super();
        this.decoratedShape = decoratedShape;
    }
}
//顏色的枚舉
public enum Color {
    RED,
    GREEN,
    BLUE
}
//線條樣式的枚舉
public enum LineStyle {
    SOLID,
    DASH,
    DOT
}
//定義一個(gè)填充顏色的實(shí)現(xiàn)類實(shí)現(xiàn)裝飾器，并重寫 draw() 方法，resize() 方法我們可以保持不變，也可以自定義，看使用場(chǎng)景
public class FillColorDecorator extends ShapeDecorator {
    protected Color color;
    public FillColorDecorator(Shape decoratedShape, Color color) {
        super(decoratedShape);
        this.color = color;
    }
    @Override
    public void draw() {
        decoratedShape.draw();
        System.out.println("Fill Color: " + color);
    }
    @Override
    public void resize() {
      decoratedShape.resize();
    }
}
//定義一個(gè)線條樣式的實(shí)現(xiàn)類實(shí)現(xiàn)裝飾器，并重寫 draw() 方法，resize() 方法我們可以保持不變，也可以自定義，看使用場(chǎng)景
public class LineStyleDecorator extends ShapeDecorator {
    protected LineStyle style;
    public LineStyleDecorator(Shape decoratedShape, LineStyle style) {
        super(decoratedShape);
        this.style = style;
    }
    @Override
    public void draw() {
        decoratedShape.draw();
        System.out.println("Line Style: " + style);
    }
    // 
    @Override
    public void resize() {
        decoratedShape.resize();
    }
}
//使用裝飾器模式
public class Client {
    public static void main(String[] args) {
        //在使用時(shí)可以任意組裝，提升代碼靈活性和擴(kuò)展性。
        Shape circle = new FillColorDecorator(new LineStyleDecorator(new Circle(), LineStyle.DASH), Color.RED);
        circle.draw();
    }
}

外觀模式（Facade Pattern）

它提供了一個(gè)可以訪問(wèn)系統(tǒng)的接口，這個(gè)接口里面的實(shí)現(xiàn)可能很復(fù)雜，調(diào)用了其他多個(gè)接口，我們并不知道它里面的具體實(shí)現(xiàn)，隱藏了系統(tǒng)的復(fù)雜性。它屬于結(jié)構(gòu)型模式。

它的優(yōu)點(diǎn)：
1、減少系統(tǒng)相互依賴。
2、提高靈活性。
3、提高了安全性。

它的缺點(diǎn)：
不符合開閉原則，如果要改東西很麻煩，繼承重寫都不合適。

以旅行社網(wǎng)站為例，它可以預(yù)訂酒店和航班，我們來(lái)更好的理解下這個(gè)模式。

//提供酒店相關(guān)的接口
public class HotelBooker{  
    public ArrayList getHotelNamesFor(Date from, Date to)   {  
    //返回該時(shí)間段有效的酒店
    }
}
//提供航班相關(guān)的接口
public class FlightBooker{  
    public ArrayList getFlightsFor(Date from, Date to)   { 
    //返回該時(shí)間段有效的航班
    }
}
//提供一個(gè)旅行對(duì)外的接口，一次返回酒店和航班信息
public class TravelFacade{   
    private HotelBooker hotelBooker;   
    private FlightBooker flightBooker;   
    public void getFlightsAndHotels(Date from, Data to)  {      ArrayList flights = flightBooker.getFlightsFor(from, to);                       ArrayList hotels = hotelBooker.getHotelsFor(from, to);         
    }
}
//調(diào)用旅行外觀模式
public class Client{   
    public static void main(String[] args)   {   
        TravelFacade facade = new TravelFacade();         
        facade.getFlightsAndHotels(from, to);   
    }
}

享元模式（Flyweight Pattern）

享元模式主要用于減少創(chuàng)建對(duì)象的數(shù)量，以減少內(nèi)存占用和提高性能。使許多細(xì)粒度對(duì)象的重用，使得大量對(duì)象的利用更加有效。它屬于結(jié)構(gòu)型模式。

它的優(yōu)點(diǎn)：
大大減少對(duì)象的創(chuàng)建，降低系統(tǒng)的內(nèi)存，使效率提高。

它的缺點(diǎn)：
因?yàn)橐粋€(gè)對(duì)象大家共享，最好就不要有狀態(tài)區(qū)分，假如有狀態(tài)的話，
需要分離出外部狀態(tài)和內(nèi)部狀態(tài)，而且外部狀態(tài)具有固有化的性質(zhì)，不應(yīng)該隨著內(nèi)部狀態(tài)的變化而變化，否則會(huì)造成系統(tǒng)的混亂。

例如，我們用一個(gè)畫線條的例子來(lái)更好的理解這個(gè)模式。

//定義一個(gè)畫線條的接口
public interface LineFlyweight{
    public Color getColor();
    public void draw(Point location);
}
//定義一個(gè)畫線條的實(shí)現(xiàn)
public class Line implements LineFlyweight{
    private Color color; 
    public Line(Color c){
        color = c;
    }
    public Color getColor(){
        return color;
    }
    public void draw(Point location){
        //實(shí)現(xiàn)
    }
}
//定一個(gè)畫線條的工廠類，根據(jù)顏色來(lái)獲取線條，并且把不同顏色的線存儲(chǔ)在一個(gè) pool 中，方便下次直接使用
public class LineFlyweightFactory{
    private List pool; 
    public LineFlyweightFactory(){
        pool = new ArrayList();
    }
    public LineFlyweight getLine(Color c){
        //循環(huán)檢查這個(gè)顏色的線是否存在，存在直接返回
        for(LineFlyweight line: pool){
            if(line.getColor().equals(c)){
                return line;
            }
        }
        //假如不存在，就創(chuàng)建一個(gè)放入這個(gè) pool 中，方便下次直接使用
        LineFlyweight line = new Line(c);
        pool.add(line);
        return line;
    }
}
//調(diào)用享元模式
public class Client{   
    public static void main(String[] args)   {  
        //調(diào)用
        LineFlyweightFactory factory = new LineFlyweightFactory(); 
        LineFlyweight line = factory.getLine(Color.RED); 
        LineFlyweight line2 = factory.getLine(Color.RED); 
        line.draw(new Point(100, 100));
        line2.draw(new Point(200, 100));
    }
}

代理模式（Proxy Pattern）

它通過(guò)一個(gè)代理類對(duì)外提供訪問(wèn)，代理類在真正調(diào)用實(shí)現(xiàn)類。對(duì)外部來(lái)說(shuō)，并不知道真正實(shí)現(xiàn)類的詳情，提高類系統(tǒng)的安全性。我們可以在代理類里做一系列攔截，把異常的請(qǐng)求都提前處理掉，擴(kuò)展性很高。它屬于結(jié)構(gòu)型模式。

它的優(yōu)點(diǎn)：
1、職責(zé)清晰。
2、高擴(kuò)展性。
3、更安全。

它的缺點(diǎn)：
1、由于在客戶端和真實(shí)主題之間增加了代理對(duì)象，因此可能會(huì)造成請(qǐng)求的處理速度變慢。
2、實(shí)現(xiàn)代理模式需要額外的工作，有些代理模式的實(shí)現(xiàn)非常復(fù)雜。

例如，我們用下面這個(gè)代理顯示圖片的例子來(lái)更好的理解代理模式。

//定義的圖片接口
public interface Image{ 
  public void displayImage();
}
//真正的實(shí)現(xiàn)類
public class RealImage implements Image{   
    public RealImage(URL url)   {      
        //加載這個(gè)圖片    
        loadImage(url);   
    }   
    public void displayImage()   {       
    //顯示這個(gè)圖片 
    }   
    private void loadImage(URL url)  {      
     
    }
}
//代理類
public class ProxyImage implements Image{    
    private URL url;     
    public ProxyImage(URL url)    {       
        this.url = url;    
    }    
    //this method delegates to the real image    
    public void displayImage()   {        
        RealImage real = new RealImage(url);  
        real.displayImage();    
    }
}
//使用代理模式
public class Client {
   public static void main(String[] args) {
      Image image = new ProxyImage("test.png");
      image.display();  
   }
}

代理模式分為靜態(tài)代理和動(dòng)態(tài)代理，靜態(tài)代理的真正實(shí)現(xiàn)類是提前寫好并且編譯好的，動(dòng)態(tài)代理的真正實(shí)現(xiàn)類是運(yùn)行是生成并且編譯的，上面的例子使用的是靜態(tài)代理。
動(dòng)態(tài)代理又分為 JDK動(dòng)態(tài)代理和 CGLIB動(dòng)態(tài)代理，JDK動(dòng)態(tài)代理是基于接口的動(dòng)態(tài)代理，CGLIB動(dòng)態(tài)代理是基于類的代理。有興趣的可以找下相關(guān)資料。

責(zé)任鏈模式（Chain of Responsibility Pattern）

責(zé)任鏈模式用于管理對(duì)象之間的算法，關(guān)系和責(zé)任，通過(guò)將多個(gè)不同處理對(duì)象鏈接在一起處理請(qǐng)求，降低耦合度，提高系統(tǒng)靈活性。它屬于行為型模式。

它的優(yōu)點(diǎn)：
1、降低耦合度。
2、簡(jiǎn)化了對(duì)象。
3、增強(qiáng)給對(duì)象指派職責(zé)的靈活性。
4、增加新的請(qǐng)求處理類很方便。

它的缺點(diǎn)：
1、系統(tǒng)性能將受到一定影響，而且在進(jìn)行代碼調(diào)試時(shí)不太方便，可能會(huì)造成循環(huán)調(diào)用。
2、可能不容易觀察運(yùn)行時(shí)的特征，不方便排錯(cuò)。

例如，我們用下面這個(gè)記錄日志的例子來(lái)更好的理解責(zé)任鏈模式。

//定義一個(gè)抽象的日志接口，并且提供一個(gè)可以設(shè)置下一個(gè)處理日志對(duì)象的方法
public abstract class AbstractLogger {
   public static int INFO = 1;
   public static int DEBUG = 2;
   public static int ERROR = 3;
   protected int level;
   //責(zé)任鏈中的下一個(gè)元素
   protected AbstractLogger nextLogger;
   public void setNextLogger(AbstractLogger nextLogger){
      this.nextLogger = nextLogger;
   }
   public void logMessage(int level, String message){
      if(this.level <= level){
         write(message);
      }
      if(nextLogger !=null){
         nextLogger.logMessage(level, message);
      }
   }
    //抽象方法
   abstract protected void write(String message);
}
//定義一個(gè)標(biāo)準(zhǔn)日志的實(shí)現(xiàn)類
public class ConsoleLogger extends AbstractLogger {
   public ConsoleLogger(int level){
      this.level = level;
   }
   @Override
   protected void write(String message) {    
      System.out.println("Standard Console::Logger: " + message);
   }
}
//定義一個(gè)錯(cuò)誤日志的實(shí)現(xiàn)類
public class ErrorLogger extends AbstractLogger {
   public ErrorLogger(int level){
      this.level = level;
   }
   @Override
   protected void write(String message) {    
      System.out.println("Error Console::Logger: " + message);
   }
}
//定義一個(gè)文件日志的實(shí)現(xiàn)類
public class FileLogger extends AbstractLogger {
   public FileLogger(int level){
      this.level = level;
   }
   @Override
   protected void write(String message) {    
      System.out.println("File::Logger: " + message);
   }
}
//使用責(zé)任鏈模式
public class Client {
    //設(shè)置責(zé)任鏈的調(diào)用順序
   private static AbstractLogger getChainOfLoggers(){
      AbstractLogger errorLogger = new ErrorLogger(AbstractLogger.ERROR);
      AbstractLogger fileLogger = new FileLogger(AbstractLogger.DEBUG);
      AbstractLogger consoleLogger = new ConsoleLogger(AbstractLogger.INFO);
      
      errorLogger.setNextLogger(fileLogger);
      fileLogger.setNextLogger(consoleLogger);
      return errorLogger;  
   }
 
   public static void main(String[] args) {
      AbstractLogger loggerChain = getChainOfLoggers();
      loggerChain.logMessage(AbstractLogger.INFO, "info level information.");
      loggerChain.logMessage(AbstractLogger.DEBUG, 
         "debug level information.");
      loggerChain.logMessage(AbstractLogger.ERROR, 
         "error information.");
   }
}

命令模式（Command Pattern）

命令模式是請(qǐng)求以命令的形式包裹在對(duì)象中，并傳給調(diào)用對(duì)象。調(diào)用對(duì)象尋找可以處理該命令的合適的對(duì)象，并把該命令傳給相應(yīng)的對(duì)象，該對(duì)象執(zhí)行命令。它屬于行為型模式。

它的優(yōu)點(diǎn)：
1、降低了系統(tǒng)耦合度。
2、新的命令可以很容易添加到系統(tǒng)中去。

它的缺點(diǎn)：
使用命令模式可能會(huì)導(dǎo)致某些系統(tǒng)有過(guò)多的具體命令類。

例如，我們用下面這個(gè)開關(guān)燈的例子來(lái)更好的理解命令模式。

// 定義執(zhí)行命令接口
public interface Command{
  public void execute();
}
//開燈命令實(shí)現(xiàn)類
public class LightOnCommand implements Command{
  Light light;
  public LightOnCommand(Light light){
    this.light = light;
  }
  public void execute(){
    light.switchOn();
  }
}
//關(guān)燈命令實(shí)現(xiàn)類
public class LightOffCommand implements Command{
  Light light;
  public LightOffCommand(Light light){
    this.light = light;
  }
  public void execute(){
    light.switchOff();
  }
}
//真正開關(guān)燈的類
public class Light{
  private boolean on;
  public void switchOn(){
    on = true;
  }
  public void switchOff(){
    on = false;
  }
}
//根據(jù)不同命令執(zhí)行開關(guān)燈
public class RemoteControl{
  private Command command;
  public void setCommand(Command command){
    this.command = command;
  }
  public void pressButton(){
    command.execute();
  }
}
//調(diào)用命令模式
public class Client{
  public static void main(String[] args){
    RemoteControl control = new RemoteControl();
    Light light = new Light();
    Command lightsOn = new LightsOnCommand(light);
    Command lightsOff = new LightsOffCommand(light);
    //設(shè)置開燈命令來(lái)開燈
    control.setCommand(lightsOn);
    control.pressButton();
    //設(shè)置關(guān)燈命令來(lái)關(guān)燈
    control.setCommand(lightsOff);
    control.pressButton();
  }
}

解釋器模式（Interpreter Pattern）

解釋器模式是給定一種語(yǔ)言，定義其語(yǔ)法以及使用該語(yǔ)法來(lái)表示語(yǔ)言中句子的解釋器。這種模式實(shí)現(xiàn)了一個(gè)表達(dá)式接口，該接口解釋一個(gè)特定的上下文。這種模式被用在 SQL 解析、符號(hào)處理引擎等。它屬于行為型模式。

它的優(yōu)點(diǎn)：
1、可擴(kuò)展性比較好，靈活。
2、增加了新的解釋表達(dá)式的方式。
3、易于實(shí)現(xiàn)簡(jiǎn)單語(yǔ)法。

它的缺點(diǎn)：
1、可利用場(chǎng)景比較少。
2、對(duì)于復(fù)雜的文法比較難維護(hù)。
3、解釋器模式會(huì)引起類膨脹。
4、解釋器模式采用遞歸調(diào)用方法。

例如，我們用下面這個(gè)簡(jiǎn)單規(guī)則表達(dá)式的例子來(lái)更好的理解解釋器模式。

//定義一個(gè)表達(dá)式接口
public interface Expression {
   public boolean interpret(String context);
}
//定義一個(gè)基本規(guī)則的實(shí)現(xiàn)，輸入的內(nèi)容包含初始化的內(nèi)容時(shí)，返回 true
public class TerminalExpression implements Expression {
   private String data;
   public TerminalExpression(String data){
      this.data = data; 
   }
   @Override
   public boolean interpret(String context) {
      if(context.contains(data)){
         return true;
      }
      return false;
   }
}
//定義一個(gè)或者規(guī)則的實(shí)現(xiàn)，輸入的內(nèi)容包含初始化時(shí)任意一個(gè)內(nèi)容時(shí)，返回 true，否則 false
public class OrExpression implements Expression {
   private Expression expr1 = null;
   private Expression expr2 = null;
   public OrExpression(Expression expr1, Expression expr2) {
      this.expr1 = expr1;
      this.expr2 = expr2;
   }
   @Override
   public boolean interpret(String context) {      
      return expr1.interpret(context) || expr2.interpret(context);
   }
}
//定義一個(gè)并且規(guī)則的實(shí)現(xiàn)，輸入的內(nèi)容同時(shí)包含初始化時(shí)兩個(gè)內(nèi)容時(shí)，返回 true，否則 false
public class AndExpression implements Expression {
   private Expression expr1 = null;
   private Expression expr2 = null;
   public AndExpression(Expression expr1, Expression expr2) { 
      this.expr1 = expr1;
      this.expr2 = expr2;
   }
 
   @Override
   public boolean interpret(String context) {      
      return expr1.interpret(context) && expr2.interpret(context);
   }
}
//調(diào)用規(guī)則表達(dá)式
public class Client {
   //規(guī)則：Robert 和 John 是男性，輸入只要滿足其中一個(gè)規(guī)則就行
   public static Expression getMaleExpression(){
      Expression robert = new TerminalExpression("Robert");
      Expression john = new TerminalExpression("John");
      return new OrExpression(robert, john);    
   }
   //規(guī)則：Julie 是一個(gè)已婚的女性，輸入只要滿足兩個(gè)規(guī)則
   public static Expression getMarriedWomanExpression(){
      Expression julie = new TerminalExpression("Julie");
      Expression married = new TerminalExpression("Married");
      return new AndExpression(julie, married);    
   }
 
   public static void main(String[] args) {
      Expression isMale = getMaleExpression();
      Expression isMarriedWoman = getMarriedWomanExpression();
 
      System.out.println("John is male? " + isMale.interpret("John"));
      System.out.println("Julie is a married women? " 
      + isMarriedWoman.interpret("Married Julie"));
   }
}

最后，還是那句話，每種設(shè)計(jì)模式有它自己的好處，也有它的壞處。在寫代碼時(shí)，多思考，想好在寫，免得返工，先從思維方式上改變。使用單一原則，一個(gè)類，一個(gè)方法只做一件事情，這樣方便維護(hù)，耦合低，可擴(kuò)展。

PS:
清山綠水始于塵，博學(xué)多識(shí)貴于勤。
微信公眾號(hào)：「清塵閑聊」。
歡迎一起談天說(shuō)地，聊代碼。

GPU云服務(wù)器云服務(wù)器平衡二叉樹課程設(shè)計(jì) 易懂深度學(xué)習(xí)最易懂 docker是什么通俗易懂

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/74942.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

daydream

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

程序員的算法趣題Q54: 偷懶的算盤(2)

閱讀 1165·2021-10-14 09:43
#便宜#無(wú)憂云：2核/2G/50G硬盤/3Mbps不限流量/洛陽(yáng)BGP線路/首月9.9元，限量200

閱讀 1223·2021-10-11 11:07
野草云：新增香港云服務(wù)器CN2+BGP寬帶 1GB內(nèi)存 3M 帶寬月費(fèi) 19元起

閱讀 3164·2021-08-18 10:23
CSS多列布局（柵格布局）

閱讀 1542·2019-08-29 16:18
利用HTML和CSS實(shí)現(xiàn)常見的布局

閱讀 1058·2019-08-28 18:21
js執(zhí)行機(jī)制

閱讀 1540·2019-08-26 12:12
如何實(shí)現(xiàn)一個(gè)這樣的級(jí)聯(lián)組件

閱讀 3826·2019-08-26 10:11
Node中間層服務(wù)編寫框架中的思考

閱讀 2567·2019-08-23 18:04

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

通熟易懂的設(shè)計(jì)模式（二）

相關(guān)文章

**通熟易懂的設(shè)計(jì)模式（一）**

Java后端學(xué)習(xí)，你應(yīng)該看那些書籍？

Java后端學(xué)習(xí)，你應(yīng)該看那些書籍？

淺談NUXT - 基于vue.js的服務(wù)端渲染框架

發(fā)表評(píng)論

0條評(píng)論

daydream

男|高級(jí)講師

TA的文章

程序員的算法趣題Q54: 偷懶的算盤(2)

#便宜#無(wú)憂云：2核/2G/50G硬盤/3Mbps不限流量/洛陽(yáng)BGP線路/首月9.9元，限量200

野草云：新增香港云服務(wù)器CN2+BGP寬帶 1GB內(nèi)存 3M 帶寬月費(fèi) 19元起

CSS多列布局（柵格布局）

利用HTML和CSS實(shí)現(xiàn)常見的布局

js執(zhí)行機(jī)制

如何實(shí)現(xiàn)一個(gè)這樣的級(jí)聯(lián)組件

Node中間層服務(wù)編寫框架中的思考

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

通熟易懂的設(shè)計(jì)模式（二）

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！