设计模式---001单例模式(转载自我的老师)
时间:2019-08-31
本文章向大家介绍设计模式---001单例模式(转载自我的老师),主要包括设计模式---001单例模式(转载自我的老师)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
001、单例模式概念
在说单例模式的概念的时候我们先来讲下浏览器的回流和重绘 1、浏览器把获取到的HTML代码会解析成一个DOM树,HTML中的每一个元素都是DOM树的一个节点,根节点也就是我们长用的document对象 2、当渲染树中的一部分或者全部因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候,这时候就会发生回流。每个页面都至少发生一次回流,也就是页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的元素部分失效,并重新绘制这个部分的渲染树,完成回流以后,浏览器会重新绘制受到影响的部分元素到屏幕中,这个过程就是重绘 3、当渲染树中的一些元素需要一些更新属性的时候,而这些属性只会影响外观、风格、而不影响布局的就成为重绘 从以上的概念中可以得知:回流必定发生重绘。但是重绘不一定引起回流 简单的说回流会导致页面的重排,这样会严重影响性能 什么时候会发生回流? 1、添加或者删除可见的DOM元素的时候 2、元素的位置发生改变 3、元素尺寸改变 4、内容改变 5、页面第一次渲染的时候 单例模式:保证系统中,使用该模式的类只有一个实例
002、传统写法
假设我们要创建一个DIV然后在插到页面当中去,如果第一次我们没有这个div的时候我们需要创建一个,但是如果我们已经创建了一次后,第二次在调用这个方法的时候我们还需要在次创建一个吗? 换一个思路来想我们平时用的alert()方法。当我们每次调用alert方法的时候难到系统对象会每次都创建出来一个div吗?刚才咱们也说过了,回流会严重的影响性能。那我们应该如何去做呢? 传统写法:
从上面这个栗子中我们可以看出 我们每次调用这个方法都会创建一个div,而创建每次创建出来这个DIV都不是同一个DIV。说白一点,createDiv就相当于一个班级,每次创建一个div的时候 就意味着从这个班级出来的人都是不同的。这样的做法太浪费性能。如果当我们第一次创建出来一个div的时候,下次我们做一个判断,如果有这个div了那么我们就直接用这个div。没有的话我们在去创建一个。这样我们是不是就可以大大提高性能了?
方法二:
方法三:
原文地址:https://www.cnblogs.com/mp-0518/p/11440548.html
- 如何让dedecms文章点击量增加一定的数值
- dedecms自增标签[field:global.autoindex/]的运用
- dedecms调用副栏目文章怎么操作
- 12个非常有用的JavaScript技巧
- 使用JPA中@Query 注解实现update 操作
- 配合dedecms内容模型实现后台输入栏目id前端输出文章列表
- SpringBoot之前端文件管理
- Spring Boot 设置静态资源访问
- IDEA更换主题
- 用正则表达式给字符串属性值都加上双引号
- Spring Boot修改启动端口
- Packet for query is too large (12238 > 1024). You can change this value
- win10下端口被占用解决办法
- 微信小程序开发教程第九章:微信小程序拍照收纳开发以及删除名片等
- 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 数组属性和方法
- 普通人如何全面了解大数据的特点,意义和发展前景
- 面试官问我Linux下常见网络命令
- 最全常用User-Agent
- 聊到JVM(还怕面试官问JVM吗?)
- Android.location.Address类方法获取GPS定位信息
- Python二叉树详解笔记
- 《剑指offer》第七天:二叉树的下一个结点
- 后台登录微信并定时发送消息,消息包括农历、阴历、天气;自动监测是否断线,支持邮箱发送二维码登录;适合于挂在服务器上运行
- 《剑指offer》第八天:二叉树的下一个结点
- 基于python和OpenCV构建智能停车系统
- nvm管理工具
- 基于OpenCV的图像卡通化
- shadertoy绘图
- 单基因生信分析流程(6)单基因相似性分析
- 三阴性乳腺癌提取和分析