自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

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

let data = {}; const today = new Date(); const yesterday = new Date(); const yestermon = new Date(); yesterday.setTime(today.getTime() - 1000 * 60 *...

2019-01-07 14:48:16 259 0

原创 请求链接上拼接多个参数

这个比较简单,记录一下。 let url = this.link + '?token=' + getToken() if (data) { let queryArr = [] for (var key in data) { if (data[key...

2019-01-07 14:34:21 4136 0

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

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

2019-01-07 14:22:48 1269 0

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

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

2018-12-23 11:20:42 680 0

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

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

2018-12-20 10:45:58 1226 0

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

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

2018-12-20 10:41:51 508 0

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

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

2018-08-28 14:38:36 7502 3

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

错误显示为: C:\projects\projects\vcmapp\node_modules\react-native-wx\android\src\main\java\c n\reactnative\modules\wx\WeChatModule.java:135: 错误: 找不到符号  ...

2018-08-27 18:07:51 1006 0

原创 react native 物理返回键Back踩的坑

react native 物理返回键实现资料网上很多,推荐官网给的,地址: https://reactnavigation.org/docs/en/redux-integration.html 现在来说说我的坑,因为这是以前的人员写的,他已经离职了,但是这个坑从我接手开始就一直存在,想着有时间再...

2018-08-24 16:30:35 1707 0

转载 react native 中使用flex布局

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

2018-08-08 17:34:07 228 0

原创 react native 自适应高度

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

2018-08-08 16:45:55 2406 0

原创 react native 返回并刷新页面

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

2018-08-06 18:49:32 8216 3

原创 react native 文本只显示两行

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

2018-08-06 14:43:47 2632 0

原创 es6 拷贝对象

1、Object.assign()   浅拷贝,复制所有可枚举属性 例: const obj1 = {a: 1}; const obj2 = {b: 2}; // copy obj1 and obj2 to a new obj; Object.assign({}, obj1, obj2) ...

2018-07-31 16:15:23 3924 0

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

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

2018-07-31 15:55:07 472 0

转载 js判断对象是否为空

这篇文章很实用,写的很好。这是转载的,原文地址 : https://blog.csdn.net/qq_38627581/article/details/77353015 1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var...

2018-07-31 15:47:20 241 0

原创 react native 的简单记录

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

2018-07-31 15:42:27 99 0

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

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

2018-07-02 15:21:54 3605 0

原创 react-native 运行项目

打开cmd,找到项目所在位置,运行以下指令:1.npm install,安装项目依赖,有时可能需要翻墙,一般比较慢。2.react-native run-android  打包安卓项目,如果连接了手机,那么运行完后会直接发送到手机安装,如果没有连接手机,可以在android\app\build\o...

2018-06-27 19:01:57 435 0

原创 react-native搭建环境

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

2018-06-27 18:51:22 394 0

原创 微信小程序做一个tab卡

首先是wxml文件<view class="tabCon"> <view class="tab1" bindtap="tab1Click">tab1&...

2018-06-22 17:28:45 218 0

原创 vue 弹出遮罩层样式

以前做遮罩层都是写最小高度来占满屏,但是总会出现问题,也没改变,今天一个人在交流群上问这个时,看到一个回答解决了我这一个bug,学到了,现在记录一下样式。<div class='popContainer'></div>di...

2018-05-18 16:02:10 17577 4

原创 element-ui 上传图片后清空图片显示

使用element-ui,使用el-upload上传图片,上传图片后再次打开还是会有原来的图片,想要清空原来上传的图片,只需要在组件上绑定ref,在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。具体如下:<el-uplo...

2018-05-16 10:56:51 7167 4

转载 前端常用代码

看到两篇写前端常用代码的文章,感觉写的挺好,偶尔可能用到,这里记录一下地址:https://segmentfault.com/a/1190000011087315#articleHeader21 ,https://mp.weixin.qq.com/s/Ma9SvTTiIipxx5nfSkb9ug....

2018-05-09 17:44:12 265 0

原创 jq 制作页码

制作页码的思路:首先肯定是有第一页的,那么第一页就可以写死在页面上,其他页可以根据需求用js动态生成,中间可能会出现的省略号也可以先生成,根据需求显示。首先是html部分<div class="pages"> <sp...

2018-05-08 15:16:56 393 0

原创 jq 接收链接携带的参数

第一个页面的链接<a href='xx.html?name="tom"'></a>也可以是其他方式的链接,但是一定要携带参数跳转到第二个页面,第二个页面接收参数 $.getUrlParam = fun...

2018-04-20 19:00:53 465 0

原创 jq的移入移出事件

一、jq的移入事件有mouseenter和mouseovermouseenter只有在鼠标指针穿过被选元素时才会触发;mouseover是不论鼠标指针穿过被选元素还是其子元素都会触发$("#id").mouseenter(function () { alert(&#...

2018-04-17 18:02:33 15037 0

原创 jq 遮罩层完成遮盖原来的页面

在制作弹出框时,下面的遮罩层想要完成的遮盖原来的页面,只需要用jq获取页面的高度,并设置为遮罩层的高度就可以了$("#bg").css('height',$(document).height()+'px');...

2018-04-16 15:08:09 1003 0

原创 jq 实现无缝轮播图

工作中经常会用到轮播图,这里记载两种轮播图,供大家参考 一、自动播放的无缝轮播图(一张图片占满屏) 首先是HTML, <div class='bannerCon'> <ul class="bannerC...

2018-04-12 16:34:40 1669 0

原创 jq 添加节点和删除节点

jq 添加节点有四个函数,append,appendTo,prepend,prependTo,下面详细介绍一下1、append是父节点存在,父节点添加子节点,并且是最后一个子节点$('ul').append('<li>1</l...

2018-04-12 15:35:56 1257 0

原创 css 统一覆盖常见标签的默认样式

当使用原生的标记进行开发时,一般要覆盖掉标签默认样式,以便达到我们想要的样式@charset "utf-8"; body { font-size: 12px; margin: 0; padding: 0; font-family: "microsoft...

2018-04-10 00:24:18 1563 0

原创 微信小程序中实现循环调用一个方法

要想循环调用一个方法肯定是要判断某个值,当这个值为假时调用这个方法,为真就不调用query:function(){ if(!!wx.getStorageSync('userInfo')){ let _this=this; setTimeout((...

2018-04-03 19:26:26 4219 0

原创 微信小程序 横向滚动

微信小程序官方的滚动写的比较简单,想实现横向滚动还花了点时间,这里记录一下下面是wxml文件里的内容<scroll-view scroll-x class="scroll-header"> <view id="green&qu...

2018-04-03 19:12:42 1780 0

原创 js 一个两个三个感叹号区别

今天看到一个前辈使用了三个感叹号来判断值,就查了一下,综合了几篇文章的观点1、一个感叹号!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。!null=true !undefined=true !''=true !10...

2018-04-03 18:20:01 4956 0

原创 css 记录一些较少用的实用的样式

css 记录一些偶尔会用到的样式,但是又是比较实用的,会持续更新1、长字符串或者数字强制换行word-wrap:break-word2、单行文本超出部分以省略号显示overflow: hidden; text-overflow:ellipsis; white-space: nowrap;3、多行文...

2018-04-02 11:17:16 78 0

原创 微信小程序 修改二级页面后返回一级页面刷新一级页面

在修改二级页面后直接返回一级页面,并且二级页面的数据跟一级页面有一定的关联性,这个时候返回就应该改变一级页面的数据,要想实现这个功能,有以下几个思路一、在二级页面修改成功后,把修改的内容保存到缓存或者全局变量里,在一级页面里的show方法里接收这个保存的数据,并修改相应的数据,在卸载这个页面的方法...

2018-03-30 18:21:02 3361 0

原创 微信小程序 封装请求

习惯了封装请求,使用微信小程序原生的请求比较麻烦,就打算自己封装一个请求,这样会简便一些,下面是封装的js,在使用时引入要使用的js就行function wxRequest(url, method, data) { let promise = new Promise(function (res...

2018-03-28 18:25:07 1002 0

原创 微信小程序 wx:if和hidden

wx:if 和hidden都可控制显示与隐藏,不过wx:if存在惰性,如果一开始就是false,在渲染页面时什么都不会做,直到变为true后才会进行操作,改变时花费时间较长;hidden在渲染页面时不管值是true还是false都会渲染,只是控制它是否显示,在改变时花费时间较少。在使用时可以权衡一...

2018-03-27 11:35:00 2694 0

原创 vue 动态控制权限

当在做一个项目时,项目里有多种角色和权限,这时候要先明确这个权限有哪些区别和要求,主要情况可分为以下几种一、只是一些按钮或者局部,可以通过v-if或者:hidden来实现控制,此种方法只适用于比较少的权限控制二、不同权限看到不同的页面,一般是菜单栏不同,这时可以使用动态路由生成来控制,在路由的me...

2018-03-27 11:21:21 944 0

原创 微信小程序 上下左右滑动

微信小程序支持taughtstart,taughtmove,taughtend事件,通过调用这几个事件,判断手指的位置,通过位置的差值来判断手指是怎么滑动的,把事件绑定在一个容器上,设定这个容器的大小,就可以在容器内划动,然后判断其划动方向。 <view class="...

2018-03-26 17:19:37 9201 6

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