摘要： 在上一节中已经提到了预览，预览可以通过data: URL格式或URL对象。 一切都很顺利，但其实有很多的坑，需要慢慢讲来。先从前面做的一个小功能说起。 这个小功能就是将两张图片合成起来，组成一张新的图片。 一、技术实现 1）上传的控件就用“input[type=file]”实现 Android的we 阅读全文

摘要： 上传我们一般都是用“input[type=file]”控件。当你用此控件时，你就授权了网页和服务器访问对应的文件，就可以得到File对象。 友情提示在，在Android手机webview中，是不支持上传文件的，网上说是修改Android端的代码，但我没试过，我们这边是使用客户端提供的接口来实现上传的 阅读全文

摘要： 一、tap.js 这是一个比较轻量的插件tap.js，142行代码，支持模块化开发。 1）handleEvent addEventListener方法中的第二个参数，我原先并没有注意到其实可以传一个对象，该对象必是实现EventListener接口，查看在线代码。 var tap = { handl 阅读全文

摘要： 不同识别器会使用不同逻辑，根据从相关Input类获取到的事件对象和事件，实现自定义的触屏事件，例如tap、pinch等。 一、继承关系 Recognizer与前面的Input一样，也相当于是个抽象类。 从上图中可以看到，6个子类都会先继承AttrRecognizer类，因为AttrRecognize 阅读全文

摘要： input.js是所有input文件夹中类的父类，浏览器事件绑定、初始化特定的input类、各种参数计算函数。 Input父类和其子类就是在做绑定事件，各种参数计算、整合、设置等返回自定义事件对象，交给识别器的相关对象使用。 一、Input父类 Input相当于一个抽象类，对象中总共有3个方法 1） 阅读全文

摘要： “Manager”是所有识别器实例的容器，它为你设置的元素安装了交互事件监听器，并设置了触摸事件特性。 manager.js中的代码会涉及到input.js和recoginzer.js中的内容，这里会先做大致的流程分析，具体分析会在接下来的文章中详谈。 一、Manager构造函数 初始化流程如下所示 阅读全文

摘要： 从github上面将源码下载下来，会发现有个src文件夹。当前版本是2.0.6。 总的结构如下： 一、常量 这里将常量全部列在一起是可以在对比源码的时候，更方便的查看相应内容。 二、utils.js 各种工具方法包含其中。 1）setTimeoutContext：封装了一下setTimeout 2） 阅读全文

摘要： 一、chrome中的Remote Debugging 一开始并没有用这个调试，不过后面需要多点触碰，可chrome模拟器中我没看到这个功能。突然看到了Remote Debugging，网站需要FQ才能浏览。 1）以我的红米为例，首先要打开USB调试 2）手机连接电脑，打开PC的chrome，输入“c 阅读全文

摘要： 一、安装 1）安装nodejs 通过nodejs的npm安装gulp，插件也可以通过npm安装。windows系统是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm指令。 我上面的cmd，已经被git封装过了，字体都变成彩色的了。安装 阅读全文

摘要： 一、入门心法 1）通常工作梳理用5W1H法： (P82) 1. Why ——为什么干这事儿？（目的） 2. What ——什么事情？（对象） 3. Where ——在什么地方执行？（地点） 4. When ——什么时候执行？什么时候完成？（时间） 5. Who ——由谁执行？（人员） 6. How 阅读全文