iteye_556-优快云博客

原创 Emmet

先来说些闲话。。。两个月前来到了新的互联网公司，我才陡然发现自己之前所谓的前端是多么狭隘的称谓，来到这里我才见识了高大上的前端－－工程化，虽然到现在还没上手，但是我那颗小小的心开始砰动了。。。但我今天要记录的并不是前端工程化的问题（日后待写），今天要记录的是我刚刚学了那么一点的小工具－emmet ，之前不知道编写代码还能这么省事迅速，还一直当着苦逼的码农，哎，只能说见识短了有苦吃啊。。。下...

2015-08-08 15:20:29 141

原创移动互联网终端的touch事件

跟踪触摸的事件：touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档...

2015-05-21 11:11:34 168

原创 jQuery验证控件jquery.validate.js使用说明+中文API

一导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则(1)requ

2015-03-20 09:57:01 148

原创利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式

<img src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAwCAMAAAChd4FcAAAAA3NCSVQICAjb4U/gAAACRlBMVEUAAADi6OSMjIxSUlIrXja5trg8rFEDRhErokJ8w4pJrVxmZmYERRIinTn++P07nk/X0Naww7Stra0pdTj37/dlunUX...

2015-03-17 18:06:45 2485

原创移动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

2015-03-13 21:55:57 182

原创 IE6下png图片显示问题

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的推荐 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"语法：filter : progid:DXImageTransform.Microsoft.AlphaImag...

2015-02-01 20:40:41 121

1px的兼容问题

最近面试有被问到：画一个高度为1px的div，兼容IE所有版本浏览器。以前从来没有注意到这个问题，以前做IE7,8兼容的时候因为IE正常了，IE8完全显示乱套，所以直接来了个简便的通用的方法：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，现在才意识到这种方法治标不治本，要做好每个版本的兼容需用心...

2015-02-01 11:34:22 582

原创 html5 geolocation

使用HTML5 Geolocation构建应用一个重要的计算距离的公式，Haversine公式：详细定义参见：http://en.wikipedia.org/wiki/Haversine_formula Javascript实现的haversine公式代码 Number.prototype.toRadians = function() { ...

2015-01-14 11:06:44 115

原创 html5学习笔记

一. HTML5拖放实现图片在两个div中来回拖放代码：<!DOCTYPE HTML><html><head><style type="text/css">#div1,#div2 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;}&l...

2014-04-23 13:53:07 106

CSS浏览器兼容

如何解决浏览器兼容问题各浏览器CSS hack兼容表： IE6IE7IE8FirefoxOperaSafari!important Y YY YY _Y ...

2014-04-11 16:10:58 94

angularjs笔记

最近在用angularjs进行项目的前端开发，深深的体会到了angular双向绑定的优势和便捷，但也遇到了一些小小的问题，但我进入某个页面的时候，前一次在此页面输入的值竟然存在，这让我意识到某些时候给双向绑定的数据进行初始化是有必要的。 ...

2014-04-11 15:29:32 103

原创 web前端学习资料收集

概述：成为优秀的Web移动开发者之前端开发学习资源集合，本文收集了迄今最前面的HTML、CSS、JavaScript、Ruby on Rails等学习资源网站、工具信息。成为优秀的Web移动开发者：编程资源大全成为优秀的Web移动开发者：前端开发学习资源集合成为优秀的Web移动开发者：网站设计资源大全成为优秀的Web移动开发者：扩展学习资源汇总成为优秀...

2014-04-11 11:26:58 403

原创 js中substring和substr的用法

js中substring和substr的用法 substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置，从零开始的索引参数描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数，比要提取的子串的最后一...

2014-04-11 10:38:57 112

原创有jQuery背景的开发者如何建立起AngularJS的思维模式？

1. 不要先设计页面，然后再使用DOM操作来改变它的展现在jQuery中，你通常会设计一个页面，然后再给它动态效果。这是因为jQuery的设计就是为了扩充DOM并在这个简单的前提下疯狂的生长的。但是在AngularJS里，必须从头开始就在头脑中思考架构。必须从你想要完成的功能开始，然后设计应用程序，最后来设计视图，而非“我有这么一个DOM片段，我想让他可以实现XXX效果”。2. 不要...

2014-04-10 14:41:49 99

善用td属性nowrap，结合css

有一个表格（宽度固定），很多列，但是不知道每列的宽度，需要不管每列显示的内容有多长却不换行，这时候td的属性nowrap="nowrap"就派上用场了，不管你td的内容有多长，都会在一行显示而不会换行，如果表格的内容超过了表格本身的宽度，则会出现x轴的滚动条，反之不会出现滚动条。但是如果有很多行很多列，这时候使用css比较合理，比较简单，此属性对应的css为td { white-s...

2014-04-10 13:47:34 245

love you and me