JS设计模式
关注
分享
扫一扫
JS常用的涉及模式
cold-coffee
这个作者很懒，什么都没留下…
展开
-
6-工厂模式
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...原创 2020-04-10 18:17:01 · 162 阅读 · 0 评论 -
7-观察者模式
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...原创 2020-04-10 18:15:22 · 134 阅读 · 0 评论 -
设计模式简介
设计模式 一、 设计模式的目的是什么? 降低功能的复杂性，尽可能的减少耦合度。减少代码的复杂性就意味着代码耦合度高，所以要权衡 尽量实现单一性原则，一个函数只执行的一个功能 如果要扩展功能，尽量不要修改父类，使用继承的方式，修改子类 如果代码的耦合度高，耦合度超过3个，那么可以考虑使用VUEX的理念，数据统一管理，通过指定的方式获取和修改数据 定义函数时，要考虑代码的复用性 二、 有哪些设计模...原创 2020-04-10 18:14:58 · 139 阅读 · 0 评论 -
5-优化表单验证--插入提示信息
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8' /> <meat name='viewport' content='width=device-width, initial-scale=1.0' /> <style> ...原创 2020-04-10 18:14:20 · 212 阅读 · 0 评论 -
4-策略模式-表单验证
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> <style&g...原创 2020-04-10 18:13:43 · 145 阅读 · 0 评论 -
3-策略模式
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> <style&g...原创 2020-04-10 18:13:15 · 136 阅读 · 0 评论 -
2-代理模式
```javascript <!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> ...原创 2020-04-10 18:12:40 · 168 阅读 · 0 评论 -
1-单例模式
<!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'> <meat name='viewport' content='width=device-width, initial-scale=1.0'> </head> <body...原创 2020-04-10 18:11:48 · 123 阅读 · 0 评论