项目实战：医药箱APP
花费了10天时间，纯手写一个医药箱APP静态小项目，里面有上拉加载、左右滑动、弹出层淡入淡出等效果，主要是练习。以下是一部分页面效果图：我用的是谷歌的开发者工具的手机端模拟器。 大家有兴趣可到我博客的文件项里下载。里面需要优化的地方还有很多
h5
弹性盒模型 flex box的认知与使用
弹性盒子模型布局方案传统的布局方案大多采用div+css+float+position+display来实现，但是随着css3中弹性盒子模型的推出，在前端布局方案中就又多出了一项彪悍的选项。而因为最近在研究小程序，发现中间使用弹性盒子布局效
HTML5语义化标记Section和Article实例详解
网页制作cnn6文章简介：最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：<article
position中的sticky如何使用
position中的sticky的使用步骤：1、给元素添加“position: sticky”属性；2、指定元素相对于其最近的具有滚动框的祖先元素进行定位，可以使用top、right、bottom或left属性来设置偏移值。本教程操作系统：
前端HTML5的几种存储方式
本篇文章主要介绍了前端HTML5几种存储方式的总结 ，主要包括本地存储localstorage，本地存储sessionstorage，离线缓存（application cache），Web SQL，IndexedDB。有兴趣的可以了解一下。
HTML5讲解之可拖动dragable属性和其他成员
[导读] 可拖动dragable属性 之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。 在默认情况下，链接、文本和图像是可以 可拖动dr
关于Canvas与Image的互相转换
本文向大家展示怎样转换Image为canvas，以及canvas如何提取出一个Image，示例代码如下，有此需求的朋友可以参考下，希望对大家有所帮助JS Canvas与Image互相转换 原文演示: JavaScript Canvas Im
data-*与js的交互
这次给大家带来data-*与js的交互，data-*与js的交互的注意事项有哪些，下面就是实战案例，一起来看一下。HTML5新增属性data-*书写实例<p data-role="page" data-last-value="43"
HTML5新增协议：WebSocket协议的实例
本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。WebSocket 是 HTML 5 新增的协议，基于 TCP 连接进行全双工通信全双工通信：表示
html5中关于封装和添加与获取删除以及cookie介绍
cookie是储存在用户本地终端上的数据。 在我们登陆网站时有记录密码，也有时间限制比如说7天，5天等等这都是我们利用cookie来写的， 这就是利用了cookie的会话周期，但cookie同时又是不安全的我们可以打开网页看到用户输入的
