标签分类
当前位置:首页 > 程序设计电子书 > HTML5电子书网盘下载
高性能HTML5 高性能HTML5
baicaixiu

baicaixiu 提供上传

资源
34
粉丝
23
喜欢
275
评论
17

    高性能HTML5 PDF 高清版

    HTML5电子书
    • 发布时间:

    给大家带来的一篇关于HTML5相关的电子书资源,介绍了关于HTML5方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小60.3 MB,布莱恩特,奇舞团编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.8,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • 高性能HTML5 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1NLJlamIyOYIhvziHzUN42g
  • 分享码:hd93
  • 高性能HTML5 PDF

    《高性能html5》为读者讲解了如何用html5 从一开始就设计一个高性能的网站,以及如何对已有网站进行改良,使得它们具备优越的性能。《高性能html5》中总结了许多实践经验、关键技巧,并提供了丰富的示例,作者有意无意地将软件工程以及前端开发技术之道隐藏于朴实的描述中。

    通过学习《高性能html5》,读者能够掌握如何创建自己的高性能网站。《高性能html5》适合于想创建自己网站的初学者,同样也适用于资深网站开发者用于优化已有网站。

    目录

    • 第1 部分 引言
    • 第1 章 概述 2
    • 网站范例 2
    • 这本书将带给读者什么 3
    • 什么是高性能 4
    • 页面加载时间 4
    • 浏览器性能 4
    • 网络性能 4
    • 开发效率 4
    • 响应式设计 5
    • 栅格系统 5
    • 更深入地理解css 5
    • 第2 部分 性能基础
    • 第2 章 开发原则 8
    • 编写符合当代浏览器性能的代码 8
    • 减少html 中元素的数量 9
    • 减少重绘 9
    • 用css 来布局,处理边界 11
    • 渐进式增强 14
    • .使用特征检测来显示渐进式增强 15
    • 各司其职 16
    • html 17
    • css 17
    • javascript 18
    • 小结 20
    • 第3 章 性能准则 21
    • 为什么页面加载时间是如此重要 21
    • 准则 22
    • 减少http 请求 22
    • 使用cdn 加速(内容分发系统) 27
    • 避免空的src 和href 属性值 28
    • 增加过期头 29
    • 启用gzip 压缩 29
    • 把css 放在头部 30
    • 把javascript 放到尾部 31
    • 避免使用css 表达式 31
    • 移除不使用的css 语句 32
    • 对javascript 和css 进行代码压缩 32
    • 减少重绘 34
    • 规定图片的宽和高 34
    • 不要用表格布局 34
    • 定义字符集 35
    • 不要重组dom 35
    • 延伸阅读 35
    • 小结 35
    • 第4 章 响应式网页设计 37
    • 响应式设计 37
    • css3 媒体查询 38
    • 自适应图片 45
    • 弹性栅格 47
    • 小结 49
    • 第5 章 理解页面重用机制 51
    • 一些关于页面重用的理念 62
    • 就像搭积木一样 62
    • 都在容器里 62
    • 小结 63
    • 第3 部分 创建一个网站
    • 第6 章 页面模板 68
    • 配置模板选项 69
    • html 元素周围的条件注释 70
    • 设置字符集 73
    • 使用ie 的兼容模式 73
    • 提示用户安装google chrome frame 75
    • 为iphone 使用viewport 75
    • 加载jquery 75
    • 添加google 统计代码 76
    • 更多可选项 76
    • 设置栅格 77
    • 小结 80
    • 第7 章 导航 82
    • 菜单结构 83
    • 给菜单添加样式 88
    • box sizing(盒子尺寸) 91
    • 标准css3 糖果 92
    • 渐变 92
    • :before 和:after 96
    • 使用base64 编码 97
    • 下拉效果 104
    • 搜索框 107
    • 小结 109
    • 第8 章 页头 110
    • 构建一个更好的国家选择器 110
    • 视觉 111
    • css 裁剪 113
    • 图标链接 114
    • 小结 116
    • 第9 章 页脚 117
    • 设计页脚 118
    • 设置页脚的样式 123
    • svg 128
    • 不仅是简单的形状 133
    • 小结 134
    • 第10 章 分形设计模式 135
    • 定义一个控件 136
    • 代码一致 137
    • 升级简单 137
    • 更加可读 137
    • 目的明确 137
    • 开始分形:案例分析 138
    • 更快地开发页面 139
    • 更快地修复bug 139
    • 增强一致性 140
    • css 和javascript 的分离 141
    • css 和javascript 的合并 143
    • 小结 145
    • 第11 章 link 控件 146
    • 控件功能 146
    • 给链接添加样式 150
    • 当css 失效时使用javascript 157
    • 小结 158
    • 第12 章 sidebox(侧边栏)控件 160
    • 内容 160
    • 样式 161
    • 函数 165
    • 小结 169
    • 第13 章 button 控件 170
    • 按钮类型 171
    • primary 按钮 171
    • 带图标的primary 按钮 171
    • 玻璃材质的primary 按钮 171
    • 带阴影效果的primary 按钮 171
    • 镶边的primary 按钮 172
    • go 按钮 172
    • 为go 按钮镶边 172
    • 编写button 控件 172
    • css 175
    • 小结 185
    • 第14 章 price 控件 186
    • price 控件介绍 186
    • html 代码 186
    • css 代码 187
    • 控件代码 191
    • shipping 控件 192
    • html 代码 193
    • css 代码 193
    • 控件代码 195
    • 使用控件 196
    • 小结 196
    • 第15 章 product 控件 197
    • 插入控件 199
    • 控件产生的html 199
    • css 202
    • product 控件的数据 205
    • 控件 206
    • 小结 208
    • 第16 章 table 控件 210
    • html 结构 212
    • 数据对象 215
    • table 控件 215
    • 样式 216
    • 通用效果样式 217
    • 宽屏效果样式 218
    • 窄屏效果样式 223
    • 增加媒体查询 225
    • 小结 228
    • 第17 章 tab 控件 229
    • html 231
    • 数据 233
    • 控件 234
    • 创建tab 控件 235
    • javascript 236
    • tab 控件的样式 239
    • 所有效果的通用样式 239
    • 水平效果的样式 243
    • 垂直效果的样式 248
    • 小结 253
    • 第18 章 form控件 254
    • html 结构 256
    • fieldset 控件 258
    • input 控件 260
    • 数据对象 265
    • 创建一个表单 269
    • css 269
    • 建立一个快捷方式 281
    • 小结 282

    上一篇:大数据:互联网大规模数据挖掘与分布式处理  下一篇:大数据算法

    展开 +

    收起 -

    码小辫二维码
     

    HTML5相关电子书
    学习笔记
    网友NO.567687

    jQuery Mobile和HTML5开发App推广注册页

    jQuery Mobile和HTML5的组合可以直接开发web版的app,所以用到我当前app中的推广注册页的编写是很恰当的,其实只要你熟悉html4+jquery的组合开发,那么html5+jqueryMobile你会立刻上手。 html5比html4多了很多的标签,特别是多媒体这块有了很好的支持,但是如果只是做一般的web手机页面,那么多数标签是用不上的,JqueryMobile与jquery的不同点就在一些事件名称上,当然这里封装的也是html5的原生事件,还要说一个关于html5提倡的一个规则,这里jquerymobile是遵循了这个规则的, html5里面给标签增加几个新的权限特征, data-role="page"、 data-role="header" 、data-role="content"、 data-role="footer", 为什么html5会增加这几个特征,我觉得多是为支持web版手机app开发而出的,因为html5提倡开发web版app只创建一个html页,然后每个段落=一个新页面,下面我贴一段几个div标签组合成的一个整体页面,当然它们都各自加了上面的特性。 !--data-role="page"表示这个是一个html5单独页面,可以从另外一个加了page特性的div打开它 --div data-role="page" id="phoneRegister"!--data-role="header"这个特性你想成APP的navigationbar --div data-role="header" id="heardId"/div!--data-role="content"内容里面展示页面内容的,必入你放一张表在这个标签里面展示 --div data-role="content" /div!--data-role="footer"这个特性你想成APP的tabbar --d……

    网友NO.899777

    JS/HTML5游戏常用算法之追踪算法实例详解

    本文实例讲述了JS/HTML5游戏常用算法之追踪算法。分享给大家供大家参考,具体如下: 追踪算法在动作游戏中非常常见,从很早的游戏《吃豆人》到大型的街机机战类游戏,到处可见追踪效果的身影。一个好的追踪算法将会大大提高游戏的可玩性和玩家的兴趣。 【简单算法】 先来看一个简单的跟踪算法,如下图所示,假设在canvas坐标系中存在物体A和B,物体A将把B作为追踪目标,物体在二维空间中的运动可以分解为坐标系中X、Y轴的运动,其在X和Y方向的速度决定了物体运行的方向和速率。别忘了,速度是有方向和大小的,于是物体A的速度在X、Y轴方向分解成vx、vy,B物体也是一样,这样,如果物体A要追踪到B,只需要比较两个物体分别在 X、Y 方向的速度即可。设物体 A 坐标为(x1, y1),A 的速度分解为(vx, vy),物体B 坐标为(x2, y2),B 的速度分解为(vx1, vy1),假设A 要追到B,对于水平X 方向分量来说,如果x2x1,表示B在A的右边,这时候必须设置vx为某一个正值,反之,则需要将vx设置成一个负值,同样的道理,对于垂直方向Y来说,需要进行同样的处理即可。 基于以上这个简单算法的原理,可以来尝试一个简单的例子。 !DOCTYPE htmlhtml lang="en"head meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" meta char……

    网友NO.377679

    JS+HTML5实现图片在线预览功能

    本文实例为大家分享了HTML5图片在线预览的具体代码,供大家参考,具体内容如下 !DOCTYPE htmlhtmlhead titleHTML5图片预览/title meta http-equiv="Content-Type" content="text/html; charset=UTF-8" script src="http://img9.tongzhuo100.com/js/jquery-1.7.2.min.js"/script style .hide { display:none; } /style/headbodyh3请选择一张JPG/GIF的图片/h3form name="form0" id="form0" input type="file" name="file0" id="file0" multiple="multiple" / brbrimg src="" id="img0" width="120" class="hide"/formscript $("#file0").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#img0").attr("src", objUrl); $("#img0").removeClass("hide"); } }) ; function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file) ; } else if (window.webkitURL!=undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file) ; } return url ; }/script/body/html 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。 ……

    网友NO.565655

    JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

    新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了。写出了总结下 使用的方法: clipboard 插件下载地址:https://github.com/zenorocha/clipboard.js/tree/master 引入插件:目录\clipboard.js-master\dist\clipboard.min.js 目录中有各种demo,分别实现了固定的文字复制,input的复制等等,可以看下找找思路; 下边来记录下使用的方式: 一:引入插件: script src="js/clipboard.min.js" type="text/javascript"/script 二:给标签添加属性:data-clipboard-text div id="btn" data-clipboard-text="1" spanCopy/span /div 三:定义script :实现复制功能---(写的内部的script,外部的总是报错,找不到类,新手不大懂,以后再补充) scriptvar clipboard = new Clipboard('btn');clipboard.on('success', function(e) {e.clearSelection();//复制成功});clipboard.on('error', function(e) {//复制失败});/script 补充: new Clipboard()----参数为id class都可以,跟css定义一样 id 或者.class 四:自定义复制的内容; new Clipboard('.btn', { target: function(trigger) { return trigger.nextElementSibling; }}); 通过return返回想复制的内容, 五:列表页复制每条列表内容 可以给每个item自定义属性data-clipboard-text即可 div.setAttribute("data-clipboard-text","asdf"); 补充: 电脑浏览器几乎都可以支持,手机上安卓可以,苹果有点问题,需要把标签设置成button 以上所述是小编给大家……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明