【1120-WEB零基础课】| 单例模式,下周要讲
时间:2022-04-27
本文章向大家介绍【1120-WEB零基础课】| 单例模式,下周要讲,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
这一周我们的任务很重,但不多,只有二个,
1、熟练单例模式;其实jq就是一个大单例
2、reactJs,用它把咱们电商网站项目的几个大的主要模块都重做一遍,包括轮播、产品图片缩放+局部显示、省市区切换、购物车,还有其它的一些例子,什么聊天啊、学生管理sys之类的。
基于使用reactJs写静态页面,就留给你们自己完成了。
<!-- -->
啥叫单例?
我讲这些东西向来不喜欢扯理论,直接就是大白话,“整个网页里,一个js对象永远只有一个实例”,就是单例模式。如果已经有了实例呢?那就直接使用它。
其实很简单,看代码:
完事,这就是单例模式。说起来一句话的事,“就是一个if判断,判断里面是否为空;如果为空就装一个进去,否则就直接返回。”
之前咱们已经讲过了prototype原型模式、观察者模式,现在又讲了单例模式。希望同学们不要混淆了。其实都很简单嘛,我给同学们提示一下,
<!-- prototype原型模式: -->
function 函数(){}
函数.prototype={
aa:function(){
console.log('aaa')
},
bb:function(){
console.log('bbb')
}
}
new 函数().aa();
new 函数().bb();
就这么写,中文一样可以执行的。原型模式就是prototype往函数上加方法,然后一个new就可以使用。
<!-- 观察者模式 -->
function 主体(){
观察者1();
观察者2();
观察者3();
}
function 观察者1();{
console.log(1111111)
}
function 观察者2(){
console.log(1111111)
}
function 观察者3(){
console.log(1111111)
}
// 通过onclick这个事件
某个按钮.onClick = function(){
// 发送了执行主体()这个广播
主体();
}
观察者模式,就是通过一个函数,执行一堆函数。再怎么说,再怎么绕,也就是这点事。
单例模式刚才已经提到了,就不再写了。
- jenkins配置.net mvc网站
- 简述【聚类算法】
- word2vec理论与实践
- GMP大法教你重新做人(从入门到实战)
- Highway Networks
- CTF---编程入门第一题 循环
- Z.ExtensionMethods 一个强大的开源扩展库
- 【干货】神经网络SRU
- AutoMapper 使用实践
- CTF---安全杂项入门第二题 A记录
- PyTorch(总)---PyTorch遇到令人迷人的BUG与记录
- 手把手带你进入TOP20的商超销售预测
- 【干货荟萃】机器学习&深度学习知识资料大全集(二)(论文/教程/代码/书籍/数据/课程等)
- 逆天通用水印扩展篇~新增剪贴板系列的功能和手动配置,卸除原基础不常用的功能
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python图像灰度变换及图像数组操作
- 典型算法的Python实现
- Spring是如何解决循环依赖的
- Python将两个列表转换为字典
- 三、基于promise封装属于自己的Ajax库
- 数据分析 常见异常及解决办法(一)
- Python数据分析实战(2)使用Pandas进行数据分析
- 【redis】redis内存管理、淘汰机制、内存优化
- 如何防止网站被扒的解决方法!
- 【python-面试题53-循环排序】寻找缺失的数
- 【python-leetcode42-区间合并】区间列表的交集
- 【python-leetcode202-快慢指针】快乐数
- vuejs之结合使用vue+element-ui搭建后台管理页面
- 【python-leetcode142-快慢指针】环形链表2
- 【python-leetcode141-快慢指针】环形链表