在SVN的机器上,系统盘,剩余空间不足1G, 经查看,是C:\Program Files (x86)\Apache Software Foundation\Apache2.2\logs里面存在了很多(每天一个...打开error-2015-07-31.logs文件,发现, 如下信息【 (OS 10038)在一个非套接字上尝试了一个操作 的解决办法】 而且每秒生成的数量很多, 网上搜索了下解决方法, 解决办法一...解决办法二: 在httpd.conf文件中添加 Win32DisableAcceptEx 标记,如下: ThreadsPerChild 1000...3、然后重启Apache 三种办法可能有些不能解决问题,所以可以一个一个试 我是用第一种方法解决的,远程连接的服务器,使用Alt+F4唤起的重启功能。...看来这个问题,是因为服务器上的杀毒软件自动更新与apache服务冲突引起的。 (OS 10038)在一个非套接字上尝试了一个操作。
实现一个特殊的栈,在实现栈的基本功能的基础上,再实现返回栈中最小元素的操作。 要求: 1.pop、push、getMin操作的时间复杂度都是O(1)。 2.设计的栈类型可以使用现成的栈结构。...思路:建立两个栈,一个data栈压入数据(和正常的压栈一样),另一个min栈压入最小值。如果压入的数据比当前最小值小则压入min栈,大于当前最小值则重复压入当前min栈栈顶元素。...min栈和data保持同步的入栈出栈操作,这样始终保持min栈栈顶元素为最小值。...."); } // 弹出data栈的栈顶元素,如果此数和min栈的栈顶相等,min栈的栈顶也弹出 int value = this.stackData.pop...throw new RuntimeException("Your stack is empty."); } // 返回min栈的栈顶元素
作为浏览器语言,Javascript的主要用途是与用户互动,以及操作DOM。 在开始之前我还是要明确下何为异步,何为同步。...我在使用jquery ajax异步请求时面临到了这样一个问题: var ccc = $("#content") $.ajax({ url: 'https://cnodejs.org...我想到的解决办法是: 改为同步(把async: false)这样的话,就会按照顺序执行,从而获取到id为con的dom元素。...可是这样又会面临一个问题: 阻塞,如果返回的数据量很大的情况下,就会一直等待数据的返回,导致页面的卡顿。 哪有没有即是异步又可以获取dom的元素的呢。...其实关于异步我觉得更多的关注点还是要放在Event Loop上。如果你能够明白Event Loop 那么异步也就不在话下。 这篇文章就到这了。
,而且还允许你根据诸如像导航历史这样的外部因素来应用样式(例如 :visited),同样的,可以根据内容的状态(例如在一些表单元素上的 :checked),或者鼠标的位置(例如 :hover 让你知道是否鼠标在一个元素上悬浮... 如果想要给该段落的第一个字母添加样式,可以在第一个字母中包裹一个元素,并设置该span元素的样式: Hello World, and... p:first-letter { font-size: 5em; } 从上述例子中可以看出,伪类的操作对象是文档树中已有的元素,而伪元素则创建了一个文档数外的元素。...因此,伪类与伪元素的区别在于:有没有创建一个文档树之外的元素。...总结 1.伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息; 2.伪元素本质上是创建了一个有内容的虚拟容器; 3.CSS3中伪类和伪元素的语法不同; 4.可以同时使用多个伪类,而只能同时使用一个伪元素
bind() / live() / delegate() / on()等,其中最好用的是: on() on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 语法 element.on(events...2. selector: 元素的子元素选择器 。 3. fn:回调函数 即绑定在元素身上的侦听函数。 on() 方法优势1: 可以绑定多个事件,多个处理事件处理程序。...on() 方法优势3: 动态创建的元素,click() 没有办法绑定事件, on() 可以给动态生成的元素绑定事件 $(“div").on("click",”p”, function(){...事件处理 off() 解绑事件 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。..."click", "li"); // 解绑事件委托 如果有的事件只想触发一次, 可以使用 one() 来绑定事件。
面向对象语言对事物的体现都是以对象的形式,所以为了方便对多个对象的操作,Java就提供了集合类。 数组和集合类同是容器,有何不同?...二、不同的集合类 集合是存储多个元的,由于存储多个元素我们也是有不同需求的:比如,我要这多个元素中不能有相同的元素,再比如,我要这多个元素按照某种规则排序一下。...Person("Xman"));//再次添加 System.out.println(map); map.put(1, new Person("NewMan"));//在已有的键上添加替换...于是在使用迭代器遍历Set时,结果会按元素插入的次序显示。 三、总结与注意 Collection 和 Map 的区别 容器内每个为之所存储的元素个数不同。...如果涉及到堆栈,队列等操作,应该考虑用List,对于需要快速插入,删除元素,应该使用LinkedList,如果需要快速随机访问元素,应该使用ArrayList。 3.
因此强烈建议,在数据量很大的表格中,减少鼠标在表上移动效果,减少高亮行的显示,使用高亮是个慢速过程CPU使用率会提高到80%-90%,尽量避免使用这种效果。...http://www.w3.org/TR/DOM-Level-3-Events/#event-flow 如下图的实验结果可以知道,当我们点击了inner之后,捕获和冒泡结果如上图的规律相同; 因此,因为每一个元素有一个或多个事件句柄与之相连时...,可能会影响性能,毕竟连接每一个句柄都是有代价的,所以我们采用事件托管技术,在一个包装元素上挂接一个句柄,用于处理子元素发生的所有事件。...下面我们以如下的dom结构为例: 假如有一个ul,下面有很多个li: li id="item1">li> li...如果li足够多,或者对于li的操作特别频繁,为每一个li绑定一个点击事件将会特别影响性能,因为在此期间,你需要访问和修改更多的DOM节点,事件的绑定过程发生在onload事件中,绑定本身也非常耗时;同时
然后,我们将click事件绑定到 ul 元素。每次用户单击诸如 li> 5 li> 之类的标记时,客户端将执行 sendHTTPRequest 函数以向服务器发出HTTP请求。...好了,这是一个很简单的演示,那么上面的代码有没有什么缺点呢? **** 如果您的项目非常简单,那么编写这样的代码应该没有问题。...现在,您一次发送一个HTTP请求,数据包大小为5MB。通常预期后者的性能要比前一个更好。 网页上的大量HTTP请求可能会减慢网页的加载时间,最终损害用户体验。...在我们目前的项目中,我的思路是这样的:我们可以在本地设置一个缓存,然后在一定范围内收集所有需要发送给服务器的消息,然后一起发送。 你可以暂停一下,自己试着想办法。...在这一点上,如果我们使用以前的设计,我们将不得不再次大规模地更改代码。在当前的代码设计中,我们可以简单地替换函数名。 事实上,这个编码技巧通常被称为设计模式中的代理模式。
1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。...可以绑定多个事件,多个处理事件处理程序。...on()方法优势3:动态创建的元素, click0 没有办法绑定事件,on0 可以给动态生成的元素绑定事件 ("div") .on("click","p", function(){alert ("俺可以给动态生成的元素绑定事件...事件处理 off() 解绑事件 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。...>我们都是好孩子li> li>我们都是好孩子li> 我是一个P标签 $(function()
所以在了解事件代理之前,我们需要知道什么是事件冒泡(Event Bubbling)。 当一个事件在DOM元素上触发时,它会首先在该元素上触发,然后逐级向上传播到文档的根元素。这个过程就是事件冒泡。...-- 更多列表项 --> 如上面代码所示,如果给每个li列表项都绑定一个函数,那对内存的消耗是非常大的,因此较好的解决办法就是将li元素的点击事件绑定到它的父元素ul身上,执行事件的时候再去匹配判断目标元素...但是在很多时候,需要通过 AJAX 或者用户操作动态的增加或者删除列表项li元素,那么在每一次改变的时候都需要重新给新增的元素绑定事件,给即将删去的元素解绑事件。...使用事件委托,只需在 DOM 树中尽量最高的层次上添加一个事件处理程序,如下所示: var item1 = document.getElementById("goSomewhere");...事件委托链:避免在多个元素上设置相同类型的事件代理,这可能导致事件处理逻辑混乱。 事件对象:正确使用 event.target 或 event.currentTarget 来区分事件的来源。
React的Diff算法有两个约定: 两个不同类型的元素,会产生两个不同的树 开发者,可以使用key关键字,告诉React哪些子元素在DOM下是稳定存在的、不变的。...场景一:在一个列表最后增加一个元素 li>firstli> li>secondli> ------ li>firstli> li>second...场景二:在列表最前面插入一个元素 li>Dukeli> li>Villanovali> --- li>Connecticutli> li...这又是一个很厉害的问题了,使用Redux的都知道,reducers会接收上一个state和action作为参数,然后返回一个新的state,这个新的state不能是在原来state基础上的修改。...有没有更好的办法? 有! //接上面的例子 a === b //false 我不要进行深度比较,只是浅比较,引用值不一样(不是同一个对象),那就是不一样的。
写了好多和Java集合类有关的文章,学习了好多集合类的用法,有没有感觉还是有一些常见的需求集合类没有办法满足呢?...Java相关的工具包中有两个很有名,Google Guava和Apache Commons,今天就来看一下Guava中实现的一些其他的集合类,基本上都是在JDK的集合类上做了一些增强....因为在Collections.unmodifiableList中,持有了一个list的引用,所有对list的更改也会同步体现在umList上....ImmutableList还提供了多种创建的方法,比如: 使用任意个元素的参数直接创建. 使用copyOf从一个已有的List来创建 提供Builder模式来进行链式调用....get方法可以获得一个Arratlist,遍历操作即可.
变量的命名需遵循如下规则: (1)变量必须使用字母、下划线_或者美元符$开始。 (2)然后可以使用任意多个英文字母、数字、下划线_或者美元符$组成。 ...7、alert弹窗: 我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。...History对象的属性: 属性 含义 length 浏览器历史列表中的URL数量 History对象的方法: 方法 作用 back() 相当于返回上一页 forward() 加载history列表中的下一个...) node.firstChild;// 获取到的是第一个li node.lastChild;// 获取到的是最后一个li 对于节点的操作还有: 访问兄弟节点、...总结: JavaScript十分强大,且使用广泛,几乎所有的web应用都会用到JavaScript。重点要理解DOM以及对DOM的一些操作。
当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素。然后浏览器根据标准的CSS级联、继承和排序规则,为元素指定匹配的各种样式。CSS搜索引擎通过样式规则为每个元素找到匹配的样式。...该引擎由右至左评估每个规则,从最右边的选择器开始(称为“键”【Key】),并通过移动每个选择器,直到找到一个匹配或丢弃的规则。 例如: ul li a{......}...如 #menu li{……} 为什么呢? 因为li是最先被读取的为不是#menu,就是要先读取页面中的所有li然后在判断其上一级有没有#menu。 所以: 尽量减少使用CSS子代选择器的嵌套 通配符。...: 不要使用*;而是把你常用到的这些标签进行处理; 例如: body,li,p,h1{margin:0; padding:0} 减少或不用通配符来作为键的规则。...“#FFFFFF" : “#AAAAAA" ); 这个表达式会持续的在页面上计算样式,影响页面的性能。并且css表达式只被IE支持。 在线测试: 答案: A. 尽量使用CSS子代选择器尽量多的嵌套
当需要在数据变化时执行异步或开销较大的操作时,应该使用watch,使用watch选项允许执行异步操作(访问一个API),限制执行该操作的频率,并在得到最终结果前,设置中间状态。...因为事件在冒泡过程中会上传到父节点,父节点可以通过事件对象获取到目标节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件,这种方式称为事件委托(事件代理)。...使用事件委托可以不必要为每一个子元素都绑定一个监听事件,这样减少了内存上的消耗。...li>item nli> 如果给每个列表项一一都绑定一个函数,那对于内存消耗是非常大的,效率上需要消耗很多性能。...: 只在必须的地方,使用事件委托,比如:ajax的局部刷新区域 尽量的减少绑定的层级,不在body元素上,进行绑定 减少绑定的次数,如果可以,那么把多个事件的绑定,合并到一次事件委托中去,由这个事件委托的回调
其是在 Virtual DOM 树的基础上增加额外的信息来生成的,它本质来说是一个链表。...这颗新树每生成一个新的节点,都会将控制权交回给主线程,去检查有没有优先级更高的任务需要执行。如果没有,则继续构建树的过程;如果有优先级更高的任务,则丢弃正在生成的树,在空闲的时候再重新执行一遍。...DOM 元素上的 className 属性。...在子元素列表末尾新增元素时,更新开销比较小。 但对于下述情况,React 并不会意识到应该保留 li>Dukeli> 和 li>Villanovali>,而是会重建每一个子元素。...CPU切片法:是一种让多个进程或线程共享同一台机器的CPU资源的方法,每个进程被分配一个时间段,称为时间片(Time Quantum),在这个时间段内,进程可以执行其任务。
初识伪元素 说起伪元素我第一想到的莫过于::before和::after这两个了,它俩其实就是在其附属的选择器命中的元素上插入第一个子节点和追加最后一个子节点。...但这也引入一个问题——我们没办法通过JavaScript完全操控伪元素(我将在下面一节为大家讲述) 一大波伪元素来了 除了::before和::after外,别漏了以下的哦!...:first-line:只能用于块级元素。用于设置附属元素的第一个行内容的样式。...有没有发现有的伪元素前缀是:有的却是::呢?...JavaScript操作伪元素 上文提到由于伪元素仅位于CSSOM中,因此我们仅能通过操作CSSOM API——window.getComputedStyle来读取伪元素的样式信息,注意:我们能做的就是读取
,以空格分开;换句话说就是我们可以同时对一个元素进行transform的多种属性操作,例如rotate、scale、translate三种。...但有时候我们需要在不同的位置对元素进行这些操作,那么就可以使用transform-origin来对元素进行基点位置改变,使元素基点不在中心位置,以达到需要的基点位置,下面我们主要来看看其使用规则。...4、二维变形的操作实例 在上面我们详细介绍了CSS3中transform的各种属性值的设置以及其各自的参数,下面通过一个实例来看看每一种属性值的使用。...为了节约空间和大家的时间,我们后面的实例都是在之前那个html基础上实现,主要是我们在下面的菜单中的a:hover中分别使用不同的transform的设置,换句话说,当你鼠标移动到a链接上时,相应的每一个菜单项有不同的变化...最后补充一句,transform的旋转、平移、缩放、扭曲除了单独使用以外,也可以把多个进行组合来使用,只是其属性值之间不能用逗号(“,”)分隔,而必须使用空格分隔。
在h5的table中,什么元素可以出现在其内部是严格定义的,比如我们想要中有,中有.......,而不是中有个其他不该属于的标签,比如自己定义一个组件,里面模板还是....,这样会失败! 我们来看看最先会遇到什么问题,代码如下 之外,那到底有没有解决办法呢?...当然是有的 有些 HTML 元素,诸如 、、 和 ,对于哪些元素可以出现在其内部是有严格限制的。之内,那就不能随便写一个标签,它不认的!!...而有些元素,诸如 li>、 和 ,只能出现在其它某些特定的元素内部。
领取专属 10元无门槛券
手把手带您无忧上云