2 lx_1024

尚未进行身份认证

学习新的知识

等级
博文 68
排名 2w+

获取一个月前的时间到昨天的时间段

letdata={};consttoday=newDate();constyesterday=newDate();constyestermon=newDate();yesterday.setTime(today.getTime()-1000*60*60*24);yestermon.setTime(today.getTime()-1000...

2019-01-07 14:48:16

请求链接上拼接多个参数

这个比较简单,记录一下。leturl=this.link+'?token='+getToken()if(data){letqueryArr=[]for(varkeyindata){if(data[key]){queryArr.push(`${key}=${data[key]}`)...

2019-01-07 14:34:21

vue的页码组件的页码重置为1

首先是页码组件上要绑定一个ref,然后通过ref找到这个组件,然后重置为1,例子如下:<el-paginationref="Pagination"class="pages"@current-change="queryCurrentPage":current-page.sync="currentPage"...

2019-01-07 14:22:48

css实现晕染开效果的边框阴影

一般的边框阴影看着比较实物感,美工认为太厚重了,就想实现晕染开的效果,实现就是颜色添加一个透明度,看起来就是晕染开的了,这里的例子是小程序的,其他的前端页面可以用同样的css实现:HTML部分:<textclass="btn"bindtap="navigateTable">详情</text>css部分:.btn{font-size:14px;...

2018-12-23 11:20:42

react-native实现微信小程序分享

这里只说小程序的分享,好友和朋友圈的分享,网上有很多资料,这里就不阐述了。首先,安装三方库#react-native-wechat,具体步骤查看文档。下面具体实现:IOS首先需要下载最新的SDK包,当前库的包比较老。需要去官网地址下载新的SDK,微信是从1.7.7版本以后支持小程序分享的,我是用的1.8.3。下载完SDK后,替换掉node_modules/react-native-...

2018-12-20 10:45:58

react-native 不让输入框出现滑动的效果

最近做项目时遇到的输入框会上下滑动,原因不太懂,应该是跟高度有关,处理的方式就是设置lineHeight,设置为和高度一样,例如:<TextInputstyle={{height:20,lineHeight:20,fontSize:18}}underlineColorAndroid="transparent"maxLength={17}caretHidd...

2018-12-20 10:41:51

react native Text 只显示几个字,超出显示省略号

这个需求的实现很神奇,Text自己有一个属性numberOfLines ,可以控制超出几行会显示省略号,但是这个属性不满足项目需求,只能自己造一个,虽然有点low的感觉,但是好歹实现了。<Text>{title?(title.length>5?title.substr(0,5)+"...":title):""}</Text>...

2018-08-28 14:38:36

react native 打包时报错解决方式 react-native-wx:compileReleaseJavaWithJavac FAILED

错误显示为:C:\projects\projects\vcmapp\node_modules\react-native-wx\android\src\main\java\cn\reactnative\modules\wx\WeChatModule.java:135:错误:找不到符号    callback.invoke(null,api.isWXAppSupportAPI(...

2018-08-27 18:07:51

react native 物理返回键Back踩的坑

reactnative物理返回键实现资料网上很多,推荐官网给的,地址: https://reactnavigation.org/docs/en/redux-integration.html现在来说说我的坑,因为这是以前的人员写的,他已经离职了,但是这个坑从我接手开始就一直存在,想着有时间再解决吧,现在快上线了,不能再拖了,看了他写的代码,感觉代码没毛病,但是运行就闪退,果然我还是太年轻了,...

2018-08-24 16:30:35

react native 中使用flex布局

1、有固定的宽高,则显示固定的宽高,这个宽高不是像素,而是代表独立的像素密度2、flex:让组件根据可用空间动态的收缩和扩展通常情况下我们可以使用flex:1,告诉某个组件来填充剩余的所有的空间,如果是多个组件的话,则是所有的这些组件去平分父容器中的剩余的所有空间。。如果这些并列的子组件的flex值不一样,则谁的值更大,谁占据剩余空间的比例就更大。2、Flexbox一个组件可以使用...

2018-08-08 17:34:07

react native 自适应高度

在项目中可能会遇到这样的需求,可以使用onlayout获取高度,然后设置上去。先在需要获取高度的地方绑定一个函数,<Viewstyle={styles.OilCon}onLayout={this.changeViewLayout.bind(this)}><Text>hello,IamTest.</Text></View&g...

2018-08-08 16:45:55

react native 返回并刷新页面

这个在项目中比较常见,可以根据不同的需求使用不同的方法实现。1、如果是使用goback返回刷新,也就是返回上一级页面后刷新页面,这时可以使用回调方法。例如:从A跳到B再回到A,A页面定义回调方法,this.props.navigation.navigate("B",{id:this.state.id,refresh:function(){...

2018-08-06 18:49:32

react native 文本只显示两行

只需要添加一个属性,就可以实现只显示两行,多余的部分以省略号显示。<TextnumberOfLines={2}>text</Text>相较于其他的css样式来说,简单很多

2018-08-06 14:43:47

es6 拷贝对象

1、Object.assign()  浅拷贝,复制所有可枚举属性例:constobj1={a:1};constobj2={b:2};//copyobj1andobj2toanewobj;Object.assign({},obj1,obj2)2、Res参数 浅拷贝,等同于1例:constobj1={a:1,b:2};...

2018-07-31 16:15:23

react native 定时器内代码不起作用

在做项目时一般是开启debugger调试模式,这样方便看代码的运行,但也被这个模式坑了。写在定时器内的代码不执行,这个问题真的很坑,原因可能是reactnative是多线程的,而浏览器是单线程的,阻塞了。解决办法:若是想开一个线程执行某些操作,可以把时间设为0,这样同样会开一个新线程,若是想定时执行某些操作,那只能在debugger调试时把时间设为0,打正式包时把时间改为正常的。...

2018-07-31 15:55:07

js判断对象是否为空

这篇文章很实用,写的很好。这是转载的,原文地址: https://blog.csdn.net/qq_38627581/article/details/773530151.将json对象转化为json字符串,再判断该字符串是否为"{}"vardata={};varb=(JSON.stringify(data)=="{}");alert(b);//true2.forin...

2018-07-31 15:47:20

react native 的简单记录

使用reactnative有一段时间了,来写一点文章记录一下我的学习成果。我的项目是使用reactnative和redux,fetch。reactnative是用来构建页面的,redux用来管理数据,fetch用来处理请求。state是全局的,可以通过redux来拿全局的数据,一般数据相关的都是使用state。props是本页面的,可以通过this.props拿到全局的...

2018-07-31 15:42:27

上传已存在的本地项目到git报rejected错解决方式

可以参考一篇文章 https://www.cnblogs.com/eedc/p/6168430.html,上面写的比较清楚,但是我照着做还是不行,是因为git和本地项目存在不一样的地方,没法拉下来,最终使用了一种粗暴的方式,先新建了一个文件夹,把git拉下来,再把本地的文件拷进去,遇到不一样的就直接覆盖了,然后看效果需要改什么。...

2018-07-02 15:21:54

react-native 运行项目

打开cmd,找到项目所在位置,运行以下指令:1.npminstall,安装项目依赖,有时可能需要翻墙,一般比较慢。2.react-nativerun-android 打包安卓项目,如果连接了手机,那么运行完后会直接发送到手机安装,如果没有连接手机,可以在android\app\build\outputs\apk下找到刚才打包的文件,发送到手机安装或者在手机模拟器上安装,如果在手机安装,安装好...

2018-06-27 19:01:57

react-native搭建环境

最近开始做react-native的项目,第一步就是要搭建环境,搭建环境一直都是一个痛苦的开始,现在来记录一下1.要安装node.js,下载地址:https://nodejs.org/zh-cn/,安装好后会自带一个npm,但不是最新的,想要最新的可以更新npm。2.安装jdk,下载地址:http://www.oracle.com/technetwork/java/javase/download...

2018-06-27 18:51:22
奖章
    暂无奖章