首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

玩转HTML5移动页面(优化篇)

承接上期讲堂君推荐的《玩转HTML5移动页面(动效篇)》,动效篇说的是让页面动起来的一些小技巧。...而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...如果图片色彩要求不高,请使用PNG8; 2.使用新格式,WEBP和BPG等新格式的到来,在不用考虑兼容的情况下请大胆尝试; 3.用SVG和ICONFONT代替简单的图标; 4.用FUFU的字蛛来代替艺术字体切图...曾经有一种派系为320派系,就是大部分页面都是320宽度,因此干脆直接用320的容器来包一切页面,那样也简单,然而IPHOEN6和IPHONE6+的出现简直是灭了这个派系。 那么到底要如何兼容呢?...2.针对页面内容补充description和keywords的meta标签。你需要简短总结页面的主要目标,然后补充description,以及根据关键词补充keywords。

3.2K70

Docker 文档编译 - 预页面格式

字体格式将会告诉页面在 Markdown 文件的最上端,使用 3 个横线作为开始和结束。其中包括有 YAML 内容,下面为可以支持的关键字,包括有表头,描述和关键字是否是必须的。...在页面处理的过程中,这个地方配置的页面内容,将会为那些页面创建一个 302 重定向链接到这个页面上。 notoc 否 可以使用 true 或者 false。...针对没有页面头部内容,将会创建相同的显示页面。 toc_min 否 如果 notoc 设置为 true 的话,这个选项将会被忽略。包括在页面 TOC 中头部,最小的页面级别为。...下面显示的内容是一个有效的页面 Metadata 配置(没有转换为 HTML)页面。在预页面格式中内容的顺序是没有关系的,你可以随意调整上面参数的顺序。...title: Get Docker for Ubuntu toc_min: 1 toc_max: 6 skip_read_time: true no_ratings: true --- 上图显示的是一个预页面格式

85000

玩转HTML5移动页面(动效篇)

作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?...这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。...先看个生日页面,是个SVG的蛋糕: ? (查看DEMO) 可见SVG是很强大的!弥补了CSS3的不足。...一般背景音乐体积可以接受的范围是200K以下,若太大,可以使用格式工厂等软件,降低它的比特率和声道来改变体积。 接着,只需要简单引用: ?...一般情况下页面体积大于3m则要加上loading页。

4.2K80

玩转HTML5移动页面(优化篇)- 腾讯ISUX

承接上文《玩转HTML5移动页面(动效篇)》,上次说的是让页面动起来的一些小技巧。...而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...如果图片色彩要求不高,请使用PNG8; 2.使用新格式,WEBP和BPG等新格式的到来,在不用考虑兼容的情况下请大胆尝试; 3.用SVG和ICONFONT代替简单的图标; 4.用FUFU的字蛛来代替艺术字体切图...2.针对页面内容补充description和keywords的meta标签。你需要简短总结页面的主要目标,然后补充description,以及根据关键词补充keywords。...注明出处格式:腾讯ISUX (http://isux.tencent.com/play-with-html5-optimize.html)

1K30

dotnet OpenXML 解析 PPT 页面元素文档格式

本文告诉大家在 OpenXML 里面的 PPT 页面 Slide 的元素文档格式 是否小伙伴还记得如何使用 OpenXML SDK 获取一份 PPTX 文件的某一个页面?...如果不记得,请看 C# dotnet 使用 OpenXml 解析 PPT 文件 如下是一个简单的 PPTX 的 Slide 页面 ? 大概的主结构如下 ?...var shapeTree = slideData.ShapeTree; } } 元素放在 ShapeTree 里面,文档格式如下...形状是形状,而文本框也是形状 获取页面里面的形状的方法如下 foreach (var openXmlElement in shapeTree) { if (openXmlElement is DocumentFormat.OpenXml.Presentation.Shape...除非真的在看了注释之后依然不理解属性的含义和作用,不过一般此时看文档作用也不大 例如想要看某个页面包含的元素,可以点开 shapeTree 的 ChildElements 属性 ?

96920

帮助页面与自动消息格式(JSONXML)选择

WebHttpBehavior属性HelpEnabled和AutomaticFormatSelectionEnabled是“帮助页面”与“自动消息格式选择”这两个特性的总开关。...WCF 4.0为REST服务提供了帮助页面功能,我们可以通过浏览器访问服务帮助页面的地址得到所有操作的基本信息。...如上图所示,帮助页面列出了包括相对地址、HTTP方法和基本描述在内的所有操作的基本信息。我们通过点击HTTP方法对应的链接可以获得包括基于相应格式(Xml和Json)消息结构(Schema)和实例。...在默认的情况下,帮助页面中表示操作描述信息的格式为“Service at {操作地址}”,我们可以在定义服务契约的时候再操作方法上应用特性DescriptionAttribute来定义出现在帮助页面中的描述信息...这些描述信息就是出现在如下图所示的帮助页面中。 ? 二、 自动消息格式选择 REST服务具有两种基本的消息格式(Xml和Json)。

66370

玩转HTML5移动页面(动效篇)- 腾讯ISUX

作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?...这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。...一般背景音乐体积可以接受的范围是200K以下,若太大,可以使用格式工厂等软件,降低它的比特率和声道来改变体积。 接着,只需要简单引用: ?...请继续阅读《玩转HTML5移动页面(优化篇)》。 感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。...注明出处格式:腾讯ISUX (http://isux.tencent.com/play-with-html5-animate.html)

2.6K30

HTML5视音频代码实例 & WEBM格式转换器

HTML5视音频代码实例&WEBM格式转换器 HTML5学堂:WebM由Google提出,是一个开放、免费的媒体文件格式。...WebM 影片格式其实是以 Matroska(即 MKV)容器格式为基础开发的新容器格式,里面包括了 VP8 影片轨和 Ogg Vorbis 音轨。...WebM 影片格式其实是以 Matroska(即 MKV)容器格式为基础开发的新容器格式,里面包括了 VP8 影片轨和 Ogg Vorbis 音轨。...a元素支持"download"属性 下面的介绍引用自HTML5规范草案: 为了表明一个资源是让用户下载的,而不是立即显示的,可以给a元素或area元素添加download属性来创建一个能下载该资源的超链接...; 兼容性问题: 补充说明:play()等方法在移动端并没有得到支持,在移动端,使用HTML5中的视音频,会自动调用软件内置的播放器,用网页的形式打开 欢迎沟通交流~HTML5学堂

3.9K80
领券