2

DOM Level 2 事件学习总结

瘦欲@ 提交于 2020-04-18 01:51:02
术语 UI events : 用户接口事件,这些事件是由外设(比如鼠标,键盘)触发的。 UI Logical events : 设备无关的用户接口事件,比如focus事件。 Mutation events : 变动事件。这些事件在文档结构发生改变的时候触发。 Capturing : 捕捉,即是事件在目标DOM节点处理之前,由事件目标前驱的事件处理程序处理。 Bubbling : 捕捉,即是事件在目标DOM节点处理之后,由事件目标前驱的事件处理程序处理。 Cancelable : 指示是否阻止DOM实现指定的默认事件处理程序处理。 事件流 基础 每一个Event事件对象都有一个EventTarget属性,这个属性是一个DOM节点的引用。当事件到达目标DOM节点,在这个DOM节点注册的任何事件处理程序都会被触发。事件处理程序的触发顺序是不确定的。 事件流在事件的所有处理程序都执行完成之后才算结束。当然,如果启用了capture(事件捕捉)或者bubbling(事件冒泡)的话,事件流还是可以被修改的。 在事件流的执行过程中,任何事件处理程序抛出异常,整个事件流都将停止。 Event capture(事件捕捉) 事件捕捉的处理流程是从文档树根节点,一直向下处理,直到目标节点才停止。 这里要注意的是,调用Event接口的stopProgagation方法会组织事件流的后续处理。 Event

转载:谷歌面试题之2 Egg Problem

为君一笑 提交于 2019-12-07 15:50:30
2 Egg Problem 继续我们的推理问题之旅,今天我们要对付的是一个Google的面试题:Two Egg Problem. 我们开始吧! No.2 Google Interview Puzzle : 2 Egg Problem * You are given 2 eggs. * You have access to a 100-storey building. * Eggs can be very hard or very fragile means it may break if dropped from the first floor or may not even break if dropped from 100th floor. Both eggs are identical. * You need to figure out the highest floor of a 100-storey building an egg can be dropped without breaking. Now the question is how many drops you need to make. You are allowed to break 2 eggs in the process 分析与解答: 题目要求试的最大次数最小。首先,讨论两个比较trivial的方案。

Tomcat插件Sysdeo Tomcat plugin启动报错

