- 博客(49)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 ReactNative系列
HelloWorldUI界面系列插件系列本文博客-ReactNative插件开发本文博客-ReactNative打包生成jsbundle
2018-12-21 21:43:30
643
原创 Refs
文章目录RefsRefs是什么Refs作用Refs的使用创建 Refs1. 使用 React.createRef() 创建 refs2. 回调形式创建 refsRefs知识点ReactNative系列-文章RefsRefs是什么Refs 提供一种访问在render方法中DOM节点或者React元素的方式。Refs作用你可以通过它获得DOM节点或者React元素。一般...
2019-03-26 23:35:13
1744
原创 组件中使用事件函数
文章目录组件中使用事件函数如何将父组件的函数作为props传递给子组件知识点：1. 为什么不是直接调用函数：2. 为什么需要bind(this)：3. 为什么不在组件中进行绑定：ReactNative系列-文章组件中使用事件函数如何将父组件的函数作为props传递给子组件简单样例：class Foo extends Component { … handleClick() { ...
2019-03-26 23:34:46
847
原创 将ReactNative项目打包生成jsbundle
在进行原生开发时，我们可能需要在原生项目加载RN的代码，那么需要将RN项目打包成jsbundle文件，然后由原生对此引用。打包命令详情：使用 react-native bundle --help 来查看打包的具体参数react-native bundle [参数] 构建 js 离线包Options: -h, --help 输出如何使用的信息 --entry-file <pat...
2019-03-26 22:30:55
7089
2
原创 ReactNative自定义组件
文章目录ReactNative自定义组件组件例子标题组件LinearLayout组件性能优化渲染优化ReactNative系列-文章ReactNative自定义组件组件一个ReactNative的APP界面其实是各种组件的组合，但是官方给我们提供的组件或许在样式或功能上不能满足实际的需求，所以在开发过程中，我们不可避免的需要写一些新的组件以满足项目需求。那么，它的自定义组件会有什么类型区别...
2019-03-10 12:40:14
2387
原创 React Redux
文章目录React Redux安装基础ActionReducerStore流程图使用与ReactNative结合简单使用createStore作用Provider的作用connect()函数combineReducersObject.assign()与网络请求结合使用RequestReducer中的…state知识细节ReactNative系列-文章React Redux是什么？Redu...
2019-02-24 20:45:43
336
原创 Promise 详解
文章目录Promise 详解前言定义创建和使用resolverejectcatch的后续链Promise.all()Promise.race()与async await配合使用知识细节ReactNative系列-文章Promise 详解前言Js代码是单线程运行，这就意味着类似于网络请求/数据库查询等耗时操作，需要放在异步进行，返回结果通过回调函数实现。在js回调函数是这样子：$jquer...
2019-02-23 17:38:10
1407
原创 setState
文章目录setState基础用法setState对组件树的性能影响ReactNative系列-文章setState基础用法在react组件中，我们使用两种数据来控制一个组件：props和state。props (不了解可以去看 -> props详解) 是组件中的属性，一经指定，那么它在整个组件的生命周期中都不再改变。对于需要改变数据，这时候需要state。一般来说在construc...
2019-02-23 17:37:35
651
原创 shouldComponentUpdate机制
文章目录shouldComponentUpdate机制机制使用ReactNative系列-文章https://segmentfault.com/a/1190000016494335?utm_source=tag-newestshouldComponentUpdate机制机制在react开发中，经常需要对数据state状态进行改变，但是这种方式每当setState的时候都会将所有的组件重新...
2019-02-23 17:37:01
12860
2
原创 Component和PureComponent的区别
文章目录Component和PureComponent的区别介绍区别点：PureComponent缺点PureComponent优势为什么PureComponent比较复杂的数据结构，可能会因深层的数据不一致而产生错误的否定判断？ReactNative系列-文章Component和PureComponent的区别介绍React.PureComponent 与 React.Component...
2019-02-23 17:35:58
32328
2
原创 this与bind(this)
文章目录this与bind(this)thisthis详细- 全局环境- 函数内1. 普通函数2. 箭头函数3. 对象中的函数原型链中的thisgetter 与 setter 中的 thisbind(this)ReactNative系列-文章this与bind(this)thisthis指向的是当前函数的作用域(对象实例)，有如下的例子 const app = { name: ...
2019-02-23 17:34:52
19911
4
原创 闭包
文章目录闭包释义（来自百度百科）例子作用缺点ReactNative系列-文章闭包释义（来自百度百科）闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。例子function makeFunc() { var name = "...
2019-02-23 17:33:55
555
原创 prototype原型链
prototype原型链基础首先需要明白，构造函数/__proto__/原型对象/构造器构造函数:function Fn() { this.foo = ‘haha’;} // Fn为构造函数var f1 = new Fn(); // f1是Fn构造函数创建的对象__proto__:在创建对象的时候，都会有一个属性__proto__，它指向构造函数的原型对象prototyp...
2019-02-23 17:32:51
675
原创 props详解
文章目录propsthis.props.childrenstatic propTypesstatic defaultPropsReactNative系列-文章propsprops是react组件的属性，一经指定，在被指定的组件的生命周期中则不再改变。在react组件中，所有的参数都放在this.props属性里面，例如有如下的一个组件：import React from 'react';...
2019-02-23 17:31:41
18938
1
原创 Git笔记
配置Git 自带一个 git config 的工具来帮助设置控制 Git 外观和行为的配置变量。 这些变量存储在三个不同的位置：/etc/gitconfig 文件: 包含系统上每一个用户及他们仓库的通用配置。 如果使用带有 --system 选项的 git config 时，它会从此文件读写配置变量。~/.gitconfig 或 ~/.config/git/config 文件：只针对...
2018-12-24 20:49:03
133
1
原创 module.exports与exports，export与export default的区别
明确module.exports与exports ，是CommonJS的规范，被使用于Node.js中。export与export default ，是ES6规范，被使用于React或Vue中。解析Node使用CommonJS规范，定义每个模块的内部，module变量代表当前模块，exports是module的属性，表示对外的接口。加载某个模块，实际上是加载该模块的module.expor...
2018-12-21 22:11:54
2194
1
原创 Cordova插件开发
Cordova 插件开发Getting Start安装$ npm install -g cordova$ npm install -g plugman创建HelloWorld$ cordova create hello com.example.hello HelloWorld$ cordova platform add ios$ cordova platform add andr...
2018-12-20 21:50:19
258
原创 centos 7.x 安装docker, docker指令
Docker 要求 CentOS 系统的内核版本高于 3.10查看当前的内核版本# uname -r安装 Docker# sudo yum -y install docker查看安装的Docker版本# docker -v启动Docker守护进程# sudo systemctl docker start停止Docker# sudo systemctl docker stop开机启动Dock
2017-11-05 01:42:31
316
原创 Node.js 自定义路由
介绍在app.js 文件里，常用的为路由提供请求的 URL为这样app.use('/index', require('../index.js')) 如果项目变得越来越大，并且，app端的请求端口也迭代很多版本，从v1.0升级到了v5.0。那么，很容易会导致app.js臃肿并且难为维护。 到最后，你的app.js 可能会变成这样：app.use('/v1_0/index', require('..
2017-11-04 02:12:13
1483
原创 mongodb node.js 身份验证启动/连接
启用身份验证启动使用fork启动 $ mongod --auth --port 27017 --dbpath /var/lib/mongo --logpath /var/log/mongodb/mongod.log --forknode.js 中进行验证连接mongodb: 'mongodb://user01:pwd123@localhost:27017/dbname?authSource=admin'
2017-10-26 10:36:05
795
1
原创 部署Node.js项目到阿里云CentOS 7.x(Linux)
第一步，安装node.js1. 把yum更新到最新版本yum -y update2. 对开发工具升级安装yum -y groupinstall "Development Tools"3. 下载安装 node.js 安装包进入到/usr/src目录，用于存放安装包cd /usr/src下载安装包wget http://nodejs.org/dist/v6.10.3/node-v6.10.3.ta
2017-06-03 17:56:56
3054
转载 [转]Android的23种设计模式
1 单例模式单例模式可以说是最容易理解的模式了，也是应用最广的模式之一，先看看定义吧。定义：确保单例类只有一个实例，并且这个单例类提供一个函数接口让其他类获取到这个唯一的实例。 什么时候需要使用单例模式呢：如果某个类，创建时需要消耗很多资源，即new出这个类的代价很大；或者是这个类占用很多内存，如果创建太多这个类实例会导致内存占用太多。关于单例模式，虽然很简单，无需过多的解释，但是这里还要提个醒，
2016-07-03 22:29:26
1608
原创 Retrofit请求字符串
在使用Retrofit来作为网络请求库之后，笔者查阅了网上的有关教程，无外乎都是请求json数据，使用addConverterFactory(GsonConverterFactory.create())来作为转化器，如果业务需求是请求 字符串，而不是json数据格式呢，继续使用这个转换器就会产生错误。好，来到正题，如何使用Retrofit请求一段字符串： ...
2016-03-27 16:40:54
9206
7
原创 [leakcanary]内存泄露检测
leakcanary是square公司出的android内存泄露框架，相比起MAT工具，它使用起来非常简便，在android studio中导入很方便。它可以很直观通过通知，告诉你内存泄露产生在哪里。导入方法：配置Module:app -> build.gradle文件，添加以下依赖dependencies { debugCompile 'com.squareup.leakcanary:le
2016-03-25 14:31:13
619
原创 [重写系统控件]ViewPager与SwipeBackLayout的业务需求解决
笔者在登陆页面使用了ViewPager与SwipeBackLayout，但有一个业务需求是：ViewPager在第二页是可以右滑到第一页，当ViewPager在第一页时，才会触发SwipeBackLayout的右滑返回，ViewPager在第一页可以左滑到ViewPager的第二页。参考了ViewPager的源码，做出以下解决办法：继承ViewPager类，重写dispatchTouchEvent方
2016-03-23 17:23:55
1352
原创 [重写开源框架源码]InfiniteViewPager在ScrollView中不能竖直滑动问题解决
笔者在项目中使用到InfiniteViewPager这个开源框架作为广告轮播，确实挺好用的，但却发现了一个问题：InfiniteViewPager在ScrollView中不能竖直滑动。它的开源地址：https://github.com/waylife/InfiniteViewPager于是笔者打开它的源码，找到这个文件InfiniteViewPager.java ，在onInterceptTouch
2016-03-22 20:40:42
732
原创 [重写开源框架源码]HorizontalListView的滑动冲突解决
HorizontalListView是可以实现横向滑动ListView，它在github上的项目地址是： https://github.com/MeetMe/Android-HorizontalListView但笔者在使用它的时候，发现它与slidingmenu或者swipebacklayout产生滑动冲突，很不幸，它的源码里没有去做滑动冲突解决的方法。在这里，解决它的滑动冲突非常简单，笔者在它原有
2016-03-22 17:18:29
2072
1
原创 [重写开源框架源码]SwipeBackLayout实现全屏滑动
在日常开发中，导入开源框架有时候不能完成项目的需要，没办法，这时候只好去重写它的部分原来，以达到自己想要的需求。目录：目录SwipeBackLayout开源框架 在SwipeBackLayoutjava中最后那里增加这部分代码 在ViewDragHeperjava中最后那里这个去修改源码然后再activity中调用的时候只需要这样SwipeBackLayout开源框架它可以实现app的侧滑
2016-03-22 17:09:13
1761
1
原创 [Gradle Retrolambda]Android Studio使用lambda表达式
如何使用Gradle Retrolambda Plugin 来为Android Studio 增加lambda表达式。通过以下三个步骤轻易完成。跟着复制粘贴就可以了。
2016-03-18 14:12:40
1872
原创 Android常用开源框架分享
1. photoView 图片手势库点击缩放，有过渡动画等 2. stickyListHeaders ListView顶部停靠等
2016-02-26 14:33:14
862
原创 Slidingmenu与ViewPager广告栏滑动冲突解决分享
之前在公司开发的时候， 在主页部分fragment使用了ViewPager作为广告栏，但项目里又引用了SlidingMenu开源库用作侧滑菜单，于是这里产生了滑动冲突：广告栏不能滑动了，滑动却是侧滑了SlidingMenu。在这里我将我决解办法分享给大家，实现起来也十分简单。如果你不知道滑动事件分发，建议你先看下这个博客里写的，我觉得写得很精髓。 郭霖的博客： [Android事件分发机制完全解析
2016-02-05 20:23:24
973
2
原创 性能优化过度绘制
调试GPU来查看过度绘制过度绘制对性能会产生不必要的开销，如果能减少不必要的绘制，将有助于性能的提升。以下以在手机上进行 Debug GPU overdraw 举例：在开发者选项里，打开【调试GPU过度绘制】看到整个屏幕有颜色变化就对了+1如何查看这里有四层颜色的指示，颜色的层级表示屏幕上有多少像素过度绘制没有颜色改变：沒有过度绘制 1X 蓝色：过度绘制一次 2X 绿色：过度绘制兩次 3X 粉
2016-01-28 20:41:37
1206
原创 从源码学习自定义View
从源码来理解自定义View以下这些内容都是理解自定义View的基础知识点。首先需要理解ViewGroup的概念，ViewGroup是一个特殊的View，它可以包含其它多个View，这些被包含的View也被称为childView(子View)。一个ViewGroup可以包含多个子View，同时，这个子View也可以是ViewGroup。 例如，LinearLayout是一个ViewGroup，在里面
2016-01-26 21:40:39
488
原创 Android Studio中导入依赖库的方法
在Android Studio中导入依赖库的方法，这里以“上拉下拉刷新框架”的Library为例:第一步:点击File->New->Import Module，进入到如下页面：第二步：选择我们需要导入的library，以“上拉下拉刷新框架”为例，即“PullToRefresh”框架。这个框架在github上有很多大神做的很多个版本，也有动画效果的，请自行下载测试：第三步：等待项目重新构建，如果出现如
2016-01-10 00:07:52
13681
原创 Android Studio导入jar方法
Android Studio导入jar方法第一步：首先在Project类型中选择视图为“Project”:第二步：将你需要导入的架包jar复制到libs文件夹中，这里我以android-async-http为例：第三步：右键点击这个文件“android-async-http-1.4.8.jar”，选择“Add As Library…”。然后等待项目重新构建，即可导入成功。那么接下来就可以使用这个架包
2016-01-09 23:32:26
723
原创 Fragment从入门到精通之Activity中响应Fragment中的事件③
在Activity中响应Fragment中的事件当我们想要在fragment去执行一些代码，但是这个代码我们想要把它放在activity里面去执行。那么activity里这段代码是如何在fragment中去启动的呢？ 使用接口的方法，可以为我们去实现这个功能。以下分为几个步骤去到达这个功能。① 创建一个interface接口，在里面写上抽象方法② 在fragment中，声明这个接口③ act
2016-01-01 17:12:08
3346
2
原创 ListView高级
ListView的点击事件传递值之前我们学习到了getView方法和点击事件，那么接下来，会继续学习到，我们在点击一个item行时，启动另外一个Activity，并把该item行的文本（当然也包括图片），传递到那个Activity中去。 类似以下效果： 在自定义Adapter中，有一个方法，叫public Object getItem(in
2015-12-16 12:06:21
461
原创 ListView进阶
ListView的事件监听onItemClick: Item项点击事件onItemLongClick: Item项长按事件 使用方法跟Button的点击事件一样，可以继承接口，再实现抽象方法，也可以直接使用匿名内部类的方式，使用其接口里的抽象方法。 listView1.setOnItemClickListener(new AdapterView.OnItemClickLis
2015-12-16 11:59:10
532
原创 ListView入门
实现listview的一般步骤1.在布局文件中添加xml代码-添加ListView标签2.在activity中编写java代码-获取ListView对象-准备数据源-配置适配器-将适配器关联到ListView 使用ArrayAdapter实现文字列表1.在布局文件中编写代码（xml）-添加ListView标签(main.xml)2.在activity
2015-12-16 11:39:05
627
人脸识别-婴儿人脸 源代码正负训练集
2020-03-20
Wireless LAN_Atheros_10.0.0.38_W7x64_A
2019-02-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人