html5

h4ck47h0n ? h4ck3r ? I'm just a coder......

【0x00】刚开了专栏,没事过来投投稿混眼熟啦~//才不是为了抱枕呢刚刚结束了黑客马拉松,回来也是缓了好久才缓过来。这么高强度的脑洞劳动···阿不,是脑力劳动的说。真的第一次。说起来,跟代码相识,还是源于一个带我入坑的大神@skywalker_z ,真·人生赢家。的确,他带着我走进了这么一条不归路。【0x01】前一天跟小伙伴一起坐动车从南京赶到上海。对,就是这个@Monke

H5录制视频、音频(WebRTC)

使用Navigator.getUserMedia可以做到在主流浏览器中获取用户摄像头数据,麦克风数据,我研究了一下,发现在ios、安卓微信浏览器中都不行。而在安卓6.0.1自带浏览器中可以,iOS Safari不支持,mac Safari不支持,兼容性还是太差,所以还是弃用了。但是我研究的结果还是保存一下,万一以后微信浏览器支持了呢?以下是我研究的结果:关于这个api的参数

HTIML5 真的打败了Flash?新测试结果出人意料

【编者按】本文最早发布于 2010 年,通过 Flash 与 HTML5 在 Mac 及 Windows 平台不同浏览器中的测试表现,比较两者的性能并分析背后的原因。虽然是一篇老文,但其客观冷静的分析态度,仍旧值得我们学习。文章系国内 ITOM 管理平台 OneAPM 编译呈现。总部位于库比蒂诺的苹果公司在即将推出iPad之际,对Adobe Flash技术保持的回避态度已经

《每周一点canvas动画》——移动物体(2)

本系列文章代码文件在上一节《每周一点canvas动画》——移动物体(1)中我们介绍了如何捕获一个物体,并且对物体进行拖拽。首先,我们在小球的原型对象上添加了一个方法getBounds(),该方法的作用是返回一个对象,该对象内包含小球的坐标和长宽属性值,并且在我们的工具函数utils.js中也添加了一个方法containPoints(rect, x, y),该方法传入3个参数

如何用 JavaScript 下载文件

简介我们知道,下载文件是一个非常常见的需求,但由于浏览器的安全策略的限制,我们通常只能通过一个额外的页面,访问某个文件的 url 来实现下载功能,但是这种用户体验非常不好。幸好,HTML 5 里面为 标签添加了一个 download 的属性,我们可以轻易的利用它来实现下载功能,再也不需要用以前的笨办法了。原理我们先看看 download 的使用方法:Download fi

关于浮动与清除浮动,你应该知道的

我在做页面布局的时候,多多少少总会受到来自浮动的困扰,因此专门通过实践来总结一下浮动与清除浮动。首先总结几个基础的概念:浮动:设置浮动的元素会脱离文档流,不会影响块元素的布局,但是会影响内联元素的排列[通常是文本];文档流:在文档流中,块元素会单个元素独占一行接下来我们通过实际演示来看看关于浮动的那些事儿。下面是5个div块元素在文档流中一次排列我们知道浮动元素有几个规律如

Angular directive 实例详解

准备代码,会在实例中用到var app = angular.module('app', []);angular指令定义大致如下app.directive('directiveName', function() {return {// config}})其中return返回的配置对象包含很多参数,如下一一说明。1. restrict值为字符串,可选参数,指明指令在DOM中以什

[聊一聊系列] 聊一聊前端功能统计那些事儿

欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码):https://segmentfault.com/blog/frontenddriver1. 什么是功能统计作为一名开发,我们的产品发布出去之后,无论是产品还是运营,其实都是想及时了解产品对用户产生的影响的。用户到底喜欢什么不喜欢什么。但是如果拉住用户去一个个问的话,也无法得到最

前端基础问题整理-HTML相关

DOCTYPE的作用以及常见的DOCTYPE类型声明位于文档中的最前面的位置,处于 标签之前,用来告知浏览器页面目前的文件是用哪种版本的HTML(或XML)撰写。常见类型HTML 5HTML 4.01三种文档类型:Strict、Transitional、Frameset。XHTML 1.0三种XML文档类型:Strict、Transitional、Frameset。浏览器