2024年观察者设计模式 入门示例(1)，2024年哔哩哔哩前端高级面试题及答案

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

public void update(String msg) {

System.out.println(msg);

}

}

第四步：定义具体被观察者

public class ConcreteObservable implements Observable {

private List observers = new ArrayList<>();

@Override

public void addObserver(Observer observer) {

observers.add(observer);

}

@Override

public void removeObserver(Observer observer) {

observers.remove(observer);

}

@Override

public void notifyObservers(String msg) {

for(Observer observer : observers)

observer.update(msg);

}

}

第五步：定义测试方法，具体代码如下：

public static void main(String[] args) {

System.out.println(“run java”);

Observable observable = new ConcreteObservable();

Observer observer1 = new ConcreteObserver();

Observer observer2 = new ConcreteObserver();

Observer observer3 = new ConcreteObserver();

observable.addObserver(observer1);

observable.addObserver(observer2);

observable.addObserver(observer3);

observable.notifyObservers(“HelloWorld”);

}

运行程序，结果如下图所示：

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

//imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMxLnpoaW1nLmNvbS84MC92Mi0xOWQ2YTQ4MTJmZmQzZjZmYzdlYjJmMjJlMjUwZTM2Y19oZC5qcGc?x-oss-process=image/format,png)