H5+CSS3
关注
分享
扫一扫
文章平均质量分 93
祝大余
To be an excellent engineer
展开
-
HTML5 内置本地数据库之Sqlite
HTML5 内置本地数据库之Sqlite一、关于HTML5和web本地数据库SQLite 可以很好的支持关系型数据库所具备的一些基本特征，如标准SQL语法、事物、数据表和索引等，且占用资源较少，可在移动设备上轻松使用。 HTML5中添加了很多功能，将一些以前必须保存在服务器上的数据转向本地保存，提高了Web应用程序性能的同时还减轻了服务器的负担。然而关于Web SQL Database有一个不太好原创 2015-11-20 21:13:34 · 29525 阅读 · 11 评论 -
fixed 定位失效 与 CSS 层叠上下文
第一部分，position: fixed失效的问题； 第二部分，了解一下由此扯出的一个Stacking Context层叠上下文。 文中大部分内容来自于我对W3C文档及一些英文资料的理解，如有不明确或表述不准确的地方还请指出。fixed 定位与 CSS 层叠上下文的关系关于 position: fixedposition: fixed 在日常布局中比较常用，如移动端头部和底部导航定原创 2018-01-02 17:59:21 · 3018 阅读 · 0 评论 -
聊聊Service Worker
Web Workersweb worker: 为Web内容在后台线程中运行脚本提供了一种简单的方法，线程可以执行任务而不干扰用户界面,即：运行在后台的 JavaScript浏览器一般有三类 web Worker： - Worker：专用的 worker，只能被创建它的 JS 访问，生命周期到创建它的页面关闭时结束。 - SharedWorker：共享的 worker，可以被好几个 JS 访问，生原创 2017-09-07 15:15:40 · 2962 阅读 · 0 评论 -
使用Nightwatch进行E2E测试
本文在线预览E2E测试不同于行为驱动测试（BDD）和单元测试独立运行并使用模拟/存根，端到端测试将试着尽可能从用户的视角，对真实系统的访问行为进行仿真。对Web应用来说，这意味着需要打开浏览器、加载页面、运行JavaScript，以及进行与DOM交互等操作。 然而，项目在快速迭代中不可避免的要进行一遍又一遍测试，费时又费力，而且极有可能因人工失误忽略某些环节。再者，怎么能容忍一次搞定的事非要多次重原创 2017-03-27 17:03:30 · 5665 阅读 · 0 评论 -
H5设备方向及运动API介绍
H5提供了一些与设备相关的API，其中 有两种事件负责处理设备的物理方向和运动信息，它们常见的信息源有陀螺仪、罗盘及加速计。 第一种是处理方向的事件：deviceorientation，它会在传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，使针对由于用户移动设备引起旋转和角度变化的行为进行设计。 第二种是处理运动的事件：devicemotion，它会在加速度发生改变时触发原创 2017-03-01 10:35:36 · 3462 阅读 · 0 评论 -
纯CSS打造双层Tab
css实现的双层嵌套Tab标签页。一般来说，使用纯CSS实现Tab页面效果的常用方式是a标签和:target结合，但是这样实现有一个强迫症的地方：由于是使用a标签把页面“链接”到某个指定ID的元素上，因此浏览器的URL里会出现[#ID]的情况。而且，使用a标签也不好控制Tab导航按钮选中后的样式。原创 2016-08-13 18:03:16 · 5514 阅读 · 3 评论 -
CSS选择器详解（伪类）
CSS选择器详解 之 伪类伪类对大小写不敏感结构伪类选择器结构伪类是CSS3新增的类型选择器，利用DOM树实现元素过滤，通过文档结构的相互关系来匹配元素，可以减少class和id属性的定义，使文档变得更加简洁。:root选择元素所在文档的根元素。在(X)HTML文档中，根元素始终是html元素。:not（）否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 e原创 2015-11-28 19:09:41 · 16656 阅读 · 2 评论 -
CSS选择器详解
CSS选择器详解选择器是CSS的核心，从最初的CSS版本到现在的CSS3，选择器的发展变化使得定位页面内的某个元素的方式越来越简单和多样化。 需要查找某个选择器讲解的直接在目录里选择，由于伪类比较多而且这篇略长，伪类将重新单独一篇~元素选择器（W3C标准中又称类型选择器）选择文档树中的元素。 e.g. HTML:<body> <p>this is an example</p></bo原创 2015-11-22 21:18:46 · 1765 阅读 · 0 评论 -
初窥CSS布局
初窥CSS布局2011-10-11写一篇文章，难免要为之命名，所谓名不正，则言不顺；言不顺，则事不成。这篇文章是要说明一下CSS中的布局，实为入门之法矣。 本想命名为“布局说”的，但是总感觉题目太大，被大神们看到难免沦为笑柄，思来想去，便命名为“初窥CSS布局”。不管是写一个html页面，还是打算建一个网站，首先应该想的是怎么为之布局，这是常常让我头疼的事情，不转载 2014-11-15 12:08:03 · 684 阅读 · 0 评论 -
HTML5 Web Storage
HTML5 Web StorageH5之前在浏览器客户端可以用cookies来存储数据，但是cookies存储永久数据时存在的问题还是很多的，比如：大小受限，最多只能存储4KBcookies会随HTTP请求一起发送，占用带宽，速度慢且效率低不易操作Web storage是H5新增的一个非常重要的功能，可以在Web上存储数据（针对浏览器本地而言，使用javascript进行存储和访问），但是，loca原创 2015-11-18 21:42:40 · 913 阅读 · 0 评论 -
iOS:active或-webkit-tap-highlight无效的原因及解决方案
通常，元素在按压态/点击态时会使用 :active伪类 来设置特定的样式，这个操作在pc/Android上都没有问题，但 iOS上的点击事件（click）是模拟出来的，在iOS上使用 :active 伪类 需要设置一个touch事件，这样元素的:active伪类才能被正确触发。一般是给body标签上加一个ontouchstart属性，但是但是~注意body的渲染范围，要保证元素上的touch事件能...原创 2019-05-21 19:12:36 · 1044 阅读 · 0 评论