CSS: 在触屏上,:hover和:active也不是直接就起到作用的,这里要借助一个小小的hack,在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。 HTML: 或:javaScript: ...
分类:
移动开发 时间:
2018-05-11 13:47:27
阅读次数:
214
最近在用angular写表单验证时 , 不小心把ng-model全替换删掉了, 然后发现之前写的验证都失效, 在查阅资料和反复修改摸索后, 发现angular中的表单验证, 都是基于ng-model的. ng-model 指令为应用数据提供了以下状态值: $touched 通过触屏点击 $error ...
分类:
其他好文 时间:
2018-05-11 13:01:49
阅读次数:
135
Monkey相关参数 笔记 Monkey是Android系统自带的一个命令行工具,可运行在模拟器里或实际设备中。 Monkey可以向被测试的应用程序发送伪随机的用户事件流(如按键、触屏、手势等),实现对应用程序进行测试的目的。 Monkey是Android自动化测试的一种手段,在模拟器上运行时,若触 ...
分类:
其他好文 时间:
2018-05-03 12:47:28
阅读次数:
179
随着移动设备的广泛应用,对触屏的支持势在必行。 H5中新增了Touch API来支持触控,包括: TouchEvent表示触控事件 Touch表示一个触控点 TouchList表示一组触控点 TouchEvent是触控事件对象,比普通事件对象多了touches、targetTouches、 chan ...
分类:
其他好文 时间:
2018-04-21 14:26:23
阅读次数:
190
bootstrap学习(一) CSS 一、概览 二、网格系统 三、排版 四、代码 五、表格 六、表单 七、按钮 八、图片 九、辅助类 十、响应式实用工具 一.概览 1.移动设备优先 bootstrap开发的网站对移动端友好,确保绘制和触屏缩放,需要在网页的head之中添加viewport meta标 ...
分类:
Web程序 时间:
2018-04-17 16:50:55
阅读次数:
298
一、图表交互操作 与图表的交互,指在图形元素上设置一个或多个监听器,当事件发生时,做出相应的反应。 交互,指的是用户输入了某种指令,程序接受到指令之后必须做出某种响应。对可视化图表来说,交互能使图表更加生动,能表现更多内容。例如,拖动图表中某些图形、鼠标滑到图形上出现提示框、用触屏放大或缩小图形等等 ...
分类:
Web程序 时间:
2018-03-20 19:43:42
阅读次数:
297
1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。 2.在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少 ...
分类:
移动开发 时间:
2018-03-10 19:32:43
阅读次数:
234
最近在看View的事件分发机制,感觉比复杂的地方就是ViewGrop的dispatchTouchEvent函数,便对照着源码研究了一下。故名思意这个函数起到的作用就是分发事件,在具体分析之前还要说明几个相关的知识。 事件序列指的是从手指接触屏幕那一刻起,到手指离开屏幕那一刻为止产生的所有事件。 一旦 ...
分类:
其他好文 时间:
2018-03-10 12:00:40
阅读次数:
388
touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例子来区分一下触摸事件中的这三个属性: 1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。 2. 用第二 ...
分类:
其他好文 时间:
2018-02-10 20:07:09
阅读次数:
164
Flex 布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 父: display:flex; 父属性设置 flex-direction: row | row-reverse | column | column-reve ...
分类:
其他好文 时间:
2018-02-01 13:15:05
阅读次数:
238