前言 图片裁剪上传，不仅是一个很贴合用户体验的功能，还能够统一特定图片尺寸，优化网站排版，一箭双雕。 需求就是那么简单，在浏览器里裁剪图片并上传到服务器。 我第一个想到的方法就是，将图片和裁剪参数（x，y，scale，rotate）一并上传给服务器，服务器来做图片处理，so easy。但是，这并不符 ...
分类：
Web程序 时间：
2020-05-23 18:22:47
阅读次数：
69
这篇文章给大家介绍的内容是关于html5实现移动端下拉刷新（原理和代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新） 移动端的下拉刷新是一个很常见的功能，也有许多开源库实现了这个功能，不过 ...
分类：
移动开发 时间：
2020-05-23 16:48:16
阅读次数：
68
需求场景：需要用户上传一张照片，返回给用户一个唯一的结果，比如测试类网页你拥有哪种女人气质？（移动端）其实这种需求（不需要保存图片）的话，只需要在本地处理图片即可，不需要将图片上传到服务器。计算图片的md5值可以确保唯一性。针对这个需求，可以使用HTML5 file api来读取文件。实现方法如下： ...
背景 使用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
1、通过谷歌浏览器打开百度网盘并登陆；2、登陆好以后选择我们需要播放的视频，然后点击右上角的“自定义以及控制”； 3、选择“更多工具”->“开发者工具” 4、点击 Consore 5、在输入框中输入videojs.getPlayers(“video-player”).html5player.tech ...
分类：
其他好文 时间：
2020-05-22 21:02:43
阅读次数：
523
简介 <canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<can ...
分类：
其他好文 时间：
2020-05-22 17:23:28
阅读次数：
53
1.播放采用方式 a.原生的video 标签 直接给标签src内容 b.video.js initVideoJs(){ // 中文报错 videojs.addLanguage('zh-CN', { "You aborted the media playback": "视频播放被终止", "A net ...
分类：
其他好文 时间：
2020-05-22 16:54:57
阅读次数：
420
友情提示：想要更好的理解这篇文章，建议先读一下 "viewport深入理解" ，了解一下视口。 假设我们的设计稿尺寸为750 1340。html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。 方法一 引入：页面开头处引入下面这段代码，用于动态计算font size css使用： 未引入前 ...
分类：
移动开发 时间：
2020-05-22 12:42:05
阅读次数：
58
“你的问题主要是读书不多而想得太多” 我就是这种不读书、没干货，遇到问题缺少实践的人~十分羡慕那些会写博客的人，就我来说，写一遍文章简直要比女人生孩子还要难受，半天憋不出一个字~哎，无奈肚子里没有墨水。罢了，直接入主题。 最近为了体验移动端开发做个了在线播放器，其实就是加了个媒体查询~，这是demo ...
分类：
Web程序 时间：
2020-05-22 09:53:44
阅读次数：
74
