标签: HTML/HTML5

记录点滴,修炼自己。
0

移动端HTML5响应式布局适配解决方案

前言  移动端适配是一个十分重要的问题。在移动端页面中,其布局和交互方式可能相比于PC端少一些,但是由于设备的多样化,其适配问题就必须多加关注。设备情况种类繁多复杂,从网上的几张图中足以看出: 基本概念物理像素(physical pixel)一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。 设备独立像素(density-inde

0

可视化HTML5页面拖拽构建工具demo

简介  demo,在web端通过拖拽编排的方式快速定制活动H5页面,初步阶段完成。 交互方式及效果呈现 demo源码托管于github,详见Github gcidea/html5-draggable 使用流程1.拖拽页面布局至手机预览区2.根据不同类型的布局,点击可以编辑不同参数3.布局定制完成后可以向布局中拖拽添加素材4.页面定制完成后可以分享页面(TODO) 改进作为demo,目前还有

0

DOM级别

DOM目标  DOM标准的目标是让“任何一种程序设计语言”能操控使用“任何一种标记语言”编写出的“任何一份文档”。“操控”具体含义为能通过DOM提供的API对文档的内容、结构、样式进行访问和修改。 DOM分类 DOM核心:针对任何结构化文档的标准模型 DOM XML :只针对XML文档的标准模型 DOM HTML:只针对HTML文档的标准模型 DOM级别DOM Level 0  实际上没有

0

使用HTML5的FileAPI完成图片预览上传

前言  html5提供了File API,可以很好用于图片上传和本地预览的使用场景。 html结构以下html片段表示了图片上传组件的文档结构,依赖Amaze UI样式框架。123456789101112131415161718192021222324252627282930313233343536<div class="am-g"> <div class="am-for

0

通用的HTML文档DOM树遍历函数

前言  本篇记录《JavaScript权威指南》中提供的通用性的DOM结构遍历函数,这是十分常用的场景,可以获取除了Text节点以外的全部文档节点。 实现parent函数 返回元素e的第n层祖先元素,如果不存在则返回null 如果n===0;返回e本身;n===1,返回父节点,以此类推123456function parent(e, n) { if (n === undefin

0

HTML转义字符

背景  HTML转义字符又称字符实体。一些字符在HTML中有特殊的含义,比如小于号”<”已经用于定义HTML标签的开始。而这些标签在渲染出的html页面是不会显示出来的,如果我们希望浏览器正确地显示这些字符,我们必须在HTML源码中插入字符实体。  字符实体有三部分,而且有两种写法: