- 博客(31)
- 收藏
- 关注
原创 关于React native onEndReached使用心得
任务需求:做一个搜索框,根据用户输入内容不断进行模糊搜索,使搜索结果可以分页,下拉触发更多数据。搜索结果用了一个ListView控件,并使用了onEndReached函数。如下所示:<ListView keyboardShouldPersistTaps='always' dataSource={ds.cloneW...
2018-07-05 19:24:50 3601 1
原创 React native搜索框实时模糊搜索
搜索框样式<View style={{ paddingRight: 15, paddingLeft: 15, marginTop: 10 }}> <View style={{ height: 40, backgroundColor: "#fff", borderRadius: 10, paddingLeft: 25, flexDirection: 'row...
2018-06-15 19:38:01 7034 5
原创 react native中关于ScrollView
遇到的问题:用ScrollView时不能滑动原因:ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给一个ScrollView确定一个高度的话,要么直接给它设置高度(不建议),要么确定所有的父容器都有确定的高度。一般来说我们会给ScrollView设置flex: 1以使其自动填充父容器的空余空间,但前提条...
2018-06-06 19:33:55 480
原创 react native九宫格的实现(具有可扩展性)
封装单独的组件class Info extends Component{ render(){ var index=this.props.index; return( <TouchableHighlight underlayColor='#eee' onPress={()=>{}} style={styles.touchVi...
2018-05-31 19:55:16 1037
原创 关于css基础内容居中的思考与总结
水平居中1.行内元素局中(只讨论一个父元素和子元素)方法一:css代码body{ text-align: center;}p{ display: inline; background:#ff3;}2.块状元素局中方法一(把块状元素转化为行内元素看待):body{ text-align: center;}.container{ width:100px; height:100px...
2017-11-12 18:02:00 168
原创 react-native 打包Android Debug/Release APK
除了官网上介绍的生成Apk方法外,自行打包生成也可以。步骤如下:1.生成Android签名证书方法一:使用Android Studio生成,不建议用,打包出的App会出现闪退。方法二:Dos下进入JDK的bin目录,运行如下命令:keytool -genkey -alias android.keystore -keyalg RSA -validity 36500 -keysto
2017-10-18 15:44:40 1640
原创 关于RN与webview的简单通信
1.RN向webview传值,js页面import React, { Component } from 'react';import { Text, View, WebView, StyleSheet, AppRegistry, TouchableOpacity,} from'react-native';export default cla
2017-08-21 19:17:37 599
原创 json和javascript对象区别及小应用
json定义 :是一种格式,用于数据交换。Javascript 对象定义 : 一种javascript的引用类型区别对比内容JSONJavascript 对象键名必须是加双引号可允许加单引号,双引号,也可以不加属性值只能是数值(10进制) ,字符串(双引号),布尔值和null,也可以是数组,符合JSON的对
2017-08-18 19:00:14 249
原创 关于React Native版本的降级
由于项目需求,App版本和RN版本存在冲突,所以要对刚创建的RN项目进行降级,若不降级,项目会报如图所示错误:按照官网要求加上自己的实验进行降级。1.要选定需要降级的版本0.44,然后npm install --save react-native@0.44这步执行之后,看到了图中红色的地方,按照官网的说法应该npm install--save react@R
2017-08-10 18:43:06 1703
原创 DatePickerIOS的使用
上一篇介绍了DatePickerAndroid的使用方法,本篇介绍在ios上面使用日历的方法,做出和上篇一样的日历效果。在ios上,要和组件Modal相结合,做出的效果和原生差不多。Modal控件效果如下代码所示: <Modal animationType={"fade"} transparent={t
2017-08-03 19:23:23 2407
原创 用DatePickerAndroid实现的日历页面
1.做一个有开始日期和结束日期的日历选择框,要求开始日期可以随便选择日期,结束日期的选择段必须在开始日期之后的31天内;2.如果用户先选择结束日期,选开始日期时选定的日期大于结束日期,则结束日期自动清空;用RN自带的DatePickerAndroid实现开始日期按钮布局 开始日期
2017-07-25 19:21:23 500
原创 react native 实现modal的自适应大小
1.设置modal的宽度为固定,长度根据内容多少变化2.在另一个页面引入modal时,可以根据需求添加图片,title或改变布局,modal仍可以自适应总体来说,定义一个modal可以在不同的页面引用,根据modal模板转化为不同的形式modal.js如下:import React, { Component } from 'react';import { AppR
2017-04-06 10:29:20 6424
原创 React Native按下按钮呈现的效果
实现点击“在线客服“”和“设置“”一栏背景色由#ffffff变为#f0f2f5 {}} onHideUnderlay={()=>{this.setState({ pressed1: false })}}
2017-03-29 20:04:41 1935
原创 react-native ViewPageAndroid页面跳转问题
详情参考http://www.cnblogs.com/Sweet-Candy/p/5694723.html
2017-03-13 10:25:05 216
原创 react-native-navigation-drawer的使用
详情参考https://github.com/ilansas/react-native-navigation-drawer
2017-03-13 10:22:14 635
转载 React-Native Fetch方法发送网络请求
fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: JSON.stringify({
2017-02-08 18:23:21 283
原创 关于项目统一管理android.index.js和ios.index.js
1.统一管理内容写到success.js里面,格式如下:import React, { Component } from 'react';import { View, Text, Navigator } from 'react-native';export default class Success extends Component { static get defaultProp
2017-01-15 20:08:42 601
原创 汉诺塔问题
问题一现在有n个圆盘从上往下从小到大叠在第一根柱子上,要把这些圆盘全部移动到第三根柱子要怎么移动呢?请找出需要步骤数最少的方案因此我们可以将问题简化描述为:n个盘子和3根柱子:A(源)、B(备用)、C(目的),盘子的大小不同且中间有一孔,可以将盘子“串”在柱子上,每个盘子只能放在比它大的盘子上面。起初,所有盘子在A柱上,问题是将盘子一个一个地从A柱子移动到C柱子。移动过程中,可以使用B柱,
2016-12-19 20:59:43 1646
原创 cookie和session的区别
二者的定义:当你在浏览网站的时候,WEB 服务器会先送一小小资料放在你的计算机上,Cookie 会帮你在网站上所打的文字或是一些选择,都纪录下来。当下次你再光临同一个网站,WEB 服务器会先看看有没有它上次留下的 Cookie 资料,有的话,就会依据 Cookie里的内容来判断使用者,送出特定的网页内容给你。 Cookie 的使用很普遍,许多有提供个人化服务的网站,都是利用 Cooki
2016-12-14 11:02:53 149
原创 风口的猪
风口之下,猪都能飞。当今中国股市牛市,真可谓“错过等七年”。 给你一个回顾历史的机会,已知一支股票连续n天的价格走势,以长度为n的整数数组表示,数组中第i个元素(prices[i])代表该股票第i天的股价。 假设你一开始没有股票,但有至多两次买入1股而后卖出1股的机会,并且买入前一定要先保证手上没有股票。若两次交易机会都放弃,收益为0。 设计算法,计算你能获得的最大收益。 输入数值范围:2
2016-12-12 14:36:14 266
原创 求公共最长子序列
最长公共子序列的问题常用于解决字符串的相似度,是一个非常实用的算法,作为码农,此算法是我们的必备基本功。二:概念举个例子,cnblogs这个字符串中子序列有多少个呢?很显然有27个,比如其中的cb,cgs等等都是其子序列,我们可以看出子序列不见得一定是连续的,连续的那是子串。 我想大家已经了解了子序列的概念,那现在可以延伸到两个字符串了,那么大家能够看出:cnblogs和belon
2016-12-07 17:00:53 522
原创 KMP算法
这种算法不太容易理解,网上有很多解释,但读起来都很费劲。直到读到Jake Boxer的文章,我才真正理解这种算法。下面,我用自己的语言,试图写一篇比较好懂的KMP算法解释。 1.首先,字符串"BBC ABCDAB ABCDABCDABDE"的第一个字符与搜索词"ABCDABD"的第一个字符,进行比较。因为B与A不匹配,所以搜索词后移一位。 2. 因为B与A不匹
2016-12-05 16:37:21 224
原创 静态数组和动态数组
C语言中的数组,按照理解分为两种:1 狭义的数组,指的是以TYPE name[M]...;形式定义的数组,也称为静态数组。静态数组在定义的时候就确定了数组的大小,无法在运行中对其做改变。2 广义的数组,除静态数组外,还包括动态数组。动态数组的本质为指针,如TYPE *name;对指针上可以用malloc等函数,分配内存空间,实现与静态数组类似的操作。对于动态数组,可以使
2016-12-01 11:02:08 919
转载 C++中各种数据类型占据字节长度
首先罗列一下C++中的数据类型都有哪些:1、整形:int、long2、字符型:char、wchar_t3、布尔型:bool4、浮点型:float、double5、指针 一、整形 int占据操作系统一个内存单元的大小。long跟int相同 早先16位操作系统一个内存单元是16位,所以是2个字节;32位系统一个内存单元是是32位,所以是4字节;64位操作系统
2016-11-29 15:00:56 729
原创 笔试总结(3)
Linux的硬链接和软链接:首先什么是链接? 链接操作实际上是给系统中已有的某个文件指定另外一个可用于访问它的名称。对于这个新的文件名,我们可以为之指定不同的 访问权限 ,以控制对信息的共享和安全性的问题。 如果链接指向目录,用户就可以利用该链接直接进入被链接的目录而不用打一大堆的路径名。而且,即使我们删除这个链接,也不会破坏原来的目录。硬链接
2016-11-05 21:01:21 156
原创 笔试总结(2)
数据库当中的视图,可以类比的设计模式是修饰者模式int和interger区别:Ingeter是int的包装类,int的初值为0,Ingeter的初值为null public class TestInteger { 8 9 /**10 * @param args11 */12 public static void main(Stri
2016-11-03 15:09:23 293
原创 笔试总结(1)
并行与并发并发是指两个并发的实质是一个物理CPU(也可以多个物理CPU) 在若干道程序之间多路复用,并发性是对有限物理资源强制行使多用户共享以提高效率。或多个事件在同一时间间隔发生。所有的并发处理都有排队等候,唤醒,执行至少三个这样的步骤.所以并发肯定是宏观概念,在微观上他们都是序列被处理的,只不过资源不会在某一个上被阻塞(一般是通过时间片轮转),所以在宏观上看多个几乎同时到达的请求同时在
2016-11-02 20:49:13 252
原创 表连接和分组数目查询
查询查询此表中library_id=6的以topic_id和topic_name为一组的数量SELECT topic_id AS topicid,topic_name AS topicname,COUNT(*) AS num FROM `comment` WHERE library_id = 6 GROUP BY topic_id,topic_name; 关于两个表的连接查询表一表二让表一的modu
2016-09-21 17:38:37 264
原创 文章标题
页面实现<% include ../header.ejs %> <style type="text/css" xmlns="http://www.w3.org/1999/html"> .modal-content { width: 800px; } .box-body .row { margin-top: 20px;
2016-09-21 17:06:01 197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人