svg click事件失效（仅限edge浏览器）

1、重现问题:如果直接在svg绑定click事件，在edge内核中是不灵敏的，在edge内核中只有点击svg边缘部分才会触发click事件 2、解决方法然后在a标签上绑定click事件即可。 3、关于pointer-events: none;介绍 pointer-events: none; Note:如有更好的解决方案请大家一起分享噢 关键字：css, html, html

业界 2016年07月06日

(1/2)Canvas的交互&存为图片-基本篇

前言公司的产品同学看到朋友圈疯传的这场图后。一拍脑袋，决定做个H5版本的来推广一波。需求如下：文字变成可以点击的，而且还要能够变色（闪瞎有木有）中间的姓名换成用户的微信头像点击button后，将canvas的操作结果保存成图片，来现微信长按保存到本地的功能。难点总结：页面元素canvas基本的api画到画布上（要解决显示自适应的问题）；如何实现点击canvas，识别点击文字

业界 2016年08月04日

《每周一点canvas动画》——角度反弹

每周一点canvas动画代码文件在上一节我们介绍了高级的坐标旋转方法，我们只需要知道物体的位置，通过设定每一帧需要旋转的角速度通过公式newX = xcos - ysin;newY = ycos + xsin;就可以计算出做圆周运动时物体的下一个坐标位置。本节的内容与上一节的内容息息相关。所以，务必把上一节的内容弄懂了，再来看这一节你就不会那么吃力了。这也应该是本系列最难的

业界 2016年07月10日

HTML 5 视频直播一站式扫盲

本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=1277视频直播这么火，再不学就 out 了。为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。1. H5 到底能不能做视频直播？当然可以，H5 火了这么久，

业界 2016年07月05日

认识Progressive Web App

个人很少看视频学习新技术，觉得和读文档比起来看视频太浪费时间了。但是最近在看google I/O 2016的时候，发现介绍Progressive Web Apps的一段视频很不错。近50分钟的内容，深入浅出，为了方便分享和以后回顾，决定将其内容整理成文章。什么是Progressive Web App(PWA)字面上就是先进的web app。下面是官方解释：Progressi

业界 2016年07月06日

兼容各浏览器的鼠标滚动事件写法

wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least

业界 2016年07月21日

如何打造一个令人愉悦的前端开发环境（一）

文章来源最近几年，前端发展越来越迅速，各种萌新加入了前端这个大家庭，大有赶IOS、超Android的趋势呀！同时，萌新们提出了各种前端工作问题，除了最基础的html、css、js三板斧之外，最让人头疼的应该是关于环境的配置问题，所以以环境作为切入点，开始一系列的前端开发环境配置文章。主要会涉及到打包、构建、编程工具、debug等等前端环境，以及前后端分离、Nodejs中间层

业界 2016年08月03日

HTML5是APP生态的血管，传播和渗透！

作为一个建设性的参考指标，只有欧美HTML5市场催生了足够规模的成功案例情况下，中国的HTML5大生态领域才可能出现类似的机会。APICloud刘鑫一直伴随HTML5市场的成长、关注HTML5在中国的发展，更是HTML5技术发展的坚定支持者。但是在残酷的互联网竞争环 境下，3年可以造就一个公司更可以消灭一个公司，中国互联网更像“快餐经济”，把发展的指望放在5年后才可能

业界综合 2014年12月25日

AngularJS表单验证

表单网页中用户于服务端交互数据的表单控件有input、select、textarea，而表单是将为了达到一个目的（登录、注册等）各种控件整合到一起的一个集合。表单和其中的表单控件提供了验证服务，可以让用户在提交（一般在点击类型为submit的按钮时提交）表单前意识到自己有非法（不符合要求，以下都将称为非法）的输入。这种验证方式（客户端验证）提供了比单独的服务端验证更好的用户

业界 2016年07月05日

H5录制视频、音频(WebRTC)

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

业界 2016年07月04日