程序员技能分享

标签:HTML

Html/Css

移动端 Web 网页调试技巧

阅读(496)评论(0)

原文出处: 盛瀚钦 本文主要列举了调试本地网页、查看测试环境网页的各种方法,涵盖了PC、iPad、移动端的调试技巧。 本文的不足之处在于,小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页。 相关设备概念: PC :主要指以 Wi...

Html/Css

H5页面快速搭建之高级字体应用实践

阅读(334)评论(0)

原文出处: 淘宝前端团队(FED)- 龙驭 背景 最近在开发一个 H5 活动页快速搭建平台,可以通过拖拽编辑图片,文字等元素组件,快速搭建出一个移动端的活动页面,基本交互和成品效果类似 PPT 软件。这类活动大量在微信等平台上传播,其中会包...

Html/Css

HTML中iFrame标签的两个用法介绍

阅读(274)评论(0)

1. 作为弹出层铺底覆盖 大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了)。我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。...

Html/Css

你不可不知的HTML优化技巧

阅读(399)评论(0)

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。 很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言。HTML页面的负载也是越来越重。大多数...

Html/Css

HTML5 — 让拖放变的流行起来

阅读(213)评论(0)

先上 Demo,尽量用 chrome,代码可参考 Github。 在 HTML5 出现之前,页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件,然后改变元素的相对位置来实现这一效果。HTML ...

Html/Css

WebGL技术储备指南

阅读(318)评论(0)

WebGL 是 HTML 5 草案的一部分,可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用,但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物,花点时间整理出来与大家分享。 示例 WebGL 很酷,有...

Html/Css

页面白屏与瀑布流分析方法

阅读(352)评论(0)

无线页面的开发在我们的日常工作中越来越重要,无线的性能也是我们需要重点关注的,而加载的性能又是无线性能中的一个重要问题。那么,今天我们一起来看下如何去评估、测试无线页面的加载性能。 为了方便分析页面的加载过程,这里将网络设置成最慢的 GPR...

Html/Css

H5 缓存机制浅析,移动端 Web 加载性能优化

阅读(229)评论(0)

1 H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 H5...

Html/Css

疯狂Html+CSS+JS 中CSS总结

阅读(221)评论(0)

1 级联样式与CSS选择器 1.1 CSS基本使用 1.1.1 引入CSS /* 不建议@import 性能问题 */ <link href="CSS文件路径" type="text/css" rel="stylesheet">...