简介 <canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<can ...
分类：
其他好文 时间：
2020-05-22 17:23:28
阅读次数：
53
友情提示：想要更好的理解这篇文章，建议先读一下 "viewport深入理解" ，了解一下视口。 假设我们的设计稿尺寸为750 1340。html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。 方法一 引入：页面开头处引入下面这段代码，用于动态计算font size css使用： 未引入前 ...
分类：
移动开发 时间：
2020-05-22 12:42:05
阅读次数：
58
“你的问题主要是读书不多而想得太多” 我就是这种不读书、没干货，遇到问题缺少实践的人~十分羡慕那些会写博客的人，就我来说，写一遍文章简直要比女人生孩子还要难受，半天憋不出一个字~哎，无奈肚子里没有墨水。罢了，直接入主题。 最近为了体验移动端开发做个了在线播放器，其实就是加了个媒体查询~，这是demo ...
分类：
Web程序 时间：
2020-05-22 09:53:44
阅读次数：
74
工作原理： 是基于一个新建的.appcache文件的缓存机制。解析清单离线存储资源，这些资源就像cookies一样存储起来。 如何实现呢？ 在html的头部加入manifest属性，并在cache.manifest文件中编写离线存储的资源。在离线状态时，操作window.applicationCac ...
分类：
Web程序 时间：
2020-05-22 09:53:31
阅读次数：
68
跟着步骤学习，耐心点好么，不要只看图不看文字，只看图5天都学不会。我在工作中用不到h5绘图，所以我是个小菜鸟。但我始终有一种迷之信念，任何已经存在的东西学一下就会了。所以刚好，我顺便可以讲一下我的学习步骤 1.我首先下了一个demo 感谢所有爱分享的程序员。挑选demo的时候要注意，不能只挑选酷炫的 ...
分类：
Web程序 时间：
2020-05-21 23:58:27
阅读次数：
109
前段时间参与了一个H5项目，里边有个需求是用户上传图片。当时的方案是前端先调用微信的JSSDK选择图片并上传，然后再从后端下载到服务器上。然而用的时候发现客户端给的图片有大有小，但是由于用了微信的接口，图片在下载之前是没法控制的。后来在想能不能调用HTML5原生的文件上传接口，另外还可以配合阿里云的 ...
分类：
其他好文 时间：
2020-05-21 19:54:13
阅读次数：
46
1. 浏览器的组成 人机交互部分 (UI) 网络请求部分 (Socket) JavaScript引擎部分 (解析执行JavaScript) 渲染引擎部分 (渲染HTML, CSS等) 数据存储部分 (Cookie, HTML5中的本地存储LocalStorage/SessionStorage) 2. ...
分类：
Web程序 时间：
2020-05-21 19:07:33
阅读次数：
84
html5 新功能 简化语法 `` 语义化标签 注意兼容性 表单元素的升级 新增 canvas 标签 删除 标签 删除 标签 新增一些 API（主要是供 js 使用的） webstorage：localStorage、seessionStorage 本地存储解决方案 web socket：新的客户端 ...
分类：
Web程序 时间：
2020-05-21 14:49:36
阅读次数：
53
前言： 使用HTML5，通过创建cache manifest文件，可轻松创建web应用的离线版本。HTML5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有网络时进行访问。应用程序缓存为应用带来三个优势： 离线浏览--用户可在离线时使用它们。 速度--已经缓存的资源加载得更快。 减少服务 ...
分类：
Web程序 时间：
2020-05-21 09:38:45
阅读次数：
60
金庸小说中涉及到剑法98种，刀法33种，鞭法12种，棍法及枪法23种，掌法及腿法206种，无属性功法20种。学会任何一种都能让你成为称霸一方的武林高手。但是，要成为威震天下笑傲江湖的绝顶高手，等闲武学是做不到的。最明显的例子就是慕容复，学了那么多驳杂的功法，还不是被半吊子的段誉用六脉神剑打成了猪头? ...
分类：
Web程序 时间：
2020-05-20 20:25:06
阅读次数：
88
