归档: 2016/9

记录点滴,修炼自己。
0

JavaScript中的事件传播机制

前言  javascript与html的交互是通过事件实现的。在DOM2级模型中,为DOM元素绑定的事件有一套完整的事件传播机制,主要有3个阶段,本文进行小结。 ##

0

git pull 与 git fetch 的区别

概述引用网上的一张图来说明 对比git fetch1.git fetch这将更新git remote 中所有的远程repo 所包含分支的最新commit-id, 将其记录到.git/FETCH_HEAD文件中。 2.git fetch remote_repo这将更新名称为remote_repo 的远程repo上的所有branch的最新commit-id,将其记录。 3.git fetch r

0

$(document).ready与window.onload的区别

document.ready执行时机  只要页面DOM结构绘制完毕就执行,不必等到外部资源(图片,css等)加载完毕。 并且,在jquery中,$(function(){}) 和$(document).ready(function(){})两种写法是等价的。 特点  在同一个页面中可以写多次,会顺序执行,见下面测试。 window.onload执行时机  必须等到页面内包括图片的所有元素加载完

0

JavaScript异步编程案例

【转载】阮一峰 Javascript异步编程的4种方法 前言你可能知道,Javascript语言的执行环境是”单线程”(single thread)。 所谓”单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执

0

前端常用的几种图片格式及使用场景

基本概念矢量图与位图  矢量图是通过组成图形的一些基本元素,如点、线、面,边框,填充色等信息通过计算的方式来显示图形的。一般来说矢量图表示的是几何图形,文件相对较小,并且放大缩小不会失真。  位图又叫像素图或栅格图,它是通过记录图像中每一个点的颜色、深度、透明度等信息来存储和显示图像。一张位图就好比一幅大的拼图,只不过每个拼块都是一个纯色的像素点。位图的优点是利于显示色彩层次丰富的写实图像。缺点

0

可视化HTML5页面拖拽构建工具demo

简介  demo,在web端通过拖拽编排的方式快速定制活动H5页面,初步阶段完成。 交互方式及效果呈现 demo源码托管于github,详见Github gcidea/html5-draggable 使用流程1.拖拽页面布局至手机预览区2.根据不同类型的布局,点击可以编辑不同参数3.布局定制完成后可以向布局中拖拽添加素材4.页面定制完成后可以分享页面(TODO) 改进作为demo,目前还有

0

CSS3媒体查询@media功能使用总结

前言  媒体查询包含一个可选的媒体类型和零或多个表达式来限制使用媒体特性的样式表范围,这些表达式会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备的类型以及所有的表达式的值都是true,那么该媒体查询的结果就是true。例如width,height,color。CSS3中的Media queries让内容的呈现可以只针对特定范围的输出设备而不必去改变内容本身。

0

CSS中a:link、a:visited、a:hover、a:active的使用总结

前言伪类 伪元素 区别  可以理解为:伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到。伪类用一个冒号来表示,而伪元素则用两个冒号来表示。 概述:link 选择器对指向未被访问页面的链接设置样式,即页面初始化加载完成的时候。:visited 选择器用于选取已被访问的链接,即已经访问过的链接。:hover 选择器用于设置鼠标指针浮动到链接上时的样式,即鼠

0

使用原生js实现元素拖拽功能

前言  本篇仅对拖拽过程中核心几个事件监听的写法进行小结,不涉及页面样式效果的展现。 实现1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818

0

DOM级别

DOM目标  DOM标准的目标是让“任何一种程序设计语言”能操控使用“任何一种标记语言”编写出的“任何一份文档”。“操控”具体含义为能通过DOM提供的API对文档的内容、结构、样式进行访问和修改。 DOM分类 DOM核心:针对任何结构化文档的标准模型 DOM XML :只针对XML文档的标准模型 DOM HTML:只针对HTML文档的标准模型 DOM级别DOM Level 0  实际上没有

0

使用IntelliJ IDEA构建并运行Java Web的maven项目

前言  相比于eclipse,IntelliJ IDEA的功能更加丰富,稳定。本文对使用IntelliJ IDEA构建运行一个基于maven管理的Java Web项目的过程进行记录。 项目代码导出 菜单栏选择VCS -> Checkout from Version Control -> Subversion 新建关联的SVN仓库,一般是填写内网部署的代码管理服务器地址 根据实际情

0

CSS3的pointer-events属性及典型应用

概念  pointer-events是CSS3中的属性,最常用的有以下两个取值:1pointer-events:none|auto   设置“pointer-events:none”后元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。 应用1  当已经