流式布局是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度，也称百分比自适应的布局。流式布局实现方法是将CSS固定像素宽度换算为百分比宽度。换算公式如下：目标元素宽度/父盒子宽度=百分数宽度下面通过一个案例来演示固定布局如何转换为百分比布局，如示例1所示。【示例1】 固定布局转换为百分比布局打开Chrome浏览器访问示例代码，页面效果如图1所示。图1运行效果可以尝试改变浏览...
什么是渲染？如果我们想了解React渲染和重新渲染的工作方式，那么最好了解库幕后发生的事情。渲染是可以在不同抽象级别上理解的术语。根据上下文，它的含义略有不同。无论如何，最终它描述了生成图像的过程。首先，我们需要了解什么是DOM（文档对象模型）：“W3C文档对象模型（DOM）是一种平台和语言无关的接口，它允许程序和脚本动态访问和更新文档的内容，结构和样式。”用简单的英语来说，这意味着...
拖拽实现主要用到的是H5自带的拖拽效果。其实项目前端部分是使用React编写的，也是在使用H5实现了之后才了解到DanAbramov大佬有个React-DnD组件对原生拖拽方法进行了封装。稍微学习了一下，很强。后续有使用到再写篇文章进行分享。相关事件定义与用法涉及一个属性六个事件。事件均为H5原生事件。属性draggable：正常div是不允许进行拖动的。需要添加属性draggable="t...
hover([over,]out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。$('.myDiv').hover(function(){doSomething...},function(){doSomething...});而问题是有些元素比如菜单是通过AJAX动态加...
mouseenter（）：当鼠标指针穿过元素时，会发生mouseenter事件。与mouseover事件不同，只有在鼠标指针穿过被选元素时，才会触发mouseenter事件。如果鼠标指针穿过任何子元素，同样会触发mouseover事件。mouseleave（）：当鼠标指针离开元素时，会发生mouseleave事件。与mouseout事件不同，只有在鼠标指针离开被选元素时，...
什么是冒泡事件？子元素被包裹在父元素下，当同时给子元素绑定事件父元素绑定事件时，如果点击子元素，父元素上的事件也会被出发，顺序是子元素→父元素。为什么要解决冒泡事件？当子元素和父元素同时绑定点击事件时，在点击子元素时，不希望父元素的事件也被触发。如何解决冒泡事件？1.event.stopPropagation();$(function(){$(".th...
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><scripttype="text...
$(document).ready()$(document).ready()方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery语法章节中已经提到过。click()click()方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击HTML元素时执行。在下面的实例中，当点击事件在某个<p>元素上触发时，隐藏当前的<p>元素：实例$("p").click(...
在jQuery中，大多数DOM事件都有一个等效的jQuery方法。页面中指定一个点击事件：$("p").click();下一步是定义什么时间触发事件。您可以通过一个事件函数实现：$("p").click(function(){//动作触发后执行的代码!!});
jQueryhover事件hover(over,out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬...