梁同学de自言自语
梁同学de自言自语

《高性能JavaScript》读书笔记③：DOM编程

浏览器中的DOM(DOM in Browser World)

  • 文档对象模型(DOM)是用于操作XML、HTML文档的程序接口(API)
  • 浏览器通常独立实现DOM和ECMAScript （如IE中，DOM通过mshtml.dll库实现，而JavaScript通过JScript.dll库来实现），以便其他的技术能共享使用（例如VBScript也可以使用DOM）
天生就慢(Inherently Slow)
  • 不同的浏览器厂商，通过不同的引擎来实现DOM和JavaScript

    • Safari浏览器使用Webkit的WebCore来实现DOM渲染，使用独立研发的JavaScript引擎（SquirrelFish 金鳞鱼）[ˈskwɪrəl]

    • Google Chrome浏览器同样使用Webkit的WebCore来实现DOM渲染，独立研发的JavaScript引擎名为V8

    • Firefox浏览器使用独立的Gecko(壁虎)[ˈgekəʊ]引擎实现DOM渲染，使用独立研发的JavaScript引擎（JagerMonkey）['jɑ:gə]

  • 由于浏览器把ECMAScript和DOM独立实现，所以通过JS代码调用DOM API时就会产生性能损耗。 作者把ECMAScript和DOM比喻成两座岛屿，岛屿间有一架收费的桥梁来连接。每当ECMAScript访问DOM时，就要经过这座桥并缴纳“过桥费”，而访问DOM次数越多，费用也就越高。这里的过桥费，就指的是性能损耗。
DOM访问与修改(DOM Access and Modification)
  • 访问DOM元素是有代价的，而修改DOM元素代价更为高昂，因为会导致浏览器重新计算页面的几何变化。
    示例：演示一个循环修改DOM元素的极端情况

function innerHTMLLoop(){
//循环一万五千次，累加a字符串，放入到id=here的DOM元素中
for(var count=0; count<15000; count++){
document.getElementById('here').innerHML += 'a';
}
}

修改：先循环获取a字符串，再放入DOM元素；

function innerHTMLLoop(){
var temp = ''; //缓存字符串
//循环一万五千次，累加a字符串，放入到id=here的DOM元素中
for(var count=0; count<15000; count++){
temp += 'a';
}
document.getElementById('here').innerHML += temp; //最后放入
}


##### innerHTML对比DOM方法(innerHML Versus DOM methods)
- HTML元素的innerHTML属性和DOM API document.createElement()方法，哪个更高效呢？
书里分别使用这两种方式，往``中插入1000行表格，对比测试性能。
测试发现，在旧版的浏览器中innerHTML效率稍微会高一些，且相对于DOM API的方式来看，代码可阅读性也更好。
究竟使用哪种方式，要根据代码可读性、稳定性、代码风格来综合考量。

##### 节点克隆(Cloning Nodes)
- 除此之外，还可以通过`element.cloneNode()`方法克隆已有的元素实现更新页面。在大多数浏览器中节点克隆都比较有效率，但不是特别明显。

##### HTML集合(HTML Collections)
- 以下的方法可以得到DOM节点的集合：
* document.getElementsByName()
* document.getElementsByClassName()
* document.getElementsByTagName()
- 事实上，如DOM标准中所定义的，HTML集合会以一种“假定实时态”(assumed to be live)实时存在。这意味着HTML集合一直与底层文档保持着连接，当底层文档对象更新时，它也会自动更新。
- 示例：一段由于因为HTML集合实时性，导致死循环的代码

//alldivs是页面中所有DIV的集合
 var alldivs = ducument.getElementsByTagName('div');
 //遍历集合，根据DIV集合的数量，给body追加同等数量的div元素
 for(var i=0;i document.body.appendChild(document.createElement('div'));
 }
而优化的方法也很简单：①把集合长度作为局部变量缓存起来；②将HTML集合放到一个数组中（因为遍历数组的速度比遍历HTM集合要快）

function collectionNodesLocal(){
 var coll = ducument.getElementsByTagName('div'), //获取HML集合
 len = coll.length, //缓存HTML集合的长度
 el = null; //缓存集合中的对象
       for(var count=0;count
}
- 开发者通过`getElementById()`获取特定元素比通过`getElementsByTagName()`获取元素列表效率更高，除此之外，还可以通过CSS选择器准确获取元素。尤其是大量组合查询的情况下，`querySelectorAll()`更有效率。

//获取id=menu的元素之中的所有a元素
 var elements = document.querySelectAll('#menu a');
 //获取clas为warning或者notice的div元素
 var errs = document.querySelectorAll('div.warning,div.notice');

# 重绘与重排(Repaints and Reflows)
- 当浏览器下载完所有页面组件（HTML/JavaScript/CSS/图片）后，会解析并生成两个数据结构：DOM树、渲染树
- DOM树中每一个显示的节点在渲染树存在一个对应的节点，隐藏的DOM元素在渲染树中没有对应的节点
- 渲染树种的节点被称为fames(帧)或者boxes(盒子)，这也符合CSS盒模型的定义

##### 重排何时发生(When Does a Reflow Happen)
- 一旦DOM树和渲染树构建完成后，浏览器就开始paint(显示/绘制)页面元素，而当DOM节点发生改变，影响元素的几何属性时（比如改变边框高度或者给段落添加文字），比如下列情况：
* 添加或删除可见的DOM元素
* 元素位置发生改变
* 元素(内外边距/边框厚度/宽高等)尺寸发生改变
* 元素内容改变
* 页面渲染器初始化
* 浏览器窗口尺寸发生改变
- 浏览器需要重新计算该元素的几何属性，而其他元素的几何属性和位置可能也会受到影响。当然不是所有的DOM变化都会影响几何属性比如改变元素的背景颜色并不会影响元素的宽高。
- 浏览器重新构造渲染树的过程称为“`重排(reflow)`”。完成重排后，浏览器会重新绘制受影响的元素到屏幕中，这个过程称为"`重绘(repaint)`"。
- 重排和重绘都需要付出高昂的性能代价，甚至可能会导致Web应用程序的UI卡顿，应当尽量避免重排和重绘的发生。

##### 渲染树变化的排队与刷新(Queuing and Flushing Render Tree Changes)
- 由于重排会产生计算消耗，大多数浏览器通过队列化批量执行来优化重排的过程。但如果执行类似获取布局信息等操作，会导致强制刷新队列，我们应当避免此类情况的发生。比如以下方法：
* offsetTop，offsetLeft，offsetWidth，offsetHeight
* scrollTop，scrollLeft，scrollWidth，scrollHeight
* clientTop，clientLeft，clientWidth，clientHeight
* getComputedStyle()，（currentStyle in IE）
- 如果实在需要查询布局信息，应当先一次性修改过后，再执行查询

bodystyle.color = 'red';
 bodystyle.color = 'white';
 bodystyle.color = 'green';
 tmp = computed.backgroundColor;
 tmp = computed.backgroundImage;
 tmp = computed.backgroundAttachment;

##### 最小化重绘和重排(Minimizing Repaints and Reflows)
- 一个好的提高程序响应速度的策略应该减少重绘和重排的发生，比如合并多次对DOM的样式的修改，一次性处理。
案例：有三个样式属性被改变，每次改变都将影响元素的几何结构

var el = document.getElementById('myDiv');
 el.style.borderLeft = '1px';
 el.style.borderRight = '2px';
 el.style.padding = '5px';
优化：合并所有的改变，然后一次性处理（还可以通过修改CSS的class名称指定新样式）

var el = document.getElementById('myDiv');
 el.style.cssText += 'border-left:1px;border-right:2px;padding:5px;';
- 当批量修改DOM时，可通过三种方式减少重绘和重排的次数：
* 使元素脱离文档流（隐藏元素，执行修改，重新显示）
* 使用文档片段(document fragment)的方式
* 拷贝原始元素到一个脱离文档流的节点中修改，修改完成后替换原始元素
- 案例：现有一个数组的数据，需要拆分更新到一个ul元素

//模拟数据
 var data = [];
 //获取ul元素
 var ul = document.getElementById('newsList');
 //传入要更新的数据数组，遍历并填充到ul元素中
 appendDataToElement(ul,data);

- 方式①：使元素脱离文档（改变display属性，临时从文档流中移除要更新的元素）

//模拟数据
 var data = [];
 //获取ul元素
 var ul = document.getElementById('newsList');
 //传入要更新的数据数组，遍历并填充到ul元素中
 ul.style.display = 'none'; //隐藏
 appendDataToElement(ul,data);
 ul.style.display = 'block'; //显示

- 方式②：使用文档片段 __（推荐使用此种方式）__

//创建代码片段
 var fragment = document.createDocumentFragment();
 //将要更新的数据先放入fragment元素中
 appendDataToElement(fragment,data);
 //更新fragment到ul
 document.getElementById('newsList').appendChild(fragment);
- 方式③：拷贝原始元素更新

//获取原始节点
 var old = document.getElementById('newsList');
 //克隆节点
 var clone = old.cloneNode(true);
 //将要更新的数据先放入fragment元素中
 appendDataToElement(clone,data);
 //通过克隆节点进行覆盖更新
 old.parentNode.replaceChild(clone,old);

# 事件委托(Event Delegation)
- 页面中大量的元素一次或多次绑定事件也可能会影响性能，要知道每绑定一个事件处理器都是有代价的。尤其是在页面onload时，对于富交互应用的页面来说都会造成拥堵。而页面跟踪事件处理器，也会占用更多的内存。
- 通过事件委托来处理DOM事件是比较优雅的处理方式。由于DOM事件逐层冒泡并能被父级元素捕获，所以只需要给外层元素绑定绑定一个处理器，作为事件代理，就可以处理其子元素上出发的所有事件了。

document.getElementById(‘menu’).onclick = function(e){
 e = e || window.event;
 var target = e.target || e.srcElement;
 var pageid,hrefparts;
 if(target.nodeName !== 'A'){
 return;
 }
 //获取点击超链接的id值
 hrefparts = target.href.split('/');
 pageid = hrefparts[hrefparts.length - 1];
 pageid = pageid.replace('.html','');
 //更新页面 ajaxRequest('xhr.php?page='+id,updatePageContexts');
 //浏览器阻止默认行为，并取消冒泡
 if(type e.preventDefault === 'function'){
 e.preventDefault();
 e.stopPropagation();
 }else{
 e.returnValue = false;
 e.cancelBubble = true;
 }
 }

                    
                

        
你可能感兴趣的:(《高性能JavaScript》读书笔记③：DOM编程)

        

            

                
    
                    
  • Python 协程 & 异步编程(asyncio)
                        GeekAGI
python开发语言
                        
    文章目录协程&异步编程(asyncio)1.协程的实现1.1greenlet1.2yield1.3asyncio1.4async&awit1.5小结2.协程的意义2.1爬虫案例2.2小结3.异步编程3.1事件循环3.2协程和异步编程3.2.1基本应用3.2.2await3.2.3Task对象3.2.4asyncio.Future对象3.2.5futures.Future对象3.2.6异步迭代器3.
    
                    
    • 
                    
  • Python 事件循环与 asyncio 的底层实现
                        代码界的灵魂舞者
pythonjava数据库
                        
    ```htmlPython事件循环与asyncio的底层实现Python事件循环与asyncio的底层实现在现代的异步编程中，事件循环扮演着至关重要的角色。Python的asyncio模块是其核心，它提供了一种优雅的方式来处理异步任务和并发操作。本文将深入探讨Python中事件循环的概念以及asyncio的底层实现。什么是事件循环？事件循环（EventLoop）是一种控制流机制，它负责管理任务队列
    
                    
    • 
                    
  • Python异步编程：深入理解事件循环与协程
                        

                        
    引言：从餐厅服务员说起想象你是一家高档餐厅的服务员。传统方式下，你接到顾客A的点餐后，需要一直等在厨房，直到菜品做好才能去服务顾客B。这显然效率很低。聪明的服务员会这样做：接到顾客A的订单后，把单子交给厨房，然后立即去服务顾客B、C、D…当厨房通知某个菜做好了，再去取餐送给相应的顾客。这就是事件循环的工作方式——不傻等，而是充分利用等待时间去做其他事情。一、事件循环：异步编程的心脏1.1什么是事件
    
                    
    • 
                    
  • Selenium 知识点详解：从基础操作到代码实战
                        壮志凌云不假
seleniumpython测试工具
                        
    在自动化测试领域，Selenium是一款备受瞩目的工具。一、Selenium简介Selenium是一个用于Web应用程序测试的工具，它支持多种浏览器和编程语言，能模拟用户在浏览器上的各种操作，如点击、输入文本等，从而实现对Web应用的自动化测试，帮助开发者快速发现潜在问题，提高开发效率。二、环境配置要使用Selenium，需先进行环境配置。以Python为例，首先需安装Selenium库，可通过p
    
                    
    • 
                    
  • 2024适合个人干的副业新风口，新机遇助你轻松实现财富增值！
                        氧惠佣金真的高

                        
    在2024年，有多种副业相对容易获得收益。以下是一些具体建议，按照不同类别进行归纳：技能输出型副业：代跑腿：通过相关APP注册认证，接取任务。每单收入根据距离而定，一般几十元不等。适合时间充足的上班族。游戏代打：对于游戏爱好者，通过游戏内倒卖物品、赚取差价，再将游戏币兑换成现金，短短几个小时就能收入上百元。编程接单：程序员可以利用空闲时间接取外包的开发任务，如开发小程序等，这不仅能锻炼技能，还能带
    
                    
    • 
                    
  • Selenium自动化测试实战指南：原理、工具与应用
                        Compass宁

                        
    本文还有配套的精品资源，点击获取简介：Selenium是一个用于Web应用程序自动化测试的开源工具，它通过提供API支持多种编程语言编写脚本，实现浏览器的自动化操作。本实例将详细介绍如何使用Selenium进行自动化测试，包括浏览器驱动的使用方法。学习Selenium可以提高软件测试效率，减少错误，并通过各种实例加深对自动化测试工具的理解。实例包括了如何安装、配置Selenium库和浏览器驱动，以
    
                    
    • 
                    
  • 《在与众不同的教室里》读书笔记（3）
                        河南张俊红

                        
    第三位老师：菲利普.比格勒1998年，美国国家年度教师，美国著名教师曾长期任教高中。菲利普比格勒，它的特点就是在教室里历史模拟，让学生学活历史。克林顿总统评价他说，在一个举国重视教育的实质内容的时代，它向我们展示了即是历史学家，又是杰出导师的教师的风采。历史课堂大多是过去发生的事情，学生们学起来枯燥无味，而菲利普比格勒进行互动式历史模拟，虽然模拟的结果不需要与真实的历史一致，但能够让他们对历史事件
    
                    
    • 
                    
  • 《不离不弃，品行且珍惜：林徽因传》读书笔记（八）
                        棉麻布衣

                        
    《一生挚爱一生等待》“人生若只如初见，何事秋风悲画扇。”可人生又怎能只如初见，如果说初见灿若春花，携手一段漫长人生，便可看秋叶之静美了。喜欢一个人，爱一个人，是一件沉重而长远的事，可能会是一生一世。这要靠行动而非语言。喜欢，或者爱，于用情至深之人，是千钧的重量，一旦化成语言就减轻了分量；是付出，而非索取，一旦索取就不再纯粹。佛把他变成了一棵树，永远等在她必经的路旁。世上再无金岳霖，那份可能称之为“
    
                    
    • 
                    
  • 《史蒂夫·乔布斯传》读书笔记之二——苹果诞生
                        格桑德吉1024

                        
    AppleI1975年，沃兹尼亚克设计了一个蓝盒子——这就是AppleI，只用在键盘上按几个键，那些字母就可以显示在屏幕上。乔布斯看到这个神奇的蓝盒子时，大吃一惊，连问了他好几个问题：这台电脑能联网吗？是否有可能添加一块磁盘作为存储器？乔布斯打了几个电话，免费从英特尔得到了一些芯片（DRAM），他知道怎么跟销售代表说话。而沃兹不一样，他是个害羞的孩子。乔布斯和沃兹一起参加了家酿计算机俱乐部的会议，
    
                    
    • 
                    
  • 用python自制简单小游戏----Pyinstaller库
                        AI 嗯啦
pythonpygame开发语言
                        
    目录一、简单介绍Pyinstaller库主要特点基本使用方法打包流程说明注意事项二、实例演示1、井字棋2、猜单词3、猜数字三、找到自己打包的可执行文件现在你就会自己做小游戏了，快去和你的小伙伴分享吧在编程的世界里，没有什么比亲手打造一款属于自己的小游戏更能带来成就感了。当一行行代码在屏幕上跳动，最终幻化成可以操作的角色、有趣的关卡时，那种从0到1的创造喜悦，足以让每个开发者为之着迷。而Python
    
                    
    • 
                    
  • 2025年想做黑客？推荐给你4本高质量黑客书籍，让你彻底研究黑客编程技术书！
                        

                        
    写在开头在开始之前，我想说的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一
    
                    
    • 
                    
  • buntu 22.04 上离线安装Docker 25.0.5（二）
                        努力一点948
底层ubuntu系统入门docker容器运维人工智能linux服务器gpu算力
                        
    以下有免费的4090云主机提供ubuntu22.04系统的其他入门实践操作地址：星宇科技|GPU服务器高性能云主机云服务器-登录相关兑换码星宇社区---4090算力卡免费体验、共享开发社区-CSDN博客兑换码要是过期了，可以私信我获取最新兑换码！！！之所以推荐给大家使用，是因为上面的云主机目前是免费使用的，不需要大家再去安装虚拟机，部署虚拟机，环境都搭配好了，非常适合新手入门，减少搭建的时间，把时
    
                    
    • 
                    
  • python 爬取preview的信息
                        YHFJerry
python开发语言
                        
    Python,HTTP相关视频讲解：python的or运算赋值用法用python编程Excel有没有用处？011_编程到底好玩在哪？查看python文件_输出py文件_cat_运行python文件_shelPython爬取Preview的信息在当今互联网时代，信息的获取变得异常方便，爬虫技术成为了一种非常重要的手段。Python作为一门强大的编程语言，被广泛用于网络爬虫的开发。本文将介绍如何使用P
    
                    
    • 
                    
  • MATLAB在工业缺陷检测中的应用
                        

                        
    本文还有配套的精品资源，点击获取简介：缺陷检测、伤痕检测、瑕疵检测和划痕检测是工业自动化和质量控制中至关重要的环节，MATLAB作为一种高级编程环境，在图像处理和计算机视觉任务中扮演了重要角色。本文详细介绍了如何使用MATLAB实现这些检测过程，包括图像采集、预处理、特征提取和决策制定等步骤。通过介绍内置图像处理工具箱中的应用，色彩转换技术、边缘检测算法以及形态学操作等方法，我们阐述了如何识别和处
    
                    
    • 
                    
  • linux install RDMA IB netcard
                        richer_live
c++linux服务器运维
                        
    安装RDMAIB网卡驱动指令sudoapt-getinstallbuild-essentiallibelf-devcmakesudoapt-getinstalllibibverbs1libibverbs-devlibrdmacm1librdmacm-devrdmacm-utilsibverbs-utilssudomodprobeib_coresudomodproberdma_ucm无IB网卡的机器
    
                    
    • 
                    
  • 读书笔记：德鲁克《管理的实践》12
                        李唐星辰

                        
    1、德鲁克在【首席执行官与董事会】中提及一个故事：一个大企业中的工厂发生火灾，打乱了所有的生产进度。工作不得不交给竞争对手或者其他供应商，通过延迟交货安抚客户来度过突如其来的危机。但是，新总裁却决定，放弃修老厂，直接建新厂。因为通过两年的新建可以使得工厂扩大两倍的规模并能因此节约成本。不过，为了新建工厂，他们必须在短时间内筹集资金来应急。所以总裁日以继夜，带领着团队工作。星辰感悟：我们能够看到一个
    
                    
    • 
                    
  • 有哪些适合大学生的学习编程经验？
                        编程就会这点技术

                        
    学习编程可能没有捷径，但一定是有弯路的，按危害程度，依次为：不上机。死磕“经典”。玩鄙视链。“不上机”这个毛病我都不想多说了。不管你是看书还是看视频，正确的姿势都是左边翻开教科书，右边就同时打开电脑——把代码敲进去，把程序跑起来啊！在书上画叉叉圈圈有个毛用！？我觉得特别到位的一句话：编程本质上是门手艺。三天不练手生，手艺是练出来的。你当然要看书，但绝对不是只看书就够了。自己上机过个手，首先能发现问
    
                    
    • 
                    
  • Python Pandas 实践学习笔记（1）
                        

                        
    PythonPandas教程Pandas是一个开源的、BSD许可证的Python库，为Python编程语言提供高性能、易于使用的数据结构和数据分析工具。Python与Pandas在学术和商业领域都被广泛应用，包括金融、经济、统计学、分析等领域。在本教程中，我们将学习PythonPandas的各种特性以及如何在实践中使用它们。教程对象本教程适用于那些想要学习Pandas基础知识和各种函数的人。对于从
    
                    
    • 
                    
  • 【免费下载】 RTL8211F(D)(I) 参考原理图：千兆以太网 PHY 设计的利器
                        富阔典

                        
    RTL8211F(D)(I)参考原理图：千兆以太网PHY设计的利器【下载地址】RTL8211FDI参考原理图本仓库提供了RTL8211F(D)(I)芯片的参考原理图，适用于电子工程师和硬件开发者进行电路设计和参考。RTL8211F(D)(I)是一款高性能的千兆以太网PHY芯片，广泛应用于网络设备和通信系统中。项目地址:https://gitcode.com/open-source-toolkit/
    
                    
    • 
                    
  • 新手入门必备：游戏引擎推荐指南
                        

                        
    哈喽，大家好呀，淼淼又来和大家见面啦，在数字娱乐时代，游戏开发已成为许多创意和技术爱好者的梦想之旅。对于刚刚踏足这片神奇领域的“新手小白”来说，选择一个合适的游戏引擎是开启游戏创作大门的关键。游戏引擎是游戏开发的核心工具，它集成了图形渲染、物理模拟、动画系统、音频处理、脚本编程等众多功能，大大简化了游戏开发的复杂度。下面，我们就来为初学者推荐几款易上手、功能强大的游戏引擎。1.Unity3D推荐理
    
                    
    • 
                    
  • Matlab自学笔记六十四：求解自变量带有约束条件的方程
                        

                        
    1.说明有一些方程由于实际问题的需要，需要设置一些限制约束条件，例如x>0等，若使用Matlab编程求解，首先尝试使用符号运算求解（符号运算可参考文章54：Matlab自学笔记五十四：符号数学工具箱和符号运算、符号求解、绘图），简单的约束条件可以在声明sym变量的时候直接写出，复杂的约束条件可能需要使用assume设置假设条件（符号变量假设条件的用法请参考文章56：Matlab快速上手五十六：详解
    
                    
    • 
                    
  • 每日面试题08:wait()和sleep()的区别
                        

                        
    Java多线程核心：wait()与sleep()的区别与应用场景详解在Java多线程编程中，wait()和sleep()是两个控制线程执行流程的重要方法，但它们的设计定位和使用场景截然不同。本文将从底层机制、调用条件、锁行为、异常处理等维度深入解析两者的差异，并结合实际场景说明如何选择使用。一、前置知识：线程的状态与同步机制在理解wait()和sleep()前，需要明确两个基础概念：线程状态：Ja
    
                    
    • 
                    
  • 【iOS】锁[特殊字符]
                        

                        
    文章目录前言1️⃣什么是锁？1.1基本概念1.2锁的分类2️⃣OC中的常用锁2.1OSSpinLock（已弃用）：“自旋锁”的经典代表为什么尽量在开发中不使用自旋锁自旋锁的本质缺陷：忙等待（BusyWaiting）os_unfair_lock的局限性：不适用于复杂场景苹果的官方建议：优先使用更高效的锁2.2dispatch_semaphore_t（GCD信号量）：“高性能通用锁”2.3pthrea
    
                    
    • 
                    
  • mediamtx v1.13.1版本详解：2025年7月21日最新功能与优化汇总
                        福大大架构师每日一题
文心一言vschatgptgolang
                        
    mediamtx作为一款高性能的流媒体服务器软件，持续在稳定性、兼容性和用户体验方面进行优化迭代。2025年7月21日，mediamtx发布了1.13.1版本，本次更新在多个协议支持、功能完善及依赖库升级方面进行了重要改进。本文将围绕mediamtxv1.13.1版本的具体修复和增强内容进行深度解析，帮助广大开发者和运维人员快速理解新版本亮点及实用价值。一、版本概述mediamtxv1.13.1定
    
                    
    • 
                    
  • python sqlalchemy连接oracle_Python SQLalchemy 基础操作之数据库增删改查
                        weixin_39970994
python
                        
    ORM全称ObjectRelationalMapping,即对象关系映射。简单的说，ORM将数据库中的表与面向对象语言中的类建立了一种对应关系。这样，我们要操作数据库，数据库中的表或者表中的一条记录就可以直接通过操作类或者类实例来完成。SQLAlchemy是Python社区最知名的ORM工具之一，为高效和高性能的数据库访问设计，实现了完整的企业级持久模型。SQLAlchemy优点：简洁易读：将数据
    
                    
    • 
                    
  • Java知识体系个人总结
                        普通人zzz~
Java知识体系个人总结分布式微服务全家桶java
                        
    Java知识体系个人总结Java进阶知识项目问题记录系统设计并发编程前端数据库关系型数据库非关系型数据库应用框架SpringMyBatis/IBatisNetty微服务与分布式1.分布式微服务2.Netflix-Ribbon3.Netflix-OpenFeign4.Netflix-Eureka5.Alibaba-Dubbo6.Alibaba-Nacos7.Alibaba-Sentinel8.Ali
    
                    
    • 
                    
  • 20210125《班主任专业成长》读书笔记
                        在水一方198158

                        
    《班主任专业成长》读书笔记书摘：1.苏霍姆林斯基曾说：“从他（指儿童）开始过学校生活的最初日子起，我们就把他眼前那扇通往周围大自然的迷人世界的门关闭了，他再也听不到小溪的潺潺流水声，听不到春雪融化时水滴的叮咚响，听不到云雀的婉转鸣唱了……不，不能再这样继续下去了。”2.王国维在《论教育之宗旨》一文中深刻地指出：“美育者，一面使人之感情发达，以达完美之域；一面又为德育与智育之手段。此又教育者所不可不
    
                    
    • 
                    
  • Python爬虫实战：深入无限滚动页面抓取原理与Playwright实现
                        Python爬虫项目
python爬虫开发语言区块链json
                        
    一、前言：无限滚动页面的挑战在现代Web开发中，「无限滚动（InfiniteScrolling）」早已取代了传统的分页模式。以微博热搜流、知乎首页、抖音推荐页为例，用户向下滚动时会自动加载更多内容，这种体验虽提升了交互性，却让传统爬虫面临巨大挑战：页面初始只加载一部分内容剩余内容由JavaScript在滚动事件中动态加载requests类爬虫无法感知页面行为为什么传统爬虫抓不到数据？因为页面数据不
    
                    
    • 
                    
  • 【设计模式&C#】工厂方法模式（相比简单工厂模式更加具有灵活性和扩展性的工厂模式）
                        

                        
    是一种创建型设计模式。特点是解耦客户端对对象的创建，使用抽象的工厂类，让类的扩展更加容易，相比简单工厂模式更具有灵活性和扩展性。优点：工厂方法模式将对象的创建与使用分开，使客户端代码无需关心对象是如何创建的；扩展性强，且符合开闭原则。需要添加新的实现类时，无需修改原有代码，只需添加一个相应的工厂类即可；支持多态，在运行时子类可以被替换，从而支持多态编程；易于修改和维护；易于管理复杂的创建逻辑。缺点
    
                    
    • 
                    
  • 《即兴的智慧》读书笔记（五）（86-102页）
                        河南张俊红

                        
    第七个练习面对事实“面对现实”意味着我们要慢慢品味他人提供的食物吸收，并加上自己的见解。面对现实是必要的元素，他对日常生活也有指导作用。即兴演员不会去纠结那些不切实际的想法，他们会面对现实，然后努力将崎岖变成坦途，把坏事变成好事。希望他人改变，也是逃避事实的一种方式，我们会期待他人做出改变，必须接受人与人之间的差异，即兴演员懂得与不同风格的人合作的价值，并能够控制改变他人的冲动。第八个练习别忘了目
    
                    
    • 
                                
  • java责任链模式
                                    3213213333332132
java责任链模式村民告县长
                                    
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 
 
就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 
 
下面代码模拟这样的效果： 
创建一个政府抽象类,方便所有的具体政府部门继承它。 
 

package 责任链模式;

/**
 * 
 
    
                                
    • 
                                
  • linux、mysql、nginx、tomcat 性能参数优化
                                    ronin47

                                    
    一、linux 系统内核参数 
 
  /etc/sysctl.conf文件常用参数     net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max  = 8388608        #SOCKET读缓存区大小
net.core.wmem_max  = 8388608        #SOCKET写缓存区大
    
                                
    • 
                                
  • php命令行界面
                                    dcj3sjt126com
PHPcli
                                    
    常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块

执行一段代码
php -r 'echo "hello, world!";'
php -r 'echo "Hello, World!\n";'
php -r '$ts = filemtime("
    
                                
    • 
                                
  • Filter&Session
                                    171815164
session
                                    
    Filter 
 
 

HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute("admin") == null) {
           PrintWriter out = res.ge
    
                                
    • 
                                
  • 连接池与Spring,Hibernate结合
                                    g21121
Hibernate
                                    
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。 
        1.下载相关内容：     &nb
    
                                
    • 
                                
  • [简单]mybatis判断数字类型
                                    53873039oycg
mybatis
                                    
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下: 
      
Caused by: java.lang.NumberFormatException: For input string: "null"
	at sun.mis
    
                                
    • 
                                
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space
                                    程序员是怎么炼成的
eclipsejvmtomcatcatalina.sheclipse.ini
                                    
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space. 
    
解决办法是点击eclipse里的tomcat，在
    
                                
    • 
                                
  • 我的crm小结
                                    aijuans
crm
                                    
    各种原因吧，crm今天才完了。主要是接触了几个新技术： 
Struts2、poi、ibatis这几个都是以前的项目中用过的。 
Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
    
                                
    • 
                                
  • spring里配置使用hibernate的二级缓存几步
                                    antonyup_2006
javaspringHibernatexmlcache
                                    
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 
xml 代码 
 
<prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>   
    <prop key="hi
    
                                
    • 
                                
  • JAVA基础面试题
                                    百合不是茶
抽象实现接口String类接口继承抽象类继承实体类自定义异常
                                    
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
    
                                
    • 
                                
  • 让sqlmap文件 "继承" 起来
                                    bijian1013
javaibatissqlmap
                                    
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
    
                                
    • 
                                
  • 精通Oracle10编程SQL(13)开发触发器
                                    bijian1013
oracle数据库plsql
                                    
    /*
 *开发触发器
 */
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;

select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;

--建立BEFORE语句触发器
CREATE O
    
                                
    • 
                                
  • 【EhCache三】EhCache查询
                                    bit1129
ehcache
                                    
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。 
  
要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性 
  数据准备 
    @Before
    public void setUp() {
        //加载EhCache配置文件
        Inpu
    
                                
    • 
                                
  • CXF框架入门实例
                                    白糖_
springWeb框架webserviceservlet
                                    
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 
它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 
在apache cxf官网提供
    
                                
    • 
                                
  • angular.equals
                                    boyitech
AngularJSAngularJS APIAnguarJS 中文APIangular.equals
                                    
    angular.equals 
   描述:  
  比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。       两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项：  
 
 
   
   
   两个值或者对象能通过=== （恒等） 的比较 
   两个值或者对象是同样类型，并且他们的属性都能通过angular
    
                                
    • 
                                
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]
                                    bylijinnan
java
                                    
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht 
 

import java.math.BigInteger;
import java.util.Arrays;

public class CreateBFromATencent {

	/**
	 * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
    
                                
    • 
                                
  • FastDFS 的安装和配置 修订版
                                    Chen.H
linuxfastDFS分布式文件系统
                                    
    FastDFS Home:http://code.google.com/p/fastdfs/ 
1. 安装 
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 
安装libevent (对libevent的版本要求为1.4.
    
                                
    • 
                                
  • [强人工智能]拓扑扫描与自适应构造器
                                    comsci
人工智能
                                    
     
 
 
      当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢? 
 
      那么,现在我们必须设计新的模块和代码包来处理上面的问题
    
                                
    • 
                                
  • oracle merge into的用法
                                    daizj
oraclesqlmerget into
                                    
    Oracle中merge into的使用 
http://blog.csdn.net/yuzhic/article/details/1896878 
http://blog.csdn.net/macle2010/article/details/5980965 
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
    
                                
    • 
                                
  • 不适合使用Hadoop的场景
                                    datamachine
hadoop
                                    
    转自：http://dev.yesky.com/296/35381296.shtml。 
　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
    
                                
    • 
                                
  • YII findAll的用法
                                    dcj3sjt126com
yii
                                    
    看文档比较糊涂，其实挺简单的： 
$predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10)); 
  
第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 
更完善的查询需要
    
                                
    • 
                                
  • vim 常用 NERDTree 快捷键
                                    dcj3sjt126com
vim
                                    
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 
切换工作台和目录 
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 
o 在已有窗口中打开文件、目录或书签，并跳
    
                                
    • 
                                
  • Java把目录下的文件打印出来
                                    蕃薯耀
列出目录下的文件文件夹下面的文件目录下的文件
                                    
    Java把目录下的文件打印出来 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年7月11日 11:02:
    
                                
    • 
                                
  • linux远程桌面----VNCServer与rdesktop
                                    hanqunfeng
Desktop
                                    
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。 
  
linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。 
  
下面分别介绍，以windo
    
                                
    • 
                                
  • guava中的join和split功能
                                    jackyrong
java
                                    
    guava库中，包含了很好的join和split的功能，例子如下： 
 
1） 将LIST转换为使用字符串连接的字符串 
   

    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");

    
                                
    • 
                                
  • Web开发技术十年发展历程
                                    lampcy
androidWeb浏览器html5
                                    
    回顾web开发技术这十年发展历程： 
Ajax 
03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 
彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
    
                                
    • 
                                
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)
                                    nannan408
buffer
                                    
    1.前言。 
  如题。 
2.代码。 
  

IoService

IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括：

1、监听器管理

2、IoHandler

3、IoSession
    
                                
    • 
                                
  • ORA-00054:resource busy and acquire with NOWAIT specified
                                    Everyday都不同
oraclesessionLock
                                    
    [Oracle] 
今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。 
  
step1，查看被lock的session： 
  
select t2.username, t2.sid, t2.serial#, t2.logon_time
  from v$locked_obj
    
                                
    • 
                                
  • javascript学习笔记
                                    tntxia
JavaScript
                                    
      
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
    
                                
    • 
                                
  • Java enum的用法详解
                                    xieke90
enum枚举
                                    
    Java中枚举实现的分析： 
    示例：  
public static enum SEVERITY{
          INFO,WARN,ERROR
} 
    enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
    
                                
    •