原生JS获取ScrollTop、ScrollLeft

使用原生JS获取浏览器ScrollTop,ScrollLeft的方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function scroll() {
if (window.pageYOffset != null){
// 支持IE9 +
return{
left:window.pageXOffset,
top:window.pageYOffset
}
}else if (document.compatMode == 'CSS1Compat'){
// 声明了DTD

return{
left:document.documentElement.scrollLeft,
top:document.documentElement.scrollTop
}
}

return{
left:document.body.scrollLeft,
top:document.body.scrollTop
}
}

阅读全文

ReactNative实现ListView分组,悬浮效果

实现效果
效果图

其实在ReactNative中实现ListView的分组效果的方式与Android中的ExpandableListview非常相似,只是在表现形式上更趋近于IOS中的UITableView而已。
在ReactNative中ListView分组效果的数据结构为

阅读全文

AngularJS Component详解

现在比较火的前段JS框架像 VUE,REACK,ANGULAR,这三种框架都有共同的特点那就是,双向数据绑定,组件化开发。而在angular1.5的版本之前,都是以directive作为组件化的形式,而directive本身是一个指令,而并非是一个组件,所以它并不能很好的承担组件这一个职责,所以google在angular1.5的版本中推出了component组件,用于承担应用之中组件化开发的重担,那么component到底是如何工作的?又应该如何使用呢?我们将在这一章中详细的探究一下component组件的使用方式。

阅读全文

全面理解控制反转和依赖注入

一、控制反转和依赖注入之间的关系

控制反转(Inversion Of Control, IOC)是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度。其中最常见的方式叫做依赖注入(Dependency Injection, DI), 还有一种叫”依赖查找”(Dependency Lookup)。通过控制反转,对象在被创建的时候,由一个调控系统内所有对象的外界实体,将其所依赖的对象的引用传递给它。也可以说,依赖被注入到对象中。

阅读全文

Android 卡片、证件识别

提供作为识别身份证、银行卡等卡片或驾驶证等证件的功能模块(具体对接需对接OCR识别接口)


CameraSurfaceView: 继承 SurfaceView ,作为摄像头预览画面承载控件
CameraHelper: 调用系统摄像头辅助类,提供摄像头初始化,图片校正,预览画面比例设置功能。
CameraSurfaceBgView: CameraSurfaceView 遮挡层,用于切割证件与背景
ImageUtils: 拍照完成之后的图片处理,包括 图片的切割,校正 ,压缩 ,转换等功能。

阅读全文

apply()与call()方法详解

在JS的每个函数之中,都包含两个非集成而来的方法apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,等于设置函数体内this对象的值
两个方法唯一的区别是接受的参数不同appay()方法接受运行函数的作用域和数组,call()方法接受运行函数的作用域和直接调用函数的参数 看下面的例子

阅读全文

5分钟入门Vuex

Vuex是什么?

1
2
3
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
它采用集中式存储管理应用的所有组件的状态,
并以相应的规则保证状态以一种可预测的方式发生变化

阅读全文