
HTML5
执着更专业
坚持到底永不放弃
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML5基础[1]
了解HTMLHTML是用来描述网页的一种语言 HTML指的是超文本标记语言 HTML不是编程语言,只是一种标记语言,它跟php、c++、c等语言并不相同 HTML版本 HTML5相关知识HTML5的新特性原创 2016-07-22 16:34:32 · 259 阅读 · 0 评论 -
编写好代码的几个要素
原文:http://www.techug.com/some-tips-for-good-code?ref=myread清晰虽然面向对象讲究内聚和封装,但是太多的子方法和类,实在是会把人绕到头晕,我推荐的做法是,方法尽量的内联,是同一个业务的就通通放到某个方法里面,如果这段逻辑实在太长,可以考虑抽取一些子方法(尽量别太多)。至于类,别动不动就来个类封装一把,要避免类膨胀。好的命名和注转载 2016-09-01 08:56:12 · 654 阅读 · 0 评论 -
jQuery避免频繁的AJAX请求
之前在做网站的时候,有时候用到AJAX请求的时候发现,当给一元素绑定了某个事件,在这个事件被触发的时候就执行AJAX请求,但是如果没有及时等到服务器的响应,就回尝试频繁的触发那个事件,就得不到好的用户体验 form:http://blog.youkuaiyun.com/luokuncool/article/details/25983055$(function(){ $('selector').bind转载 2016-09-12 14:05:17 · 2304 阅读 · 0 评论 -
ajax防止表单重复提交
1.禁用按钮2.使用one,只执行一次3.设定flag<script type="text/javascript">$(function(){ var flag=1; function ajaxTest(){ if(flag){ $.ajax({ url: "test.php",原创 2016-09-12 13:58:43 · 1757 阅读 · 0 评论 -
HTML5本地存储之Database Storage篇[2]
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5本地存储之Database Storage篇[2]</title> <style> .addDiv{ border: 2px dashed #ccc;原创 2016-07-25 16:19:57 · 925 阅读 · 0 评论 -
HTML5本地存储之Database Storage篇
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5本地存储之Database Storage篇</title> <style> .addDiv{ border: 2px dashed #ccc; wid原创 2016-07-25 15:13:20 · 473 阅读 · 0 评论 -
HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~ 效果图: 1、html结构: <div id="loadBar01" class="loadBar"> <di转载 2016-07-25 12:05:08 · 1795 阅读 · 0 评论 -
在HTML5中如何提高网站前端性能
1. 用web storage替换cookies Cookie最大的问题是每次都会跟在请求后面。在HTML5中,用sessionStorage和localStorage把用户数据直接在客户端,这样可以减少HTTP请求的数据量。而且Web storage还提供了API来操作数据,不像cookie,还得自己写。 // if localStorage is present, use that i转载 2016-07-25 11:45:48 · 356 阅读 · 0 评论 -
使用HTML5技术控制电脑或手机上的摄像头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用HTML5技术控制电脑或手机上的摄像头</title></head><body> <!-- 理想情况下我们应该先判断你的设备上是否 有摄像头或相机,但简单起见,我们在这里直接转载 2016-07-25 11:36:58 · 381 阅读 · 0 评论 -
你应该知道的HTML5五大特性
WEB开发,涉及到的HTML5的知识,需要了解一下,这里转载报道的HTML5五大特性,原文见http://www.youkuaiyun.com/article/2013-05-27/2815444-5-html5-features-you-must-knowHTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性转载 2016-07-25 11:31:56 · 329 阅读 · 0 评论 -
通过JS自动隐藏手机浏览器的地址栏
大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,加之这些网站针对手机浏览器做了优化,乍看之下,还真难区分这是WEB APP还是Native App,如下左侧图片为通过safari打开淘宝网的首页,要不是因为底下的浏览器工具栏,还真像Native App。实际上它是有地址的,向下拖动就会看到地址栏,如下右侧图片。如何才能实现将浏览器地址栏隐藏呢?百度一下,有很多资料转载 2016-07-25 11:18:42 · 7167 阅读 · 0 评论 -
HTML5 自定义data标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 自定义data标签</title> <style> .ui_header { background-color: black; text-align: cen原创 2016-07-25 11:13:27 · 541 阅读 · 0 评论 -
Web前端工程师学习路径图,你掌握了多少?
前段工程师学习路线原创 2016-09-20 09:07:17 · 2300 阅读 · 0 评论