柿子love
- 浏览: 8704 次
- 性别:
- 来自: 西安
-
最新评论
文章列表
一. HTML5拖放
实现图片在两个div中来回拖放
代码：
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#div1,#div2 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;}
</style>
<script type="text/javascript">
function allowDrop(ev)
{
e ...
先来说些闲话。。。
两个月前来到了新的互联网公司，我才陡然发现自己之前所谓的前端是多么狭隘的称谓，来到这里我才见识了高大上的前端－－工程化，虽然到现在还没上手，但是我那颗小小的心开始砰动了。。。但我今天要记录的并不是前端工程化的问题（日后待写），今天要记录的是我刚刚学了那么一点的小工具－emmet ，之前不知道编写代码还能这么省事迅速，还一直当着苦逼的码农，哎，只能说见识短了有苦吃啊。。。下面该进入正题了：
Emmet的前身是大名鼎鼎的Zen coding，它使用了仿css选择器的语法生成代码，大大提高了html/css代码的编写速度。
HTML
1. 初始化
html需要包含 ...
跟踪触摸的事件：
touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。
touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。
touchend事件：当手指从屏幕上离开的时候触发。
touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测了。
跟踪触摸的属性：
touches：表示当前跟踪的触摸操作的touch对象的数组。
targetTouches：特定于事件目标的Touch对象的数组。
c
一导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script>
二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用c ...
<img src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAwCAMAAAChd4FcAAAAA3NCSVQICAjb4U/gAAACRlBMVEUAAADi6OSMjIxSUlIrXja5trg8rFEDRhErokJ8w4pJrVxmZmYERRIinTn++P07nk/X0Naww7Stra0pdTj37/dlunUXWiS53L+ZmZmOy5pahGJKdVIQEBAsXzdni24VmC7MzMw1kEYzMzPZ4Nul1K6Wr5tWs2jp8eseaC0ufz5mZmaEoorI1cszpUkX ...
移动webapp开发小贴士
- 博客分类：
- 移动webapp
1 创建主屏幕图标 （Creating a home screen icon ，for ios）
//57*57<link rel="apple-touch-icon" href="/custom_icon.png"/><link rel="apple-touch-icon" href="touch-icon-iphone.png" /><link rel="apple-touch-icon" sizes="72x72" href=" ...
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的
推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法：filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bE ...
最近面试有被问到：画一个高度为1px的div，兼容IE所有版本浏览器。
以前从来没有注意到这个问题，以前做IE7,8兼容的时候因为IE正常了，IE8完全显示乱套，所以直接来了个简便的通用的方法：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，现在才意识到这种方法治标不治本，要做好每个版本的兼容需用心钻研每个版本的默认设置和私有属性。
例如以上的问题，IE默认div的高度为15px，如设置小于15px的高度将不会有效果，以IE6为例，解决的办法如下：
1. ...
使用HTML5 Geolocation构建应用
一个重要的计算距离的公式，Haversine公式：
详细定义参见：http://en.wikipedia.org/wiki/Haversine_formula
Javascript实现的haversine公式代码
Number.prototype.toRadians = function() {
return this * Matn.PI /
如何解决浏览器兼容问题
各浏览器CSS hack兼容表：
IE6
IE7
IE8
Firefox
Opera
Safari
!important
Y
Y
Y
Y
Y
_
Y
*
Y
Y
*+
Y
...
最近在用angularjs进行项目的前端开发，深深的体会到了angular双向绑定的优势和便捷，但也遇到了一些小小的问题，但我进入某个页面的时候，前一次在此页面输入的值竟然存在，这让我意识到某些时候给双向绑定的数据进行初始化是有必要的。
概述：成为优秀的Web移动开发者之前端开发学习资源集合，本文收集了迄今最前面的HTML、CSS、JavaScript、Ruby on Rails等学习资源网站、工具信息。
成为优秀的Web移动开发者：编程资源大全
成为优秀的Web移动开发者：前端开发学习资源集合
成为优秀的Web移动开发者：网站设计资源大全
成为优秀的Web移动开发者：扩展学习资源汇总
成为优秀的Web移动开发者：其他学习资源汇总
js中substring和substr的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符
substring(start,end)
开始和结束的位置，从零开始的索引
参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字 ...
1. 不要先设计页面，然后再使用DOM操作来改变它的展现
在jQuery中，你通常会设计一个页面，然后再给它动态效果。这是因为jQuery的设计就是为了扩充DOM并在这个简单的前提下疯狂的生长的。
但是在AngularJS里，必须从头开始就 ...
善用td属性nowrap，结合css
- 博客分类：
- CSS
有一个表格（宽度固定），很多列，但是不知道每列的宽度，需要不管每列显示的内容有多长却不换行，这时候td的属性nowrap="nowrap"就派上用场了，不管你td的内容有多长，都会在一行显示而不会换行，如果表格的内容超 ...