欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

 分类:HTML5

HTML5

使用js打印局部页面

使用js打印局部页面
 Web打印有很多方式,水晶报表使用的恐怕比较多,但这东西是收费软件,老板说不能用:(。ie自带的有Active控件,但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小、字体之类)。&nb...

7年前 (2013-09-08) 284℃ 0评论 0喜欢

phonegap-手机瀑布流的实现及动态分页加载

phonegap-手机瀑布流的实现及动态分页加载
手机瀑布流先看看图 相对于电脑网页版瀑布流功能,手机版的不同在于手机屏幕较小,基本只能在水平方向排两列!同时,网页版多使用绝对定位来计算各个图片块的位置,使用的是px为单位!在手机端如果考虑到手机分辨率兼容性的问题,则需要用em做单位,显然在绝对定位时会 [...

7年前 (2013-05-30) 3994℃ 0评论 0喜欢

phonegap-图片滚动和图片缓存

phonegap-图片滚动和图片缓存
 phoengap中或者移动应用中经常在住页面都会用到图片滚动效果,所以,在此分享一个滚动效果!先上图:图片滚动使用的是一个js插件:carousel.js,相对比较简单,不多述,具体看源码效果即可! 下载:幻灯片 [Read More…] 转...

7年前 (2013-05-30) 1401℃ 0评论 0喜欢

phoengap–node+websocket在线聊天室

phoengap–node+websocket在线聊天室
该实验项目基于:phonegapnodewebsocket可以应用于android 和 ios平台。已经测试通过。以下是测试的图:        &n [Read More…] 转载请注明:夜阑小雨 &r...

7年前 (2013-05-26) 3036℃ 1评论 0喜欢

如何开始一个模块化可扩展的Web App

如何开始一个模块化可扩展的Web App
虽然从没有认为自己是一个前端开发者,但不知不觉中也积累下了一些前端开发的经验。正巧之前碰到一道面试题,于是就顺便梳理了一下自己关于Web App的一些思路并整理为本文。对于很多简单的网站或Web应用来说,引入jQuery以及一些插件,在当前页面内写入简单逻辑已经可以满...

7年前 (2013-04-06) 670℃ 0评论 0喜欢

国内HTML5前端开发框架汇总

国内HTML5前端开发框架汇总
国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详:JQuery Mobile,Twitter Bootstrap, Schena Touch,  BackBone等等。同样,也存在很多国内比较优秀的前端开发框架,其中中国互联网三巨头贡献了近一半:腾讯...

7年前 (2013-02-26) 399℃ 0评论 0喜欢

GitHubGitHub无法访问,修改hosts文件解决

GitHubGitHub无法访问,修改hosts文件解决
前几天由于12306的抢票插件,导致了github无法访问,从昨天开始,github的访问又提示超时。由于我的博客一直托管在github pages上,因此第一时间访问了一下 http://justjavac.com 发现居然可以访问。说明github的服务器ip应该...

7年前 (2013-02-26) 386℃ 0评论 0喜欢

编写超级可读代码的15个最佳实践

编写超级可读代码的15个最佳实践
一月两次,我们重温Nettuts历史上读者最喜欢的文章。       代码可读性是一个计算机编程世界的普遍主题。它是我们作为开发者第一件学习的事情。这篇文章将阐述编写可读性代码十五个最重要的最佳实践。1 – ...

8年前 (2013-01-20) 699℃ 0评论 0喜欢

用HTML5实现手机摇一摇的功能

用HTML5实现手机摇一摇的功能
 转载自csdn:1、  deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。2、  deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。使用它我...

8年前 (2013-01-20) 1495℃ 0评论 0喜欢

iPhone5和IOS6对HTML5的新增支持

iPhone5和IOS6对HTML5的新增支持
尽管桌面平台上的safari一直不是最好的HTML5浏览器,但随着iPhone5和IOS6的正式发布,苹果再一次增加了很多HTML5的特性支持。不难看出苹果仍是HTML5发展的中流砥柱。iPhone5改变了iPhone一直以来的2:3屏幕宽高比,变为了40:71。之前...

8年前 (2012-12-17) 548℃ 0评论 0喜欢

“WEB界面测试规范”与“设计规范”

“WEB界面测试规范”与“设计规范”
1:易用性:按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。易用性细则:1):完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。2...

8年前 (2012-12-13) 326℃ 0评论 1喜欢

-webkit-gradient

-webkit-gradient
一、关于渐变渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方。例如,您可以指定一个这么一个渐变:顶部的颜色是红色,中间的是蓝色,底部为黄色来作为div的背景色。渐变通过-webkit...

8年前 (2012-11-25) 503℃ 0评论 0喜欢

25 个实用的 CSS3 动画按钮/菜单教程

25 个实用的 CSS3 动画按钮/菜单教程
随着Web技术的发展,Web标准已经得到了逐步改善,现在HTML5正逐渐成为Web开发的主导技术。本文为Web前端开发者带来了25个基于CSS3的按钮和菜单设计教程,你还可以观看演示以及下载文件源代码。基于HTML5的Web设计将成为今后的主流,你可以使用CSS按钮/...

8年前 (2012-11-01) 545℃ 0评论 0喜欢

让所有浏览器支持HTML5 video视频标签

让所有浏览器支持HTML5 video视频标签
一、前面的唠叨我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,因为我不是个擅长翻墙的人,到底如何我也不得而知。与主题不相关的HTML5方面的东西我就不多说了,对于video标签,获取大家都听说了,这个标签的功能如...

8年前 (2012-10-30) 783℃ 0评论 0喜欢

特殊的链接:打电话,短信,email;iPhone 和Android应用

特殊的链接:打电话,短信,email;iPhone 和Android应用
面的这篇文章主要是说,网页中的链接如何写,可以激活电话的功能。例如,页面中展示的是一个电话号码,当用户在手机浏览器里面点击这个电话号码的时候,手机会弹出拨号的面板,或者是短信程序会启动等。1. 打电话在android的浏览器中,如果电话号码是 XXX-XXX-XXXX...

8年前 (2012-10-29) 798℃ 0评论 0喜欢

jQuery Mobile 入门教程

jQuery Mobile 入门教程
你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机。android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列表: Apple iPhone/iPod Touch Google ...

8年前 (2012-10-28) 1066℃ 0评论 0喜欢

PhoneGap

PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,...

8年前 (2012-10-28) 1027℃ 0评论 0喜欢

移动应用开发解决方案

移动应用开发解决方案
如果你问我是不是一个好的时机开发超棒的移动应用了?我得说:当然!Sencha Touch 2如果你对于HTML5,CSS3和Javascript比较熟悉的话,那么Sencha Touch 2可能对于你来说就是一个开发iphone,android和blackberry的...

8年前 (2012-09-08) 661℃ 0评论 0喜欢

XHTML教程二

XHTML教程二
XHTML DTD定义文档的类型。   在XHTML中我们必须声明文档的类型,以便于浏览器知道你的文档是什么类型的,而且声明部分要加在文档的head之前。如:   <!DOCTYPE Doctype goes here>   <html xmlns=...

13年前 (2007-10-22) 293℃ 0评论 0喜欢

XHTML教程一

XHTML教程一
前言:(废话)   现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML...

13年前 (2007-10-22) 298℃ 0评论 0喜欢

初学web标准的几个误区

初学web标准的几个误区
非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1.不是为了通过校验才标准化。 web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理...

13年前 (2007-10-22) 336℃ 0评论 0喜欢