情到浓时终转凉″ 提交于 2019-12-05 08:38:52
今天测试出的一个小问题。 使用Sysdeo Tomcat plugin启动tomcat时报错。两条异常如下,堆栈就不打出来了啊。 org.eclipse.core.runtime.CoreException: Unable to parse XML document. org.eclipse.core.runtime.CoreException[120]: org.xml.sax.SAXParseException: Invalid byte 2 of 2-byte UTF-8 sequence. 于是,谷哥、度娘一番。得到的解释皆为tomcat\conf\Catalina\localhost\下的配置文件,或者server.xml中有中文引起tomcat插件解析出错。 检查相关文件,没有任何问题。甚至去掉所有配置文件、新download一份tomcat都未解决此问题。 突然,发现工程中有一 新导入的工程,名称为中文 ,顿生疑窦。 将该工程删除之后,tomcat顺利启动。 遂本着加深了解的目的,从度娘一片文章( http://hi.baidu.com/dolphin_cheng/blog/item/127c64500ae85c838c5430a8.html )了解到。 tomcat插件启动时,会遍历eclipse中所有的工程的classpath。如果有中文,会导致该插件无法解析

让Sublime Text 2支持GB2312和GBK编码

。_饼干妹妹 提交于 2019-12-03 19:15:21
第一步,确保已经安装了“ Package Control ”,有的话就跳过第一步 Sublime Text 2 安装 Sublime Package Control,通过 Sublime Package Control,安装、升级和卸载 Package。 安装 Package Control 的方法: 1、打开 Sublime Text 2,按下 Control + ` 调出 Console,通常这个快捷键会与PC上的其它软件起冲突,需要修改其它软件的这个快捷键。 2、将以下代码粘贴进命令行中并回车: import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()) 3、重启 Sublime Text 2,如果在 Preferences -> Package Settings中见到Package Control这一项,就说明安装成功了。

29.centos下安装sublime text2

若如初见. 提交于 2019-12-02 15:18:45
Sublime Text 2是一款跨平台文本编辑器,支持Windows,Linux,Mac os 特色功能: 良好的扩展功能(Package) 右边没有滚动条,取而代之的是代码缩略图 强大的快捷命令:可实时搜索相应的命令、选项、Snippet 和 Syntex, 回车即可执行 即时的文件切换 随心所欲的跳转到任意文件的任意位置 多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。 支持 VIM 模式 支持 宏 更新非常快 …… 截图: 测试平台: 系统版本号 :Fedora 17 32bit Sublime Text版本号 :Version 2.0.1,Build 2217 安装: Sublime Text 2 的安装 : 在 官方网站 下载Linux版本 Or 执行 # wget http://c758482.r82.cf2.rackcdn.com/Sublime%20Text%202.0.1.tar.bz2 得到一个“.tar.bz2”格式的压缩文件 进行解压,并把解压包放到:# mv /home/aneek/Downloads/Sublime_Text_2/ /opt/Sublime_Text_2 创建 shotcut : (1)# touch /usr/bin/sublime (2)# chmod 755 /usr/bin/sublime (3)#

Sublime Text 2 入门技巧

隐身守侯 提交于 2019-12-02 15:10:55
安装包控制(Package Control) 安装 Package Control 的方法: (更新了针对 Sublime Text 2 和 Sublime Text 3 的安装代码) 1、打开 Sublime Text 2,按下 Control + ` 调出 Console Sublime Text 2 import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation') Sublime Text 3 import urllib

XMLHttpRequest Level 2 轻松Ajax上传

試著忘記壹切 提交于 2019-12-01 02:35:14
XMLHttpRequest Level 2 轻松Ajax上传: 记得在XMLHttpRequest Level 1时,实现ajax上传,就用 隐藏的iframe实现 ,而且功能也受限。 有关 XMLHttpRequest Level 2 官方参考: http://www.w3.org/TR/XMLHttpRequest2/#the-open-method 在 XMLHttpRequest Level 2 中,可以轻松实现,下面以实例开始。 前端jsp页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>第二代XmlHttpRequest异步上传</title> <script type="text/javascript"> function upload(){ if (!window.FormData){ alert('您的浏览器不支持第二代XmlHttpRequest'); return; } // HTML5 新增对象 var formData

ZF2入门:Windows环境下从零开始Zend Framework 2.0 (ZF2)环境搭建

隐身守侯 提交于 2019-11-29 16:27:35
Zend Framework 2.0 (ZF2)正式发布 之后不少朋友都进行了尝试,可能由于ZF2涉及到的新特性比较多,有朋友希望能有一篇从零开始Zend Framework 2.0 (ZF2)的教程,于是就有了本篇日志。 以下将记录在Windows环境下, 从零开始搭建系统并运行一个ZF2项目的全过程 以及所有需要注意的细节。为了简化整个过程,我没有加入Git的安装,改为下载代码,安装环境也使用了傻瓜化的XAMPP。 一、Apache + MySQL + PHP5.4环境搭建 其实PHP5.4已经集成了Web服务器,但是为了更加简化,我在这里选择了集成安装包 XAMPP 来搭建环境。 安装 xampp-win32-1.8.0-VC9-installer 至 D:\ 启动XAMPP Control Panel,最新的XAMPP已经集成了Apache 2.4.2, MySQL 5.5.27, PHP 5.4.7等最新版本的组件,点击start按钮启动Apache与MySQL服务。启动成功即可在浏览器中访问 http://localhost/。 然后进入 http://localhost/security/index.php, 为mysql设置一个密码并重新启动MySQL服务。 二、部署代码 下载实例程序 ZendSkeletonApplication 解压至D:\xampp

给用 Python 的 web 开发者的 Sublime Text 2 小贴士

柔情痞子 提交于 2019-11-29 00:59:24
原文: http://opensourcehacker.com/2012/05/11/sublime-text-2-tips-for-python-and-web-developers/ 译者: TheLover_Z Sublime Text 2 是一个很强大的编辑器,最近开始获得了很高的人气 - 这不是没有理由的。它是商业软件。Sublime Text 2 有很多支持 Python 的插件。虽然核心部分保持封闭但围绕着这个编辑器还是形成了 活跃的插件生态系统 。 提示:你可以免费使用 Sublime 。它只是会提示你“请购买”而已。 这是我使用 Sublime 这么久以来发现的小技巧。我是站在在 OS X 视角来写的,但在 Linux 和 Windows 平台这些技巧应该也适用。 我以前是 Eclipse 的死党。虽然 Sublime 并没有像 Eclipse 那么强大,但是我发现 Sublime 最近的几个版本让我用起来是相当的舒服。最大的原因就是 Eclipse 要求文件夹和文件必须引入到所谓的 “Eclipse space” 下面。 Sublime 用起来更舒适。当你需要使用不同的工具和工程的时候,Sublime 比 Eclipse 更直观易懂。 插件管理 Sublime 插件包管理 。你按照这样的步骤就可以安装任何插件了。它可以自动帮你使用云端(或者 Github

[安装配置] 我的 Sublime Text 2/3 配置

左心房为你撑大大i 提交于 2019-11-29 00:58:56
初始化于: 2013-06-30 Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance. — Description from the Sublime Text website. 我使用 Sublime Text 2/3 已经有半年以上的时间了, 基本在文本编辑和一般的开发都在该编辑器中进行, 刚开始根据一些文章的介绍配置了许多东西, 但到后来都不记得自己到底配置过啥, 或者为啥而配置. 因此这里进行一些整理与总结. 内容太多, 不时整理下. 目前使用的是ST3. 所有没有特别说明ST都是指ST3. 快捷键 ST有一个 super 键, 在OSX中是 ⌘ , 在Windows/Linux中是 Ctrl . 下面都用 super 来表示. 根据文件名搜索和打开文件: super + P 列出(代码)文件中所有方法: super + R 在当前文档中, 选中下一处与 当前选中文字 相同的文字: super + D 在当前文档中, 选中所有 当前选中文字 相同的文字: OSX上 super + Ctrl + G , Windows上