only-child和only-of-type

【CSS3】---only-child选择器+only-of-type选择器

only-child选择器 “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素.也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素. 示例演示通过“:only-child”选择器,来控制仅有一个子元素的背景样式,为了更好的理解,我们这个示例通过对比的方式来向大家演示. HTML代码: <div class="post"> <p>我是一个段落</p> <p>我是一个段落</p&

【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）

前言这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获在下才疏学浅,文中难免会有不同程度的错误,请您指正留言 PS:事件阶段一节请看最新博客,之前理解有误 javascript事件基础我们的网页之所以丰富多彩并具有交互功能,是因为我们的javascript脚本语言,而javascript与HTML之间的交互又是通过事件机制实现的所以,事件是javascript一

DOM0,DOM2,DOM3 事件基础知识

事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,); DOM0就是直接通过 onclick写在html里面的事件, 比如: <input onclick="alert(1)" /> DOM2是通过addEventListener绑定的事件, 还有IE下的DOM2事件通过attachEvent绑定; DOM3是一些

WaitType：CXPACKET

CXPACKET 等待类型是SQL Server 并发执行一个query时产生的.在run一个big query时,SQL Server充分利用系统的所有资源(CPU,Memory,IO),在最短时间内返回结果.在拥有多个Processor的系统中,如果将一个Query的Wordload 分布在多个Processor上,那么每个Processor只处理一部分数据,这将成倍的减少查询的时间消耗,相应地,成倍的提高查询性能. 在执行Query时,SQL Server 估计其时间 Cost,如果大于

计算程序总行数的Python代码

最近需要统计一下项目中代码的总行数,写了一个Python小程序,不得不说Python是多么的简洁,如果用Java写至少是现在代码的2倍. import os path="/Users/rony/workspace/ecommerce/ecommerce/hot-deploy/" global totalcount totalcount =0 def cfile (path): allfiles = os.listdir(path) for file in allfiles: child

javascript中的一些核心知识点以及需要注意的地方

前言近期杂事甚多,这些事情的积累对知识体系的提升有好处,但是却不能整理出来,也整理不出来比如说我最近研究的Hybrid在线联调方案便过于依赖于业务,就算分享也不会有人读懂,若是抽一点来分享又意义不大又拿最近做webapp view 转场动画研究,就是几个demo不断测试,感觉没有什么可说的最后甚至对webapp中的History的处理方案也是有一些心得,一点方案,但是依旧难以整理成文,于是便开始文荒了这个时候不妨便温故知新吧,对javascript的一些老知识点进行整理回顾,之后有大动

深入浅出Mybatis系列（四）---配置详解之typeAliases别名（mybatis源码篇）

上篇文章<深入浅出Mybatis系列(三)---配置详解之properties与environments(mybatis源码篇)> 介绍了properties与environments, 本篇继续讲剩下的配置节点之一:typeAliases. typeAliases节点主要用来设置别名,其实这是挺好用的一个功能, 通过配置别名,我们不用再指定完整的包名,并且还能取别名. 例如: 我们在使用 com.demo.entity. UserEntity 的时候,我们可以直接配置一个别名user, 这样

Python的平凡之路（15）

一.CSS补充: 1. 上节课讲述 a.css重用 <style> 如果整个页面的宽度 > 900px时: { .c{ 共有 } .c1{ 独有 } } .c

java对xml文件的读取

<?xml version="1.0" encoding="UTF-8"?> <body> <names type="1"> <name>侵身案件</name> <child> <name>故意杀人案</name> <type>0</type> </child> <child> <name>绑

8.4.2 Fresco

Fresco是Facebook公司的黑科技:http://fresco-cn.org/ 真三级缓存,变换后的BItmap(内存),变换前的原始图片(内存),硬盘缓存.在内存管理上做到了极致.对于重度图片使用的APP应该是非常好的.它一般是直接使用SimpleDraweeView来替换ImageView 注意事项:SimpleDraweeView的width和height属性必须是明确值,而不能直接用wrap_content这种内容填充的数值:除非宽度和高度有一个是固定的,然后设置了二者的比例(s

【探讨】javascript事件机制底层实现原理

