《每周一点canvas动画》——碰撞检测(2)

每周一点canvas动画代码文件如果你的画布上只有两个物体，那么他们之间的碰撞检测很容易就能实现。但是，当物体越来越多，你就需要一些必要的策略去检测物体之间的碰撞，不能漏掉任何的可能性，同时还要考虑性能问题，避免重复检测。上一节我们介绍了物体间的碰撞检测方法。在这一节我们主要介绍：多物体碰撞检测策略高级碰撞检测方法总结1. 多物体碰撞检测策略现在我们来简单分析一下多个物体之

业界 2016年06月26日

标准 4 位验证码的实现

在上代码之前，我们先看一下验证码的最终效果图： 话不多说，我们看看是怎样实现的。这个验证码的实现需要建两个PHP文件，一个index.php（展示），另一个vcode.php（验证码加工）。 先看index.php： 验证码：//生成一个四位数var num1 = Math.round(Math.random()*10000000+10000);var num = num1

业界 2016年06月26日

web入门+书籍推荐

如果你想建立一个自己的网站，你可以从网上搜到许多的教程：比如wordpressgitpages等等。如果你想了解这个框架是怎么工作的，你可以了解以下下面的三个基本概念：服务器，数据库，前端工程（即以前页面制作的升级版）服务器首先，我先简单的介绍一下服务器。服务器，顾名思义，是提供服务用的。打个比方，你在浏览器窗口中输入http://baidu.com，就能看百度的首页。这是

业界 2016年06月28日

给datetime-local设置默认时间

背景 使用HTML5的datetime-local的input元素，平台为NodeJS，另外使用momentjs模块。 实现 jade代码如下： input# timeBegin.form-control(type="datetime-local", name="timeBegin", required, min=moment().format(), value=momen

业界 2016年06月28日

利用HTML5 file api读取图片进行本地操作

需求场景：需要用户上传一张照片，返回给用户一个唯一的结果，比如测试类网页你拥有哪种女人气质？（移动端）其实这种需求（不需要保存图片）的话，只需要在本地处理图片即可，不需要将图片上传到服务器。计算图片的md5值可以确保唯一性。针对这个需求，可以使用HTML5 file api来读取文件。实现方法如下：document.getElementById("file").addEve

业界 2016年06月28日

WeX5的正确打开方式（3）——绑定机制

今天整理一下WeX5的绑定机制。原生的问题假设我们做一个订单系统，需要显示商品单价，然后可以根据输入数量计算出总价并显示出来。使用原生代码也很容易实现，效果：         Account: [br]sum://js codevar priceNode = document.getElementById('price'),accountNode = document.ge

业界 2016年06月29日

Amae UI Web 与 Amae UI Touch 有什么不同？一张图给你解释！

Amaze UI 推崇“一切皆组件”的组件化理念，目前它提供包含专门针对跨屏 HTML5 网页开发的 Amaze UI Web 以及针对移动端的 HTML5 混合应用开发框架 AmazeUI Touch ，在全球权威的代码托管平台上， Amaze UI 的 Star 数量超过 7000 ，名列国内开源项目前茅。 但是很多人会有疑问， Amaze UI Web 与 Amaze

业界 2016年06月30日

$q 实例分析angular中的promise

相信有一些开发经验的朋友就应该知道，对于JavaScript而言，promise十分重要，在开发中总能用到。因此掌握好它是一件必须做的事情。我之前写过一篇文章，工作总结：jQuery高级应用之Deferred对象，介绍jquery中的promise，因此关于promise的基础介绍就不再详细讲解，这篇文章会重点关注angular中promise的实现。我们首先有一个简单的h

业界 2016年06月30日

浏览器中唤起native app || 跳转到应用商城下载

前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。因为从来没有做过这个需求，因此这注定是一个苦逼的调研过程。我们最开始就面临2个问题：一是如何唤起本地app，二是如何判断浏览器是否安装了对应app。如何唤起本地app首先，想要实现这个需求，肯定是必须要客户端同学的配

业界 2016年07月02日

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

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

业界 2016年07月03日