- Lottie - 轻松实现复杂的动画效果
lmpt90
android
原文地址:Lottie-轻松实现复杂的动画效果-掘金2018-08-20101,231阅读8分钟1.Lottie介绍Lottie是Airbnb开源的一套跨平台的完整的动画效果解决方案,设计师可以使用AdobeAfterEffects设计出漂亮的动画之后,使用Lottic提供的Bodymovin插件将设计好的动画导出成JSON格式,就可以直接运用在iOS、Android、Web和ReactNativ
- 09-React路由使用(React Router 6)
海绵不信
React自学react.jsjavascript前端前端框架
9-ReactRouter6的使用1.概述ReactRouter以三个不同的包发布到npm上,它们分别为:react-router:路由的核心库,提供了很多的:组件、钩子。react-router-dom:包含react-router所有内容,并添加一些专门用于DOM的组件,例如等。react-router-native:包括react-router所有内容,并添加一些专门用于ReactNativ
- React Native 与 Iconfont
我叫傻先生
项目中因为不想使用小图标,打算使用iconfont,所以本文只要记录在ReactNativ如何配置ReactNative版本:0.57一、下载先去下载IconFont图标,将其中的iconfont.css和iconfont.ttf复制到你的项目中,我放入的目录是appName/src/components/Icon二、安装三方库因为使用的typescript所以安装此版本yarnadd@types
- reactnativ和flutter一句话说明区别
ambitioner
reactnative是利用javascript编程,rn会将javascriptapi转换成原生api,开发者画界面的时候,可以使用css等前端的方式画界面,rn会将其对应成原生的控件flutter是自己实现了一套渲染引擎,用dart语言自己定义ui,然后自己解释,最后交给gpu渲染。
- 学习UI封装和管理---如何出现View
shawn_yy
参考1:https://www.cnblogs.com/zhang740/p/5978323.html参考2:http://lib.csdn.net/article/reactnative/57263?knId=1440reactnative管理UI所需要的类来源于网络对与reactnative来说,主要就是创建View,布局View,更新View和移除View(不包含动画)。ReactNativ
- taro3 微信小程序 createIntersectionObserver 监听无效
Misha韩
#Taro3小程序微信小程序
项目:taro3+vue3官方文档版本:3.xTaro.createIntersectionObserver(component,options)创建并返回一个IntersectionObserver对象实例。在自定义组件或包含自定义组件的页面中,应使用this.createIntersectionObserver([options])来代替。支持情况:微信小程序抖音小程序H5ReactNativ
- React Native原理之跨端通信机制
react-native
图片来源:https://unsplash.com/photos/g...作者:五廿跨端通信在移动端开发场景中,能使用一份代码就能同时在安卓和iOS系统上运行APP的方案,熟称为跨端方案。而Webview,ReactNative都是云音乐大前端团队用的比较多的跨端方案,这些方案虽然能提高开发效率,但它们不能像原生语言一样直接调用系统的能力,于是在做HTML5(以下简称H5)或者ReactNativ
- iOS ReactNative 真机调试
yunFeng
网上搜了下看到很多以前的文章说是让手机与电脑在同一个网络下然后把项目AppDelegate中的一句代码中的rul地址修改为本机地址但是有2个问题:1、reactnative更新到现在那句代码已经没有了我没有尝试进行代码的添加测试(懒,)有兴趣的可以自己尝试2、有资料说是Xcode进行真机调试无需开发者证书其实在原生项目中在Xcode7的时候苹果是开放过本人也玩过但是目前更新了在reactnativ
- react native 环境搭建的问题总结复盘
小猫没有鱼
reactjstypescriptjavascript
前言本文首发于作者的公众号——小猫没有鱼。第一次学习使用reactnative开发,但搭建reactnative的开发环境的过程并不太顺利,大概花了五六个小时,中途遇到不少问题,现趁热总结复盘。ReactNative是编写原生移动应用的框架,它可以让前端开发者直接使用React来创建Android和iOS的原生应用,因此对于前端开发人员来说学习成本是比较低的。本次开发笔者拟采用reactnativ
- 我为什么选择React而不选择Vue?
Github导航站
react.js前端vue.jsangularjs
目前前端三大主流框架有:React、Vue、Angular,他们在各自特定的场景下使用都非常出色。其中,Vue是不错的渐进式JavaScript库,更易于样式开发构建UI。而我更倾向于选择React,因为React具有独特优势:React函数式编程理念使代码更优雅和合理严谨的单向数据流设计,方便构建大型复杂稳定的单页面应用丰富的技术生态圈,拥有世界范围内各大技术社区支持方便配合ReactNativ
- 我为什么选择React而不选择Vue?
Github导航站
目前前端三大主流框架有:React、Vue、Angular,他们在各自特定的场景下使用都非常出色。其中,Vue是不错的渐进式JavaScript库,更易于样式开发构建UI。而我更倾向于选择React,因为React具有独特优势:React函数式编程理念使代码更优雅和合理严谨的单向数据流设计,方便构建大型复杂稳定的单页面应用丰富的技术生态圈,拥有世界范围内各大技术社区支持方便配合ReactNativ
- RN之Image
漫随天际云卷云舒
ReactNativ之Image组件一个用于显示多种不同类型图片的React组件,包括网络图片、静态资源、临时的本地图片、以及本地磁盘上的图片(如相册)等。详细用法参阅图片文档。加载的图片有两种来源,一种是本地图片,一种是网络图片。加载本地图片:image加载本地图片的方法比较简单,一般只需要设置source属性即可,例如:render(){return();}在React-native开发中,加
- 快速创建React Native App
CrazyCodeBoy
Android开发Android高手进阶iOS开发之旅ReactNativeReactNative高手进阶
告诉大家一个好消息,为大家精心准备的ReactNative视频教程发布了,大家现可以看视频学ReactNative了。快速创建ReactNativeApp查看最新的ReactNative官方文档你会发现,在GettingStarted章节下新添加一个QuickStartTab页。QuickStart是在v0.4.5版本添加的一种快速创建ReactNativeApp的方案,旨在为ReactNativ
- ReactNative系列之九WebViewBridge(ReactNative与html5之间的调用)
叶菩提
ReactNative跨平台
目前rn0.37+已经支持原生webview与h5交互,不使用组件可以,使用起来也很方便,请移步:http://blog.csdn.net/yeputi1015/article/details/70187748如果用第三库请看:1、需求使用ReactNative开发时,项目中有时候还需要使用h5,那么本文要解决的问题是h5与ReactNativ的互动。在h5中单击某个按钮,可以触发ReactNat
- 从零开始学React Native App开发
chenbifeng
android
目录1.ReactNative简介1.1从何而来,背景介绍1.2为什么要使用ReactNative开发1.3环境搭建1.4基础开发工具与调试2.ReactNative开发基础2.1flexbox布局基础知识2.2.JaveScript语法基础2.3ReactNative开发基础支持及代码解读2.4ReactNative组建生命周期3.编写第一个ReactNativeDemo4.ReactNativ
- React native拆包的正确姿势——基于metro bundle
smallnewQaQ
reactnaitve
1、分包观察现在一些接入Reactnative的大厂,如菜鸟、大搜车、去哪儿,都将reactnative的jsbundle分为几个包来使用。作用是啥?为什么要这么折腾?像去哪儿、腾讯或者携程都发布了一些文章来阐述分包的原因了,不了解的可以去搜索看看。我这边只总结下:reactnative原生打出来的包都只有一个jsbundle(除了rambundle),里面包含了所有你写代码和reactnativ
- React Native 下拉刷新添加自定义动画
immutable
在上一章中ReactNative之自定义下拉刷新中,已经完成了对ReactNative中封装与使用下拉刷新,但在实际项目中,经常需要在下拉刷新中添加各种动画效果.如下:当用户往下拉时,鸡蛋的蛋壳会往上移动;触发刷新时,播放一段鸡蛋摇晃的动画效果;当刷新完毕时,鸡蛋从上往下掉,最后盖住鸡蛋壳.实现原理:在ReactNative中要使用该效果,光靠js可能是不够的,光是播放帧动画,ReactNativ
- Flutter 开发实战与前景展望 - RTC Dev Meetup
恋猫月亮
大家好,我是郭树煜,GithubGSY系列开源项目的作者,系列包括有GSYVideoPlayer、GSYGitGithubApp(Flutter\ReactNative\Kotlin\Weex)四大版本,目前总star在17k+左右,主要活跃在掘金社区,id是恋猫的小郭,主要专栏有《Flutter完整开发实战详解》系列等,平时工作负责移动端项目的开发,工作经历从Android到ReactNativ
- Flutter 开发实战与前景展望 - RTC Dev Meetup
weixin_34417814
大家好,我是郭树煜,GithubGSY系列开源项目的作者,系列包括有GSYVideoPlayer、GSYGitGithubApp(Flutter\ReactNative\Kotlin\Weex)四大版本,目前总star在17k+左右,主要活跃在掘金社区,id是恋猫的小郭,主要专栏有《Flutter完整开发实战详解》系列等,平时工作负责移动端项目的开发,工作经历从Android到ReactNativ
- ReactNative0.63正式版发布:LogBox
似水流年
androidreact-nativeiosflutter程序员
今天ReactNative官网发布了0.63版本,距离上一个版本0.62已经过了差不多将近4个月的时间了,我在上一篇文章中也提到了0.62的更新内容一篇文章带你了解ReactNative0.62更新内容。此次0.63版本的更新主要是提供了一个LogBox(日志盒子),一个全新设计的日志系统,方便开发定位开发中遇到的问题,请大家通过本篇文章来了解一下吧。@[toc]LogBox在ReactNativ
- 如何在 React Native 实现类微信小程序平台:WebView 调用原生组件
phodal_
在《我们是如何将Cordova应用嵌入到ReactNative中》一文中,我们简单地介绍了『ReactNative重写Cordova插件:复杂插件的调用』步骤:WebView调用RN方法,并监听ReactNative返回的相应事件ReactNative接收到WebView的调用,调用原生代码,并监听原生代码返回的相应事件原生代码执行ReactNative调用的方法,并响应事件给ReactNativ
- Git Submodule简单使用
IT_xiao小巫
[TOC]GitSubmodule近期用到了这个命令,主要是为了实现在一个git仓库中,引入其他git仓库,这种适用于你想在主工程中引入其他library库,主工程以submodule的形式包含子工程,子工程可以有自己的git操作,比如commit、push、rebase等。这里笔者用一个实际的例子来介绍这个命令的使用,不知道大家有没有在原生工程嵌入ReactNative?熟悉ReactNativ
- React Native 实战:构建电商 App
GitChat的博客
课程介绍ReactNative充分利用了Facebook的现有轮子,是一个很优秀的集成作品,使用RN即可做到无需编译就能远程热更新App,再加上友好的开发方式、快到爆炸的开发效率、RN已经完爆了其他的App开发方式,即使是一个初入前端的开发者也能迅速开发一套iOS、Android双平台的App。文章中将分三个部分讲解RN的开发。通过开发一个比较完整的电商App来逐步带领读者走入ReactNativ
- Flutter移动开发UI框架理解(一)
一刀小诗
Android
1.用意:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。跨平台:android、ios、linux、fushsia;本身就具有原生用户界面意思;开源免费节省很多开销。2.开发语言:dart,安装flutter的时候会自动安装dart语言3.目前移动开发UI主流框架:cordova(混合式开发框架)android原生的思想;RN(Reactnativ
- [CSS]关于Flex布局
油焖微风
现在跨平台的js+native的框架在手机应用中越来越流行,例如facebook的reactnative框架和阿里巴巴的weex框架。在应用这些框架的时候一个很重要的问题就是布局问题,手机的屏幕尺寸不定,iOS和android原生应用的布局机制又不一致,鉴于此reactnative也启用css3中加入的新特性flex来解决跨平台手机应用的布局问题,而没有采用传统的网页布局方式。reactnativ
- React Native入坑记——模拟器访问外网
荞叶
背景即将上线的ReactNative项目,一直是用fetchlocalhost来访问本地后台的数据的。老板突然想在手机上看看项目运行效果。于是我搭建了外网,把fetchURL指向外网IP,得到Error.后台断点,根本没进来,也就是说ReactNativefetch根本没有访问到后台。于是降级了ReactNative版本,又或者修改fetch为127.0.0.1,也不行!最终在ReactNativ
- 2016.7.26学习笔记
星际长途
1、(function($){...})(jQuery)是什么意思2、http://www.shejidaren.com/pure-css-icons.html3、reactnative组件化开发,js验证手机号开头,svg画图,jbpm和activity工作流框架,sql联合查询innerjoinSQLdistinct优化外键联合查询webapp,hybirdapp,可以试下reactnativ
- 客户端的开源项目
链钱包
三个SDKreact-native-trust-sdkThereact-native-trust-sdkletsyousignEthereumtransactionsandmessageswithTrustWalletsothatyoucanbulidareactnativeDAppwithouthavingtoworryaboutkeysorwallets.翻译:可以构建一个Reactnativ
- ReactNative ☞ react-navigation 3.x
ReturnNil
ReactNative中文网ReactNavigation官网简介一、安装步骤1、打开终端,cd到工程所在文件夹2、yarnaddreact-navigation3、yarnaddreact-native-gesture-handler4、react-nativelinkreact-native-gesture-handler二、关于ReactNative工程的一些知识点1、在ReactNativ
- iOS程序员的React Native开发工具集
冬的天
原文出自:http://www.cocoachina.com/ios/20170401/18996.html本文整理了ReactNativeiOS开发过程中有用的工具、服务、测试、库以及网站等。工具你可以选择不同的开发环境:DECO、EXPO或者你可以使用Nuclide+Atom,目前我使用EXPOXDE,不推荐使用DECOSnowflake、Pepperoni和Ignite是ReactNativ
- SQL的各种连接查询
xieke90
UNION ALLUNION外连接内连接JOIN
一、内连接
概念:内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。
内连接(join 或者inner join )
SQL语法:
select * fron
- java编程思想--复用类
百合不是茶
java继承代理组合final类
复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书
一:组合语法:就是将对象的引用放到新类中即可
代码:
package com.wj.reuse;
/**
*
* @author Administrator 组
- [开源与生态系统]国产CPU的生态系统
comsci
cpu
计算机要从娃娃抓起...而孩子最喜欢玩游戏....
要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....
投入一些资金和资源,人力和政策,让游
- JVM内存区域划分Eden Space、Survivor Space、Tenured Gen,Perm Gen解释
商人shang
jvm内存
jvm区域总体分两类,heap区和非heap区。heap区又分:Eden Space(伊甸园)、Survivor Space(幸存者区)、Tenured Gen(老年代-养老区)。 非heap区又分:Code Cache(代码缓存区)、Perm Gen(永久代)、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。
HotSpot虚拟机GC算法采用分代收
- 页面上调用 QQ
oloz
qq
<A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes">
<img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
- 一些问题
文强chu
问题
1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 .....
SQL:3.mysql * 必须得放前面 否则 select&nbs
- 生活没有安全感
小桔子
生活孤独安全感
圈子好小,身边朋友没几个,交心的更是少之又少。在深圳,除了男朋友,没几个亲密的人。不知不觉男朋友成了唯一的依靠,毫不夸张的说,业余生活的全部。现在感情好,也很幸福的。但是说不准难免人心会变嘛,不发生什么大家都乐融融,发生什么很难处理。我想说如果不幸被分手(无论原因如何),生活难免变化很大,在深圳,我没交心的朋友。明
- php 基础语法
aichenglong
php 基本语法
1 .1 php变量必须以$开头
<?php
$a=” b”;
echo
?>
1 .2 php基本数据库类型 Integer float/double Boolean string
1 .3 复合数据类型 数组array和对象 object
1 .4 特殊数据类型 null 资源类型(resource) $co
- mybatis tools 配置详解
AILIKES
mybatis
MyBatis Generator中文文档
MyBatis Generator中文文档地址:
http://generator.sturgeon.mopaas.com/
该中文文档由于尽可能和原文内容一致,所以有些地方如果不熟悉,看中文版的文档的也会有一定的障碍,所以本章根据该中文文档以及实际应用,使用通俗的语言来讲解详细的配置。
本文使用Markdown进行编辑,但是博客显示效
- 继承与多态的探讨
百合不是茶
JAVA面向对象 继承 对象
继承 extends 多态
继承是面向对象最经常使用的特征之一:继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类,这个新类拥有现有类的所有extends是使用继承的关键字:
在A类中定义属性和方法;
class A{
//定义属性
int age;
//定义方法
public void go
- JS的undefined与null的实例
bijian1013
JavaScriptJavaScript
<form name="theform" id="theform">
</form>
<script language="javascript">
var a
alert(typeof(b)); //这里提示undefined
if(theform.datas
- TDD实践(一)
bijian1013
java敏捷TDD
一.TDD概述
TDD:测试驱动开发,它的基本思想就是在开发功能代码之前,先编写测试代码。也就是说在明确要开发某个功能后,首先思考如何对这个功能进行测试,并完成测试代码的编写,然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能,直到完全部功能的开发。
- [Maven学习笔记十]Maven Profile与资源文件过滤器
bit1129
maven
什么是Maven Profile
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制,可以在不同的环境上选择相应的配置,例如DB信息,可以根据是为开发环境编译打包,还是为生产环境编译打包,动态的选择正确的DB配置信息
Profile的激活机制
1.Profile可以手工激活,比如在Intellij Idea的Maven Project视图中可以选择一个P
- 【Hive八】Hive用户自定义生成表函数(UDTF)
bit1129
hive
1. 什么是UDTF
UDTF,是User Defined Table-Generating Functions,一眼看上去,貌似是用户自定义生成表函数,这个生成表不应该理解为生成了一个HQL Table, 貌似更应该理解为生成了类似关系表的二维行数据集
2. 如何实现UDTF
继承org.apache.hadoop.hive.ql.udf.generic
- tfs restful api 加auth 2.0认计
ronin47
目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点:
一是基于客户端的ip设置。这个比较容易实现。
二是基于OAuth2.0认证,这个需要lua,实现起来相对于一来说,有些难度。
现在重点介绍第二种方法实现思路。
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGe
- jdk环境变量配置
byalias
javajdk
进行java开发,首先要安装jdk,安装了jdk后还要进行环境变量配置:
1、下载jdk(http://java.sun.com/javase/downloads/index.jsp),我下载的版本是:jdk-7u79-windows-x64.exe
2、安装jdk-7u79-windows-x64.exe
3、配置环境变量:右击"计算机"-->&quo
- 《代码大全》表驱动法-Table Driven Approach-2
bylijinnan
java
package com.ljn.base;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti
- SQL 数值四舍五入 小数点后保留2位
chicony
四舍五入
1.round() 函数是四舍五入用,第一个参数是我们要被操作的数据,第二个参数是设置我们四舍五入之后小数点后显示几位。
2.numeric 函数的2个参数,第一个表示数据长度,第二个参数表示小数点后位数。
例如:
select cast(round(12.5,2) as numeric(5,2))  
- c++运算符重载
CrazyMizzz
C++
一、加+,减-,乘*,除/ 的运算符重载
Rational operator*(const Rational &x) const{
return Rational(x.a * this->a);
}
在这里只写乘法的,加减除的写法类似
二、<<输出,>>输入的运算符重载
&nb
- hive DDL语法汇总
daizj
hive修改列DDL修改表
hive DDL语法汇总
1、对表重命名
hive> ALTER TABLE table_name RENAME TO new_table_name;
2、修改表备注
hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
- jbox使用说明
dcj3sjt126com
Web
参考网址:http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [
点击下载]
技术交流QQGroup:172543951 100521167
[2011-11-11] jBox v2.3 正式版
- [调整&修复] IE6下有iframe或页面有active、applet控件
- UISegmentedControl 开发笔记
dcj3sjt126com
// typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {
// UISegmentedControlStylePlain, // large plain
&
- Slick生成表映射文件
ekian
scala
Scala添加SLICK进行数据库操作,需在sbt文件上添加slick-codegen包
"com.typesafe.slick" %% "slick-codegen" % slickVersion
因为我是连接SQL Server数据库,还需添加slick-extensions,jtds包
"com.typesa
- ES-TEST
gengzg
test
package com.MarkNum;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation
- 为何外键不再推荐使用
hugh.wang
mysqlDB
表的关联,是一种逻辑关系,并不需要进行物理上的“硬关联”,而且你所期望的关联,其实只是其数据上存在一定的联系而已,而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候,只要按照设计之初的这种固有关联逻辑来处理数据即可,并不需要在数据库层面进行“硬关联”,因为在数据库层面通过使用外键的方式进行“硬关联”,会带来很多额外的资源消耗来进行一致性和完整性校验,即使很多时候我们并不
- 领域驱动设计
julyflame
VODAO设计模式DTOpo
概念:
VO(View Object):视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。
DTO(Data Transfer Object):数据传输对象,这个概念来源于J2EE的设计模式,原来的目的是为了EJB的分布式应用提供粗粒度的数据实体,以减少分布式调用的次数,从而提高分布式调用的性能和降低网络负载,但在这里,我泛指用于展示层与服务层之间的数据传输对
- 单例设计模式
hm4123660
javaSingleton单例设计模式懒汉式饿汉式
单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个,单例模式是最好的解决方案。
&nb
- logback
zhb8015
loglogback
一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块:logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
- 整合Kafka到Spark Streaming——代码示例和挑战
Stark_Summer
sparkstormzookeeperPARALLELISMprocessing
作者Michael G. Noll是瑞士的一位工程师和研究员,效力于Verisign,是Verisign实验室的大规模数据分析基础设施(基础Hadoop)的技术主管。本文,Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间, Michael还提到了将Kafka整合到 Spark Streaming中的一些现状,非常值得阅读,虽然有一些信息在Spark 1.2版
- spring-master-slave-commondao
王新春
DAOspringdataSourceslavemaster
互联网的web项目,都有个特点:请求的并发量高,其中请求最耗时的db操作,又是系统优化的重中之重。
为此,往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层,要保证针对主库进行写操作,对多个从库进行读操作。当然在一些请求中,为了避免主从复制的延迟导致的数据不一致性,部分的读操作也要到主库上。(这种需求一般通过业务垂直分开,比如下单业务的代码所部署的机器,读去应该也要从主库读取数