- 博客(124)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 html5本地数据库操作
html如何操作“SQLLITE”文件型SQL数据库1. 创建访问数据库的对象var db=openDatabase("mydb",'1.0','test db',102400)第一个参数为 数据库名第二个参数为 版本号第三个参数为 数据库描述第四个参数 数据库的大小2. 使用事务处理db.transaction(function(t
2015-05-21 10:30:01
1031
原创 HTML5 Geolocation API
HTML5 Geolocation API 封装在 navigator.geolocation 属性里，各种接口即是 navigator.geolocation 对象的方法。 1、getCurrentPosition() getCurrentPosition 用来获取用户当前的位置信息，该方法带有三个参数： 1、successCallback：成
2015-05-18 11:06:09
705
转载 html5离线存储入门基础
所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过 ApplicationCache 接口解决了一些问… 所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过ApplicationCache接口解决了一
2015-05-18 11:01:26
660
原创 关于移动端点击后出现闪或者黑色背景
最近在开发一个ipad的课件，用phoneGap打包在ipad上运行，发现，点击某些带事件的DOM后，出现瞬间的闪动，a标签点击的时候还是出现黑色的背景。首页，瞬间的闪动是怎么出现的，具体原因不是很明确，根据我测试，貌似是因为DOM中有可选择的文字，使得DOM是可以整体被touch，在ipad中，元素被touch后会出现高亮，就是出现半透明的黑色背景..于是当我们每次点击的时候，就会出现看到
2014-08-15 12:08:13
1122
原创 关于移动端用iscroll动画出现闪烁和迟钝(不流畅)的现象记录
页面上所写的JS动画变的非常的卡，整个动画变的非常不流畅。百思不得其解。后查阅资料，发现iscroll官网有提到(参考地址)，这里指出了页面的闪烁，我们需要加上一个CSS属性
2014-08-15 12:04:31
3344
1
原创 md5.js
收录一个md5的lib： http://www.webtoolkit.info/javascript-md5.html#.Uy-ybK2SykQhttp://my.oschina.net/junn/blog/150170
2014-06-06 14:24:56
680
转载 针对webkit的HTML， CSS和Javascript(记录)
HTML， 从HTML文档的开端到停止分列: 让内容的宽度自适应为设备的宽度， 在做Mobile Web时必须加的一条 禁用号码链接（for iPhone） 设置你网页的图标， 尺寸为57X57 px 全屏启动时辰的启动画面图像， 尺寸320X460 px 是否容许全屏显示， 只
2014-06-02 10:02:16
790
转载 谷歌 25 招：如何构建优秀的移动网站
4 谷歌公司的研究人员聆听了 119 个小时用户对移动网站的抱怨，了解到构建移动网站的精髓，研究人员总结出了 25 个要点，一起来看看。 谷歌公司的研究人员聆听了 119 个小时用户对移动网站的抱怨，了解到构建移动网站的精髓。 最近，来自谷歌公司和 AnswerLab 的研究人员主持了一场长达 119 小时
2014-05-14 22:25:49
597
转载 移动端开发技巧汇总
移动平台WEB前端开发技巧汇总猪的明天 / 前端开发 / 2011.11.22 / 相关标签: css HTML5 Mobile原名《移动平台3G手机网站前端开发布局技巧汇总》，由武方博整理的，让我们了解下移动设备上的WEB站点开发的基础知识，多些时间和精力去优化其他细节，我这里对原文的标签格式做了细微的调整，阅读查看起来明晰些，原文如下：－－－－－－－－－
2014-04-30 10:49:36
938
转载 如何让搜索引擎抓取AJAX内容？
如何让搜索引擎抓取AJAX内容？作者： 阮一峰日期： 2013年7月16日越来越多的网站，开始采用"单页面结构"（Single-page application）。整个网站只有一张网页，采用Ajax技术，根据用户的输入，加载不同的内容。这种做法的好处是用户体验好、节省流量，缺点是AJAX内容无法被搜索引擎抓取。
2014-04-16 09:02:43
507
原创 Underscore.js-template模板
Underscore这个框架除了很好的处理数据意外，还有一个很棒的功能，就是模版绑定。在html里面设定模板，然后js绑定数据，这样能避免在js中出现非常多的html标签。相比knockout.js，更加轻量级一些，当然功能也相对简单一些下面是一个最简单的例子：
2014-04-02 12:02:44
2281
转载 每个Web开发者必备的9个软技能
对于一份工作，你可能专注于修炼自己的内功，会在不自觉中忽视软技能。硬技能决定你是否能得到工作，而软技能能够表明你是否适合这份工作和适应工作环境等。所有的公司都有属于自己的文化，并努力将这些文化传承下去，所以他们必须确保每一位新员工能够适应这个环境。 许多硬技能很容易获得并可很快的提高，而软技能由于和你性格等联系紧密，可想要改变他们是一件很困
2014-04-02 10:58:13
537
原创 HTML Email 编写指南
因为这种带格式的邮件，其实就是一张网页，正式名称叫做HTML Email。它能否正常显示，完全取决于邮件客户端。大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。我发现，编写HTML Email的窍门，就是使用15年前的网页制作方法。下面就是我整理的编写指南。1. Doctype目前，兼容性最好的Doctype是XHTML
2014-03-20 14:12:41
748
原创 nofollow属性的介绍和使用(简单记录)
nofollow属性的介绍和使用nofollow 是什么意思？我们知道，反向链接是Google PR值的主要计算指标。为了添加反向链接，SEO作弊者在论坛和博客等大量发布带无关链接的内容。这些垃圾链接的存在给搜索引擎对网页质量的评估造成一定程度的麻烦。nofollow 正是Google、Yahoo、MSN 为了应对垃圾链接（Spam）引入的一个属性，此属性目前应该被广泛采用
2014-03-20 09:54:40
637
转载 Nicholas C. Zakas谈怎样才能成为优秀的前端工程师
以下是Nicholas C. Zakas之前一篇博文《What makes a good front end engineer?》的译文，仅供大家参考。原博文地址：http://www.nczonline.net/blog/2007/08/15/what-makes-a-good-front-end-engineer/Nicholas C. Zakas谈怎样才能成为优秀的前端工程师
2014-03-16 22:11:27
616
原创 JavaScript 跨域总结与解决办法
什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：U
2013-12-21 12:47:54
659
转载 聊聊移动端性能提升
最近一项 研究表明,80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间。这不奇怪，因为64%的智能手机用户希望网站可以在4秒内加载完毕，但一半的网站花费了二倍以上的时间，达到了9秒。这篇文章会阐述一些可以使你的网站在移动端跑得更快的技术。移动端用户的下载速度让我们来研究下究竟是什么影响了智能手机上的网页加载速度。最明显的原因是智能机的网
2013-12-08 10:12:32
1410
原创 聊聊前端性能优化
前端性能优化完全是一个技术话题，但是对于项目的用户体验有非常大的影响，如果你的网站打开要等待三五秒或者等到浏览器提示无法连接，那网站哪来的流量，哪来的品牌影响和用户忠诚度，挣钱就算了。3s，作为判断一个用户忍受你网站速度的限度，如果超过3s，用户已经对这个网站产生了负面的抵触心理。前端性能优化了解yahoo性能优化N条的同学应该不会陌生，安装一个YSlow评分并对照着优化就可以
2013-12-07 09:09:07
780
原创 YUI CSS框架--pure
英文地址：http://purecss.io/中文翻译：http://pure-site.ap01.aws.af.cm
2013-11-24 15:16:05
1480
转载 客户端本地存储解决方案
无论是为了离线web应用，还是为了更好的用户体验，还是为了节省更多流量，很多web应用都需要我们能够在本地存储一些数据，于是出现了很多的基于浏览器的本地存储解决方案，比如cookie, userData, Flash SharedObject, Google Gears, WebStorage, Silverlight, Open Database等。HTML5本地存储出来之前，本地存储方
2013-11-24 14:11:00
1157
转载 五个你必须知道的JavaScript和web debug技术
在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。Weinre移动调试DOM 断点debugger断点native方法hook远程映射本地调试Weinre在移动上面开发调试是很复杂的，所以就有了weinre。安装weinre可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~安装weinr
2013-11-24 12:49:51
723
转载 手机产品设计中的15大禁忌
在做手机产品设计的过程中，遇到很多看似很小且很容易被忽略的问题，正是这些小问题，一次次的撩拨用户的耐心，让用户对你的产品心生怨念。本文介绍了一些经验，供大家参考。1.没有不可点击的效果 一般按钮会有四态：不可点击效果、可点击效果、聚焦状态、按下状态。如果你的按钮此时处于不可用状态，那么一定要灰掉，或者拿掉按钮，否则会给用户误导。2.菜单层次太深
2013-11-24 12:41:33
692
转载 度量Web性能的关键指标
自网站诞生以来，响应速度/响应时间一直都是大家关心的话题，而速度慢乃是网站的一个杀手，正当大家以为四核和宽带能力的提升能够解决这些问题时，Wi-Fi和移动设备为热点移动互联网又悄然兴起。在2006年，Amazon曾做过一个报道，响应时间每提高100ms，他们便会增加1%的收入。优化的价值已显而易见，但到底多快才是个标准，或者速度有多快才算够快呢？那么到底什么是响应时间，
2013-11-24 11:02:31
651
原创 收录一个RGB颜色转化的库
本文介绍一个库： RGB颜色转化的 demo地址：http://www.phpied.com/files/rgbcolor/rgbcolor.html官方：http://www.phpied.com/rgb-color-parser-in-javascript/
2013-11-23 16:00:53
673
原创 前端导航站收集
收录两个比较有名的前端导航站： http://123.jser.us/ http://f2e.im/static/pages/nav/index.html
2013-11-23 15:56:27
775
原创 less之简单介绍
1、Less前言 关注less很久了，整理和查看了很多相关的资料，此篇作为less相关的开篇，简单记录一下。 2、Less是什么？ --------- 动态样式语言 其实就是将css变得可以使用动态语言的特性，如变量、继承、运算、函数。可以向编程一样去写css，是不是很酷？ less可以应用在客户端也可以应用在服务端（借助一些如N
2013-11-23 15:31:27
766
原创 x-webkit-speech -- 实现语音输入
1、x-webkit-speech 目前只有Chrome 11+的支持 属性和事件介绍： lang Htmlinput type="text" x-webkit-speech lang="zh-CN"/> onwebkitspeechchange 语音发
2013-11-23 15:13:56
824
原创 聊聊JSON和JSONP
前言： 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者
2013-11-22 14:52:31
663
转载 HTML5 WebSockets 基础使用教程
摘要：HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 什么是WebSockets？ WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。同时WebSockets
2013-11-22 14:24:32
1003
转载 分享10段实用的HTML5代码
摘要：目前，越来越多的网站使用HTML5进行开发，本文提供了10段HTML5代码，它们可以帮你快速启动HTML5项目。随着HTML5的流行，许多网站开始介绍HTML5元素和属性的用法，以及各种教程，并且越来越多老的浏览器开始兼容HTML5。本文作者编译了10段非常实用的HTML5代码片段，开发者可以直接拿过去使用，帮你快速完成HTML5项目的开发工作，你也可以把它们当做一个学习
2013-11-22 10:22:46
998
转载 Web App开发入门
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-Web App(意为基于WEB形式的应用程序)。业界关于Web App与Native App的争论已有一段时间，而Hybrid混合App则受到推荐，随着时间的推移，我们相信Web App也会有一定的市场，那么它到底有什么奥秘呢？让我们来看看。WebApp与Native App有何区别呢？
2013-11-21 15:27:18
790
JavaScript权威指南(第6版)中文版.pdf
2013-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人