前言又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把我们今天来猜一猜,探讨探讨,javascript底层事件机制是如何实现的博客里面关于事件绑定与执行顺序一块理解有误,请看最新博客基础知识事件捕获/冒泡我们点击一个span,我可能就想点击一个span,事实上他是先点击document,然后点击事件传递到span的,而且并不会在span停下,span有子元素就会继续往下,最后会依次回传至document,我

【前端盲点】DOM事件流论证CSS盒模型是否具有厚度

前言很久没有扯淡了,我们今天来扯淡吧. 我今天思考了一个问题,我们页面的dom树到底是如何渲染的,而CSS盒模型与javascript是否有联系,于是便想到一个问题: CSS的盒模型具有厚度么??? 该文只是一种帮助理解的说法,与官方定义不一定统一,权当扯淡盒模型稍微入门点的前端都知道CSS盒模型,于是我们不厌其烦的偷图来用: 这个就是我们传说中的盒模型,我们这里先把盒模型放一放,来看我们的DOM事件流 DOM事件流在上一篇博客中,我们详细说了下javascript的事件机制:[移动端兼

【初窥javascript奥秘之事件机制】论“点透”与“鬼点击”

前言最近好好的研究了一番移动设备的点击响应速度,期间不断的被自己坑,最后搞得焦头烂额,就是现在可能还有一些问题,但是过程中感觉自己成长不少, 最后居然感觉对javascript事件机制有了更好的认识,回头来看,还是不错的,所以今天将近期的学习记录下来供后期查询今天我们再来重新回顾下javascript的事件机制注意:下面说的android浏览器,意思是android下多数浏览器,不包括chrome 事件基础 javascript与html之间的交互式通过事件实现的,事件是文档(窗口)中发生

window.parent 与 window.opener

window.parent针对iframe,window.opener针对window.open 父页面parent.jsp: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E

HTML5 postMessage 和 onmessage API 详细应用

随着 HTML5 的发展,了解并熟悉 HTML5 的 API 接口是非常重要的.postMessage(send) 和 onmessage 此组 API 在 HTML5 中有着广泛的应用,比如 Web Workers 中应用此组 API 实现多个线程间 JavaScript 调用功能 ,Cross-document messaging 中实现两个不同域间 JavaScript 调用功能等等.本文主要介绍此组 API 在 Web Workers,Cross-document messaging,W

CSS 样式的优先级

1. 同一元素引用了多个样式时,排在后面的样式属性的优先级高例如,下面的 div,同时引用了 [.default] 和 [.user] 中的样式,其中 [.user] 样式中的 width 属性会替换 [.default] 样式中的 width 属性. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=ut

一个DOM元素绑定多个事件时，先执行冒泡还是捕获

绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件.所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 . 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何. 首先来了解一下冒泡和捕获是怎么回事: 1.冒泡冒泡是从下向上,DOM元素绑定的事件被触发时,此时该元素为目标元素,目标元素执行后,它的的祖元素绑定的事件会向上顺序执行.如下代码所示,

DOM0,DOM2,DOM3事件,事件基础知识入门

事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,); DOM0就是直接通过 onclick写在html里面的事件, 比如: <input onclick="alert(1)" /> DOM2是通过addEventListener绑定的事件, 还有IE下的DOM2事件通过attachEvent绑定; DOM3是一些

转：SELENIUM TIPS: CSS SELECTORS

This page will show you some CSS rules and pseudo-classes that will help you move your XPATH locators to CSS, a native approach on all browsers. I: Simple Direct child A direct child in XPATH is defined by the use of a "/", while on CSS, it's de

垂直居中，水平居中html例子

<!DOCTYPE html> <html lang="en"> <head> <title>Vertical Centering with Equal Top and Bottom Padding</title> <meta charset="utf-8"> <meta name="description" content="" /> <

LINQ to XML 实战

LINQ to XML 轴定义:创建XML树或将XML文档加载到XML树之后,可以进行查询,从而查找元素并检索它们的值. 两类轴方法:-一些轴就是XELement和XDocument类中返回IEnumerable(T)集合的方法.-另一些轴方法是Extensions类中的扩展方法.实现为扩展方法的轴对集合进行操作,然后返回集合.XContainer是XElement的基类! -常见的轴方法:-XContainer.Elements()返回集合 -XContainer.Descendants()返

only-child和only-of-type

热门专题