前端-Html5
文章平均质量分 85
OkidoGreen
这个作者很懒,什么都没留下…
展开
-
Base64编码与图片互转
淘宝里面的html用base64转换图片,不知道为什么,不过看起来好像很美好,给个地址让大家玩玩,谁要有更全面的介绍也留下言http://www.rssria.com/blogx/wp-content/uploads/2010/05/imgbase64/UML.html Java代码代码import java.io.FileInputStream转载 2015-09-15 12:16:53 · 7696 阅读 · 1 评论 -
HTML中嵌入SVG图片的N种方式
https://segmentfault.com/a/1190000010942431最近用到了个SVG图片,里面还是带<image>标签的,想要把它嵌入到HTML中还是有些工作要做的。经历最初的图片是这样写的:<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DT...转载 2018-12-24 14:55:52 · 12768 阅读 · 1 评论 -
Html5 postmessage 子父窗口传值
https://blog.csdn.net/hjjoe1213123/article/details/51698404最近做一个POS机终端遇到一个问题,子父窗口传值问题,因为POS机是两个屏幕,如果将一个页面拉长投射虽然可以做到两个屏幕显示,但是因为是触摸屏,当第一个屏幕在操作的时候会影响到第二屏幕,反之也是如此,既然需求明确了,问题也知道了,则我们需要两个窗口进行不同的操作首先是父页面...转载 2018-08-05 13:38:28 · 1672 阅读 · 0 评论 -
js之script属性async与defer
https://www.cnblogs.com/tanhehe/p/4236021.html概念默认情况下js的脚本执行是同步和阻塞的,但是 标签有 defer 和 async 属性, 这可以改变脚本的执行方式,这些都是布尔类型了,没有值,只需要出现在 标签里即可。如: 还要注意一点,html5说这些属性只在和src属性联合使用时转载 2018-05-09 21:46:06 · 695 阅读 · 0 评论 -
H5 摇一摇
1234567891011121314151617181920212223242526272829303132333435转载 2016-01-11 19:51:02 · 1952 阅读 · 1 评论 -
Performance — 前端性能监控利器
https://www.cnblogs.com/bldxh/p/6857324.html最近在写一个监控脚本,终于有机会接触到了这一块,整理后写下了本文。Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window.onload事件中读取各种数据。属性timing (P转载 2017-11-12 19:08:16 · 16607 阅读 · 0 评论 -
Zepto实现滑动核销效果
主要事件:touchmove touchstart touchend0、定义常量值(滑动 横向记录差 distance,手指离开屏幕位置与开始滑动位置;刮开角度 :angle 当距离差到达时的翻转角度,过程中为0-angle)1、记录touchstart 的 pageX :originX2、绑定touchmove事情,对 实时pageX :X ,3、比较X-originX,同时根据原创 2017-04-01 17:13:45 · 1489 阅读 · 0 评论 -
H5新属性audio音频和 video视频的控制详解(controls)
1.音频(audio)2.视频(video) 静音 打开声音 播放 停止播放 全屏 下面是对于视频文件的控制;javascript引出。var myVideo=document.getElementById("video");var btn=document.getElementById("button");btn[0转载 2016-10-11 18:23:19 · 13367 阅读 · 0 评论 -
通过Ajax方式上传文件,使用FormData进行Ajax请求
通过传统的form表单提交的方式上传文件:Html代码 form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> h1 >测试通过Rest接口上传文件 h1>转载 2016-09-13 15:34:25 · 5223 阅读 · 0 评论 -
通过Ajax使用FormData对象无刷新上传文件
写在前面:本文说的这个方案有浏览器兼容性问题;所有主流浏览器的较新版本已经支持这个对象了,比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+,对兼容性比较敏感的网站慎用。 在工作中遇到了一个问题:在一个页面中,有4块内容,每块内容都包含一个图片上传功能,希望可以实现一键把这四块内容都上传上去。我没有用插件实现上传功能,就是用的转载 2016-09-13 15:35:42 · 7346 阅读 · 1 评论 -
HTML5 Server-Sent Events with Java Servlets example
1. Introduction to Server-Sent EventsThe Server-Sent Events are the new APIs for opening an HTTP connection for receiving push notifications from a server in the form of DOM events. Consider below转载 2016-09-13 11:24:27 · 1300 阅读 · 0 评论 -
HTML5晃动DeviceMotionEvent事件
关于devicemotionhtml5提供了几个新的DOM事件来获得设备物理方向及运动的信息,包括:陀螺仪、罗盘及加速计。第一个DOM事件是**deviceorientation**,其提供设备的物理方向信息,表示为一系列本地坐标系的旋角。第二个DOM事件是**devicemotion**,其提供设备的加速信息,表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐标系中转载 2016-01-31 22:41:52 · 2475 阅读 · 0 评论 -
html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能
html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/这里主要用到O转载 2015-12-15 15:35:13 · 11026 阅读 · 2 评论 -
html base64 img 图片显示
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbn转载 2015-09-15 12:22:35 · 7476 阅读 · 0 评论 -
H5 通过Ajax方式上传文件,使用FormData进行Ajax请求
通过传统的form表单提交的方式上传文件:Html代码 form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data"> h1 >测试通过Rest接口上传文件 h1>转载 2015-09-15 11:39:39 · 29172 阅读 · 2 评论 -
纯css 实现 三角形、梯形等 效果
http://www.cnblogs.com/linsinan/p/6928734.htmlhttps://www.cnblogs.com/wcf52web/p/5608272.html 今天一个刚开始学习html 的小白问我一个问题,css 可以实现正方形,长方形,和圆型(border-radius),怎么能做出个三角形、梯形等等形状呢?于是我便开启了装逼模式, 给他讲解了一下我的思路,...转载 2019-01-10 20:05:31 · 1470 阅读 · 0 评论