自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 资源 (36)
  • 论坛 (3)
  • 问答 (6)
  • 收藏
  • 关注

转载 ReactNative进阶(三十六):ES8中async与await的使用方法详解

文章目录一、前言二、async作用三、await作用四、async/await 的优势在于处理 then 链拓展阅读一、前言在前期博文中,针对异步编程,提出了Promise解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息,解决回调函数嵌套过多的情况。ES2017 标准引入了 async 函数,使得异步操作变得更加方便。async 是“异步”的简写,比如Ajax中就有这个代表异步请求; 因为await只能出现在async函数中的语法规定,await 可以认为是 async

2021-05-24 18:19:07 210

原创 ReactNative进阶(三十五):应用脚手架 Yo 构建 RN 页面

文章目录一、前言二、Bloc数据流讲解三、利用代码自动生成功能创建新页面四、Bloc数据流使用说明拓展阅读一、前言前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码,话不多说,开干!二、Bloc数据流讲解Bloc数据流工具安装:sudo npm install -g yosudo npm install -g generator-bloc安装完成后通过执行 npm ls generator-bloc -g 命令,查看bloc模板生成位置。执行结果如下:

2021-05-23 15:00:57 199

原创 ReactNative进阶(三十四):npm Error: Cannot find module ‘are-we-there-yet‘解决措施

在安装脚手架工具Yaemon时,发现npm命令执行报错,错误信息如下:npm Error: Cannot find module 'are-we-there-yet'查询后发现是由于npm 损坏了,are-we-there-yet是npm下npmlog依赖的一个包。接下来就是一番折腾,参照如下步骤尝试去解决:cd /usr/local/lib/node_modulesmv npm /tmpsudo curl -L registry.npmjs.com/npm/-/npm-6.13.7.tgz |

2021-05-22 18:35:30 204

原创 ReactNative进阶(三十三):Mac下homebrew 的安装和 brew 命令的使用

文章目录前言安装 brew 命令使用 brew 安装软件使用 brew cask 一站式安装brew 的更多用法废弃的用法拓展阅读前言Homebrew 是 mac 下的包管理器,基于命令行模式,使用命令 brew 管理软件。类似 ubuntu 下的 apt-get 、fedora 下的 yum。安装 brew 命令打开mac的终端软件,输入下面的内容,然后回车:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebre

2021-05-21 19:32:54 203 2

原创 ReactNative进阶(三十二):前端构建工具--Yeoman

文章目录一、脚手架是什么二、Yeoman是什么Yeoman 优缺点Yeoman 优势Yeoman 的不足之处四、Yeamon生态五、安装yeoman六、使用yeoman七、拓展阅读一、脚手架是什么脚手架是一种约定和规范。可以实现如下规范:相同的文件组织结构;相同的开发范式;相同的模块依赖;相同的工具配置;相同的基础代码;然后脚手架将这些重复性的约定、规范全部都集成起来,减少这样无意义的操作。二、Yeoman是什么Yeoman最初发布于 2012 年,是一款高效、开源的 We.

2021-05-21 15:12:28 191 8

原创 ReactNative进阶(三十一): IoC 框架 InversifyJS解读

文章目录简介为什么要有 InversifyJS?目标安装应用示例步骤 1: 声明接口和类型步骤 2: 使用 @injectable 和 @inject 装饰器声明依赖步骤 3: 创建和配置容器步骤 4: 解析依赖拓展阅读简介InversifyJS ,一个强大又轻量的控制反转容器,提供给JavaScript 和 Node.js 应用使用,使用TypeScript编写。InversifyJS 是一个轻量的 (4KB) 控制反转容器 (IoC),可用于编写 TypeScript 和 JavaScript

2021-05-21 10:04:10 180

原创 ReactNative进阶(三十):Component、PureComponent 解析

文章目录前言区别PureComponent缺点PureComponent优势前言React.PureComponent 与 React.Component 几乎完全相同,但 React.PureComponent 通过props和state的浅对比来实现 shouldComponentUpate()。在PureComponent中,如果包含比较复杂的数据结构,可能会因深层的数据不一致而产生错误的否定判断,导致界面得不到更新。如果定义了 shouldComponentUpdate(),无论组件是否是

2021-05-19 16:53:43 165

原创 ReactNative进阶(二十九):BloC 模式

文章目录什么是BloC模式?拓展阅读什么是BloC模式?BloC【Business Logic Component】模式是paolo soares 和 cong hui 在2018年Google dartconf上提出的,具体的视频你可以参考YouTube.从视频中可以看到paolo soares用一个及其简单的例子阐述了传统写法的问题:业务逻辑和UI组件糅合在一起。不方便测试,不利于单独的测试业务逻辑部分。不能更好的重用业务逻辑代码,体现在,如果网络请求的逻辑有所变动的话,加

