背景 使用HTML5的datetime-local的input元素，平台为NodeJS，另外使用momentjs模块。 实现 jade代码如下： input#timeBegin.form-control(type="datetime-local", name="timeBegin", require ...
分类：
其他好文 时间：
2020-05-23 00:15:11
阅读次数：
354
canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。canvas绘制图形有两种方法： context.fill() //填充 context.stroke() //绘制边框 在绘制图形前要设置好图形样式，也有两种方法： context.fil ...
分类：
Web程序 时间：
2020-05-22 21:10:08
阅读次数：
67
简介 <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
