内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > HTML5 >

  • HTML5 API02月11日

    地理位置 navicat.geolocation.getCurrentPosition(); 传入回调函数 改方法会调用手机的GPS获取 历史记录 结构性复制 深浅拷贝 即History对象,当用户单击后退和前进的时候,会触发一个前进和后退的事件。 Web Worker 多线程。 创建一个Worker对象,然后把js

    Tags:HTML5API
  • 光电视频流在html5中展示01月30日

    光电,其实是一种类似摄像头的设备,有点怪异,呵?它比一般的摄像头看得清,看得远,还有红外功能。 如何在页面中展示它? 三个步骤: 1、将光电视频流转码 2、网站要支持转码后的视频文件 2、HTML5中播放视频文件 边转边播放。 一、将光电视频流转码 为什

    Tags:html5
  • HTML5拍照、摄像机功能实战01月24日

    最近在做一个chrome app的云相机应用,应用包括拍照、摄像、保存照片视频、上传文件等等核心功能,其中涉及到很多HTML5对媒体流相关的API。写这篇文章的目的,其一是总结梳理知识点,最重要是希望对有相关需求的读者提供一些指导。 注:本篇文章以实战为准,

    Tags:HTML5拍照摄像机
  • html5聊天案例|趣聊h5|仿微信界面聊天|红包|语音聊天|地图12月23日

    之前有开发过一个 h5微直播项目 ,当时里面也用到过聊天模块部分,今天就在之前聊天部分的基础上重新抽离模块,开发了这个h5趣聊项目,功能效果比较类似微信聊天界面。采用html5+css3+Zepto+swiper+wcPop+flex等技术融合开发,实现了发送消息、表情(动图),

    Tags:HTML5微信
  • HTML5 Audio的兼容性问题和优化12月09日

    本人在双十一期间,做的一个移动端互动项目中,遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能,在测试的时候出了不少兼容性问题,这里有很多值得探索的知识,今天我们就来看一下这个 HTML5-Audio。 Audio 标签用于定义声音,比如音乐或其他音频

    Tags:HTML5Audio
  • HTML5图片上传解决方案11月30日

    前端做图片上传时,经常会遇到图片压缩、图片预览等需求。而这个过程中,会遇到一个个的坑。下面就来看一看 HTML5 实现图片上传的整个过程。 基本结构 图片上传是使用 input 标签来选择图片的: input type=file accept=image/* 这里可能遇到一个坑: 可能会

    Tags:HTML5
  • HTML5之地理定位(Geolocation)11月17日

    很久前研究过 HTML5 Geolocation,最近整理 F2E-Awesome 的时候,发现缺少相关的文章,所以按照自己的使用经验整理了此篇文章。 一、应用场景: 附近商家定位;计算行走路程; GPS 导航; 请求一个位置信息,如果用户同意,浏览器就会返回位置信息,该位置信

    Tags:GeolocationHTML5
  • HTML5之消息通知(Web Notification)10月31日

    关于 HTML5 ,写了不少文章,总觉得相关的高级 API 都得过一遍。系统的了解,站在更高的高度去思考问题,这样才能事半功倍。 一、先睹为快 我们先来尝试一个最简单的例子,打开 chrome 开发者工具,粘贴代码进去直接运行: new Notification(Jartto\s 消息通

    Tags:HTML5消息通知
  • 前端异常监控解决方案研究09月14日

    前端监控包括行为监控、 异常监控 、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如果出现异常,有可能是前端引起,也有可

    Tags:HTML5日志系统系统监控
  • Html5游戏开发:图形与动画(一)08月29日

    最近研究了一下出来了很久的HTML5,总结了一下,准备来个系列,文中也许有很多问题,欢迎大家指正。 Canvas介绍 canvas用于在网页中绘制图形的一个元素,具体内容请查看 - HTML5 Canvas 这里说些w3school中没有的。 立即模式 canvas元素是立即模式的图形系统

    Tags:Html5游戏开发
  • HTML5点播m3u8(hls)格式视频07月19日

    这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 查看演示 下载源码 m3u8是一种基于HLS(HTTP Live Streamin

    Tags:m3u8HTML5
  • 让你听见的HTML507月16日

    HTML5 多媒体应用现在还没被大部分挖掘出来,像普通的页游只能简简单单的做一些 2D 渲染,主要差距还是在性能上。H5 天生是动态语言,需要经过解析、编译。而且 JS 还是一个弱类型语言,虽然有 JIT 的帮助,但是解析引擎本身就有一个天花板,你无法、或者直

    Tags:HTML5
  • 第一节:.Net版基于WebSocket的聊天室样例07月05日

    一. 说在前面的话 该篇文章为实时通讯系列的第一节,基于WebSocket编写了一个简易版聊天样例,主要作用是为引出后面SignalR系列的用法及其强大方便之处,通过这个样例与后续的SignalR对比,可以体会到用原生的WebSocket编程的不灵活以及繁琐之处。( PS:下

    Tags:WebSocket聊天室
  • html2canvas的踩坑之路07月05日

    早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 html2canvas 的详细介绍可以点击这里查看,其实简单来说就是通过 canvas 将 HTM

    Tags:html2canvas
  • 微信小程序利用canvas生成海报分享图片07月05日

    利用微信小程序canvas生成海报分享图片,这个生成图片排版和适配不同尺寸的手机是一个难点,特别是图片适应问题,我处理的方法是动态获取容器的宽度进行适应就是利用微信API wx.createSelectorQuery(),不知道还有没有更好的办法可以请教。 微信截图_20180628

    Tags:canvas微信小程序海报
  • canvas保存图片的场景分析07月05日

    随着浏览器对的canvas的支持,业务上使用的范围也越来越广了。 以前前端需要下载图片时,需要后端在 Content-Disposition: attatchment; filename=xx.png 的http头,现在用 canvas 也是可以实现的了。 下面完整的Demo在这里 获取图片 CORS 图片与站点同域的

    Tags:canvas
  • canvas-缤纷纸片07月05日

    第一次用canvas绘图,其实难度是挺大的,基于js和一些数学知识,还有参考了网上很多的例子,最终完成了demo。 效果如下: ![paper.gif-909.1kB][1] [1]: http://static.zybuluo.com/juanmao/bn8f0lluesbzqadn5tidi14y/paper.gif 调用代码 html head meta cha

    Tags:canvas
  • Java WebSocket Security加密通信实践07月05日

    最近在项目中用到了WebSocket通信的内容 第一版的实现方案:spring-websocket + nv-websocket-client 第一版的模式已经正常得到应用,但有个问题,就是传输过程没有加密,完全明文的方式,这在当前的时代不合时宜,所以考虑对通信过程进行加密传输。 第二版

    Tags:JavaWebSocketSecurity
  • SpringBoot2.0开发WebSocket应用完整示例07月05日

    环境说明:SpringBoot版本2.0.3.RELEASE,Gradle版本4.5.1 一、引用支撑包 compile(org.springframework.boot:spring-boot-starter-websocket) 二、WebSocket服务端 package com.wallimn.iteye.sp.asset.bus.websocket;import java.io.IOException;import ja

    Tags:WebSocketSpringBoot
  • Cax + Matter-js物理引擎结合使用07月05日

    最初试过 box2dweb 与 cax框架 结合使用,发现 box2dweb 的代码会导致 webpack 编译出的 cax 包模块执行顺序乱套。 box2dweb 貌似也没有官方文档和维护地址,所以弃坑转战 Matter-js。 Matter-js 是 Github 上最流行的 Web 2D 物理引擎,主要有如下特性: 支

    Tags:CaxMatter-js物理引擎

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.