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 · 153 阅读 · 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 · 127 阅读 · 0 评论 -
设计模式简介
设计模式一、 设计模式的目的是什么?降低功能的复杂性,尽可能的减少耦合度。减少代码的复杂性就意味着代码耦合度高,所以要权衡尽量实现单一性原则,一个函数只执行的一个功能如果要扩展功能,尽量不要修改父类,使用继承的方式,修改子类如果代码的耦合度高,耦合度超过3个,那么可以考虑使用VUEX的理念,数据统一管理,通过指定的方式获取和修改数据定义函数时,要考虑代码的复用性二、 有哪些设计模...原创 2020-04-10 18:14:58 · 130 阅读 · 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 · 200 阅读 · 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 · 138 阅读 · 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 · 130 阅读 · 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 · 160 阅读 · 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 · 117 阅读 · 0 评论