2021-05-18 10:16:24 186

原创 ReactNative进阶(二十八):ES6 Symbol用法

文章目录什么是Symbol?应用场景注意事项什么是Symbol?Symbol是es6中一种新增加的数据类型,它表示独一无二的值。es5中我们把数据类型分为基本数据类型(字符串、数字、布尔、undefined、null)和引用数据类型(Object),在es6中新增的Symbol数据类型划分到基本数据类型。为什么会有这样一种数据类型呢?//别人给了你一个定义好的对象var obj = { name: "xiaoqiang", showName: function(){alert(1

2021-05-18 09:59:27 156

原创 ReactNative进阶(二十七):createMaterialTopTabNavigator顶部导航组件

文章目录API原型参数说明RouteConfigstabBarOptions属性拓展阅读API原型createMaterialTopTabNavigator(RouteConfigs,TabNavigatorConfig)参数说明RouteConfigs路由名称到路由配置的一个映射。示例如下:{ Home:{ //这是一个首页路由配置项 screen:Home,//必填项 Home是react的一个组件 path:'',//选填项深度连接或webAPP中起作用 naviga

2021-05-18 09:29:36 166

原创 ReactNative进阶(二十六):子组件调用父组件中的函数

需求在子组件执行某个操作的时候,需要其去调用父组件中的某个函数或者改变父组件中的某个参数。实现方式如下:子组件export default class Child extends PureComponent { static propTypes = { onItemClick: React.PropTypes.func, } info = '子组件的内容'; itemClick(index) { // 可以将子组件中的某个内容传出给父组件 if (this.

2021-05-17 18:28:00 161

原创 ReactNative进阶(二十五):ScrollView滚动视图组件详解

文章目录属性StyleScrollView 必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给 ScrollView 一个确定高度的话,要么直接给它设置高度(不建议,要么确定所有的父容器都有确定的高度。一般来说我们会给 ScrollView 设置 flex: 1, 以使其自动填充父容器的空余空间,但前提条件是所有的父容器本身也设置了flex或者指定了高度,否则就会导致无法正常滚动,你可以使用元素查看器来查找具体哪一层高度不正确。

2021-05-13 09:32:34 210 2

原创 ReactNative进阶(二十四):react-native-scrollable-tab-view标签导航器组件详解

文章目录属性及方法介绍Demo属性及方法介绍renderTabBar(Function:ReactComponent)TabBar的样式,系统提供了两种默认的,分别是DefaultTabBar和ScrollableTabBar。注意:每个被包含的子视图需要使用tabLabel属性,表示对应Tab显示的文字。DefaultTabBar:Tab会平分在水平方向的空间。ScrollableTabBar:Tab可以超过屏幕范围,滚动可以显示。tabBarPosition(String,默认

2021-05-11 17:26:02 202

原创 ReactNative进阶(二十三):Javascript 严格模式详解

文章目录1. 概述2. 为什么用严格模式3. 进入标志4.如何调用4.1 针对单个脚本4.2针对单个函数5.语法与行为改变5.1 全局变量显式声明5.2 禁止this关键字指向全局对象5.3 禁止在函数内部遍历调用栈5.4 禁止删除变量5.5 对象不能有重名的属性5.5 函数不能有重名的参数5.6 显式报错5.7 禁止八进制表示法5.8 arguments对象的限制5.9 函数必须声明在顶层5.10 保留字拓展阅读1. 概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”

2021-05-11 11:07:17 203

原创 ReactNative进阶(二十二):点击事件.bind(this)引发的思考

文章目录前言React中bind方法的选择前言在React或React-native的点击事件中,会经常用到bind(this)。比如说一个简单的React-native点击组件:export default class AwesomeProject extends Component { constructor(props){ super(props); this.state = { } } handleClick () { console.log('

2021-05-11 10:15:49 214 2

原创 ReactNative进阶(二十):Could not connect to development server

文章目录问题描述问题分析解决方法问题描述在RN Android开发过程中,测试机突然报如下错误信息:问题分析红屏给出的解决方案翻译过来如下:请按照以下的步骤来修复此问题:确保包服务器在运行确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表确保飞行模式是关闭的如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备解决方法1、首先检查包服务器是否运行正常。

2021-05-10 17:47:37 205 4

原创 ReactNative进阶(十九):React Native 按钮 Touchable 系列组件使用详解

文章目录前言TouchableWithoutFeedback使用详解TouchableHighlight使用详解TouchableOpacity使用详解TouchableNativeFeedback使用详解前言在做RN App开发过程中离不了用户交互,在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件,我们需要借助Touchablexxx组件,来包裹我们的视图。为什么说是Touchablexxx呢,因为它不只是一个组件,而是一组组件,以下四个组件都可以用来包裹视图来响应

2021-05-10 15:59:54 198

原创 ReactNative进阶(十八):[Android] TypeError: expected dynamic type int64‘, but has type ‘null‘

文章目录问题描述问题分析解决措施问题描述在RN开发过程中,项目运行在android平台时报如下错误信息:TypeError: expected dynamic type int64', but has type 'null'初次接触该类型问题,一脸懵。问题分析{ (()=>{ return this.state.data.length? [<Text key={"title"} style={{textAlign: "center", color: "#

2021-05-10 12:26:06 196 5

原创 ReactNative进阶(十七):RefreshControl组件实现刷新效果

文章目录一、简介二、API三、应用示例一、简介刷新功能在数据更新的时候很常用,它对用户有一个非常明显的数据正在更新的提示信息。ReactNative中提供了RefreshControl组件来实现这个刷新功能。RefreshControl组件可以用在ScrollView或ListView内部,为其添加下拉刷新的功能。当ScrollView处于竖直方向的起点位置(scrollY: 0),此时下拉会触发一个onRefresh事件。二、API它是跨平台的组件,提供的属性如下://视图下拉开始刷新时调

2021-05-10 10:35:54 430 6

原创 ReactNative进阶(十六):组件生命周期

文章目录概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行(更新)阶段1.4 销毁阶段二、生命周期函数详细介绍constructorgetDefaultPropscomponentWillMountrendercomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdatecomponentWillUnmount三、完整样例四、总结概述所谓生命周期,

2021-05-08 15:02:43 233

原创 ReactNative进阶(十五):react-native-tab-navigator实现底部导航栏

1.引入react-native-tab-navigator使用npm i react-native-tab-navigator --save引入tab库,目前最新版本为0.3.4。接着,我们在MainScreen类中将Tab控件import进来,具体代码如下:import TabNavigator from 'react-native-tab-navigator';export default class MainScreen extends Component { render() {

2021-05-08 10:03:20 220 1

原创 ReactNative进阶(十三):Could not resolve all dependencies for configuration ‘:app:debugRuntimeClasspath‘

在RN开发过程中,执行react-native run-android命令之后,报如下错信息:Error:Could not resolve all dependencies for configuration ':app:debugRuntimeClasspath'解决措施在项目的build.gradle 文件buildscript 和 allprojects节点同时加上 mavenCentral() google() 即可。// Top-level build file where you c

2021-05-07 14:37:52 249 4

原创 ReactNative进阶(七):导航组件react-navigation

前言在RN项目开发过程中,经常会看到如下形式的路由跳转。render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() => this.props.navigation.push('ChangePassword')} /> <Bu

2021-05-07 11:04:18 278 2

原创 ReactNative进阶(一):ReactNative学习资料汇总

序目前主流的移动跨平台技术方案大体可以分为三类,使用原生内置浏览器加载HTML5的Hybrid技术方案,采用此种方案的主要有Cordova、Ionic和微信小程序;使用JavaScript语言进行开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和轻快应用;使用自带的渲染引擎和自带的原生组件来实现跨平台,采用此种方案的主要是Flutter。对于其他的浏览器方案,基本可以抛弃了,相比较React Native和Flutter,React Native和Flu.

2021-05-07 10:59:30 223

dubbo-monitor-simple-2.5.3.zip

该包为dubbo-monitor,使用方法请参见博文 《Dubbo进阶(五)—— dubbo-monitor-simple使用》 https://blog.csdn.net/sunhuaqiang1/article/details/80141478

2018-04-29

感知哈希算法(Python版)

Python3实现基于PHA实现图像配准

2017-04-20

zookeeper-3.4.6.zip

zookeeper-3.4.6 解压后可直接运行 bin/zkServer.cmd 来启动

2018-04-29

dubbo-admin-2.5.4 Web管理平台.zip

由于我使用的是jdk1.8的版本,在网上找了很多dubbo-admin.war基本都是基于jdb1.7的,因为我就打包了一个支持jdk1.8版本的,下载解压后即可使用。 具体使用方法参见博文《Dubbo进阶(六)—— Zookeeper注册中心和Dubbo-Admin管理平台的搭建》 https://blog.csdn.net/sunhuaqiang1/article/details/80142014

2018-04-29

Learning Python, 5th Edition.pdf

Learning Python, 5th Edition.pdf

2017-05-10

万能网卡驱动For-Win10-32_64bit.zip

Win10万能网卡驱动

2021-03-16

jdk-8u291-macosx-x64.dmg

Mac版本jdk1.8

2021-04-22

ZMQ的三种通信方式极其需要的jar包(完整版)

该包包含了ZMQ的三种通信方式极其需要的jar包,省去了复杂的编译环节,杜绝高分勒索学习爱好者!注:该包经过本人实际运行,均无问题。

2015-06-06

Vue下textarea文本框根据内容自适应改变高度

Vue自定义组件实现文本框根据文本内容自适应高度的效果,解决若输入文本量或显示文本量超过指定行数后,会出现垂直滚动条,但在IE环境下,该滚动条是隐藏的问题。

2020-10-20

PNAE Petri Net建模工具

一款用于Petri Net建模的学习工具,大家可以下载下来学习。

2018-08-05

数据挖掘之序列模式挖掘之GSP算法

本算法为数据挖掘中序列模式挖掘中的GSP算法的基本实现,可依托此算法进行算法的优化操作。

2015-11-16

IntelJ2016注册码

IntelJ2016注册码

2017-03-14

Chart.js实现饼状图添加文字

Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。 是基于HTML5 Canvas的,一个朋友说里面饼状图缺少文字信息的功能,于是自己实现了一下,包内有说明,如果坐标不太精准,请按自己的需求进行微调。

2017-08-28

数据挖掘之关联规则挖掘FP-Growth算法

本算法为数据挖掘之关联规则挖掘的其中一种方法,可以此方法为基本进行算法的优化操作。

2015-11-16

mysql-installer-community-5.7.4.0-m14.1411728256.msi

mysql社区版安装包

2021-03-16

fullcalendar-vue.zip

Vue日历组件

2021-03-16

J2EE学习路线图(2014版)

传智播客J2EE学习路线图(2014版),不可多得的学习方法路线图。

2015-04-25

Socket编程-聊天室.zip

项目实战

2021-03-16

apache-maven-3.3.9.zip

maven安装包

2021-03-16

LaoMaoTao.exe

装机导引

2021-03-16

ScreenToGif.2.27.3.Portable.zip

实用Gif制作软件

2021-03-16

BackToTop.zip

这是一个可以快速回到页面顶部的组件,当用户浏览到页面底部的时候,通过点击按钮,可快速回到页面顶部。 应用方法详见博文:https://shq5785.blog.csdn.net/article/details/102917007

2019-11-05

Java8实例代码

Java8 Lambda、Stream实例代码

2017-03-18

Base64与图片互转

工具包可将图片文件转化为字节数组字符串,并对其进行Base64编码处理;并可对字节数组字符串进行Base64解码并生成图片。

2016-01-07

Icon制作神奇-Greenfish Icon Editor3.31官方中文版

Icon制作神奇-Greenfish Icon Editor3.31官方中文版,该工具可制作各种分辨率的APP Logo。

2017-04-25

Date.html(免费,有需要的童鞋自取)

免费:JS+CSS3实现罗马样式钟表;有需要的童鞋可以自取!取之于民,用之于民!咋还不够50字啊!!

2020-03-28

中国火车查询字段对应表

爬取12306网站,列车剩余座位数。不可多得的中国火车查询字段对应表。没有最好,只有更好。

2015-04-25

FlaskWeb开发:基于Python的Web应用开发实战.pdf

FlaskWeb开发:基于Python的Web应用开发实战.pdf

2017-05-10

利用正则表达式批处理含链接内容文档

由于项目需求,自己需要将带有链接的标签去除,例如 <a href="/zhaoyao/17-66.html">头晕</a>,转换后的文档为头晕。 由于说明书数量太大(100,569)自己需要采用批处理的方式进行操作。以后用户访问的就是批处理后的文档。故采用正则表达式的形式进行文档处理。 要读取文档内10w多条的数据,可按照3步走战略: 1.外层循环利用文件过滤器读取文件夹内所有符合条件的文件。 2.读取每一个筛选到的文件,利用正则表达式去除超链接符号。 3.将每一个处理过的文件重写回源文件。

2015-11-30

linux下memcached安装

linux下memcached安装,不错的学习资源。

2015-06-03

Java字节码查看器

Java字节码查看器

2017-03-13

Bootstrap3参考手册.chm

Bootstrap3参考手册.chm

2017-05-10

myeclipse常见快捷键

myeclipse常见快捷键,不可多得的学习资源。

2015-04-25

w3c标准html5手册

该手册包集CSS 2.0、CSS3.0、JavaScript、jQuery1.3、jQuery1.4、jQuery1.7、xHTML、XMLHttp于一体,便于编程者线下查阅相关资料。

2017-08-28

json解析工具包

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。json.js用于html中引用,

2015-07-23

json解析工具

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。

2015-07-23

No Silver Bullet的留言板

发表于 2020-01-02 最后回复 2020-03-22

Redis面试题

发表于 2019-08-23 最后回复 2019-08-25

Oracle中ddl与dml的区别

发表于 2019-08-23 最后回复 2019-08-23

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除