- 博客(68)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 获取一个月前的时间到昨天的时间段
let data = {};const today = new Date();const yesterday = new Date();const yestermon = new Date();yesterday.setTime(today.getTime() - 1000 * 60 * 60 * 24);yestermon.setTime(today.getTime() - 1000...
2019-01-07 14:48:16
545
原创 请求链接上拼接多个参数
这个比较简单，记录一下。let url = this.link + '?token=' + getToken()if (data) { let queryArr = [] for (var key in data) { if (data[key]) { queryArr.push(`${key}=${data[key]}`) ...
2019-01-07 14:34:21
8722
原创 vue的页码组件的页码重置为1
首先是页码组件上要绑定一个ref，然后通过ref找到这个组件，然后重置为1，例子如下：<el-pagination ref="Pagination" class="pages" @current-change="queryCurrentPage" :current-page.sync="currentPage" ...
2019-01-07 14:22:48
4206
1
原创 css实现晕染开效果的边框阴影
一般的边框阴影看着比较实物感，美工认为太厚重了，就想实现晕染开的效果，实现就是颜色添加一个透明度，看起来就是晕染开的了，这里的例子是小程序的，其他的前端页面可以用同样的css实现：HTML部分：<text class="btn" bindtap="navigateTable">详情</text>css部分：.btn{ font-size: 14px;...
2018-12-23 11:20:42
2495
转载 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
2431
原创 react-native 不让输入框出现滑动的效果
最近做项目时遇到的输入框会上下滑动，原因不太懂，应该是跟高度有关，处理的方式就是设置lineHeight，设置为和高度一样，例如：<TextInput style={{height: 20,lineHeight: 20, fontSize: 18}} underlineColorAndroid="transparent" maxLength={17} caretHidd...
2018-12-20 10:41:51
1193
原创 react native Text 只显示几个字，超出显示省略号
这个需求的实现很神奇，Text自己有一个属性 numberOfLines ，可以控制超出几行会显示省略号，但是这个属性不满足项目需求，只能自己造一个，虽然有点low的感觉，但是好歹实现了。<Text> {title ? (title.length > 5 ? title.substr(0, 5) + "..." : title) : ""}</Text>...
2018-08-28 14:38:36
12668
4
原创 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
2565
原创 react native 物理返回键Back踩的坑
react native 物理返回键实现资料网上很多，推荐官网给的，地址： https://reactnavigation.org/docs/en/redux-integration.html现在来说说我的坑，因为这是以前的人员写的，他已经离职了，但是这个坑从我接手开始就一直存在，想着有时间再解决吧，现在快上线了，不能再拖了，看了他写的代码，感觉代码没毛病，但是运行就闪退，果然我还是太年轻了，...
2018-08-24 16:30:35
2840
1
转载 react native 中使用flex布局
1、有固定的宽高，则显示固定的宽高，这个宽高不是像素，而是代表独立的像素密度2、flex：让组件根据可用空间动态的收缩和扩展通常情况下我们可以使用flex：1，告诉某个组件来填充剩余的所有的空间，如果是多个组件的话，则是所有的这些组件去平分父容器中的剩余的所有空间。。如果这些并列的子组件的flex值不一样，则谁的值更大，谁占据剩余空间的比例就更大。2、Flexbox一个组件可以使用...
2018-08-08 17:34:07
1167
原创 react native 自适应高度
在项目中可能会遇到这样的需求，可以使用onlayout获取高度，然后设置上去。先在需要获取高度的地方绑定一个函数， <View style={styles.OilCon} onLayout={this.changeViewLayout.bind(this)}> <Text>hello, I am Test.</Text></View&g...
2018-08-08 16:45:55
5144
原创 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
14667
3
原创 react native 文本只显示两行
只需要添加一个属性，就可以实现只显示两行，多余的部分以省略号显示。<Text numberOfLines={2}>text</Text>相较于其他的css样式来说，简单很多
2018-08-06 14:43:47
4845
1
原创 es6 拷贝对象
1、Object.assign() 浅拷贝，复制所有可枚举属性例：const obj1 = {a: 1};const obj2 = {b: 2};// copy obj1 and obj2 to a new obj;Object.assign({}, obj1, obj2)2、Res参数 浅拷贝，等同于1例：const obj1 = {a: 1, b: 2};...
2018-07-31 16:15:23
6899
原创 react native 定时器内代码不起作用
在做项目时一般是开启debugger调试模式，这样方便看代码的运行，但也被这个模式坑了。写在定时器内的代码不执行，这个问题真的很坑，原因可能是react native是多线程的，而浏览器是单线程的，阻塞了。解决办法：若是想开一个线程执行某些操作，可以把时间设为0，这样同样会开一个新线程，若是想定时执行某些操作，那只能在debugger调试时把时间设为0，打正式包时把时间改为正常的。...
2018-07-31 15:55:07
989
转载 js判断对象是否为空
这篇文章很实用，写的很好。这是转载的，原文地址 ： https://blog.csdn.net/qq_38627581/article/details/773530151.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in...
2018-07-31 15:47:20
331
原创 react native 的简单记录
使用react native有一段时间了，来写一点文章记录一下我的学习成果。我的项目是使用 react native 和 redux，fetch。react native是用来构建页面的，redux用来管理数据，fetch用来处理请求。state是全局的，可以通过redux来拿全局的数据，一般数据相关的都是使用state。props是本页面的，可以通过this.props拿到全局的...
2018-07-31 15:42:27
205
原创 上传已存在的本地项目到git报rejected错解决方式
可以参考一篇文章 https://www.cnblogs.com/eedc/p/6168430.html ，上面写的比较清楚，但是我照着做还是不行，是因为git和本地项目存在不一样的地方，没法拉下来，最终使用了一种粗暴的方式，先新建了一个文件夹，把git拉下来，再把本地的文件拷进去，遇到不一样的就直接覆盖了，然后看效果需要改什么。...
2018-07-02 15:21:54
5127
原创 react-native 运行项目
打开cmd，找到项目所在位置，运行以下指令：1.npm install，安装项目依赖，有时可能需要翻墙，一般比较慢。2.react-native run-android 打包安卓项目，如果连接了手机，那么运行完后会直接发送到手机安装，如果没有连接手机，可以在android\app\build\outputs\apk下找到刚才打包的文件，发送到手机安装或者在手机模拟器上安装，如果在手机安装，安装好...
2018-06-27 19:01:57
2136
原创 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
501
原创 微信小程序做一个tab卡
首先是wxml文件<view class="tabCon"> <view class="tab1" bindtap="tab1Click">tab1</view> <view class="tab2" bindtap="tab2Click">tab2&
2018-06-22 17:28:45
310
原创 vue 弹出遮罩层样式
以前做遮罩层都是写最小高度来占满屏，但是总会出现问题，也没改变，今天一个人在交流群上问这个时，看到一个回答解决了我这一个bug，学到了，现在记录一下样式。<div class='popContainer'></div>div.popContainer{ position: fixed; top: 0; left: 0; right: 0; ...
2018-05-18 16:02:10
24215
5
原创 element-ui 上传图片后清空图片显示
使用element-ui，使用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.$refs.upload.clearFiles();就可以清除原来上传的文件。具体如下：<el-upload ref='upload' class="upload-demo" action="https...
2018-05-16 10:56:51
10498
7
转载 前端常用代码
看到两篇写前端常用代码的文章，感觉写的挺好，偶尔可能用到，这里记录一下地址：https://segmentfault.com/a/1190000011087315#articleHeader21 ，https://mp.weixin.qq.com/s/Ma9SvTTiIipxx5nfSkb9ug...
2018-05-09 17:44:12
395
原创 jq 制作页码
制作页码的思路：首先肯定是有第一页的，那么第一页就可以写死在页面上，其他页可以根据需求用js动态生成，中间可能会出现的省略号也可以先生成，根据需求显示。首先是html部分<div class="pages"> <span id="pageLeft">&lt;</span> <ul id="page"
2018-05-08 15:16:56
900
原创 jq 接收链接携带的参数
第一个页面的链接<a href='xx.html?name="tom"'></a>也可以是其他方式的链接，但是一定要携带参数跳转到第二个页面，第二个页面接收参数 $.getUrlParam = function (name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"
2018-04-20 19:00:53
880
原创 jq的移入移出事件
一、jq的移入事件有mouseenter和mouseovermouseenter只有在鼠标指针穿过被选元素时才会触发；mouseover是不论鼠标指针穿过被选元素还是其子元素都会触发$("#id").mouseenter(function () { alert('移入');});$("#id").mouseover(function () { alert('移入');...
2018-04-17 18:02:33
30740
原创 jq 遮罩层完成遮盖原来的页面
在制作弹出框时，下面的遮罩层想要完成的遮盖原来的页面，只需要用jq获取页面的高度，并设置为遮罩层的高度就可以了$("#bg").css('height',$(document).height()+'px');...
2018-04-16 15:08:09
1642
1
原创 jq 实现无缝轮播图
工作中经常会用到轮播图，这里记载两种轮播图，供大家参考一、自动播放的无缝轮播图（一张图片占满屏）首先是HTML，<div class='bannerCon'> <ul class="bannerContainer" id="bannerContainer"> <li class="banner"><
2018-04-12 16:34:40
3278
原创 jq 添加节点和删除节点
jq 添加节点有四个函数，append，appendTo，prepend，prependTo，下面详细介绍一下1、append是父节点存在，父节点添加子节点，并且是最后一个子节点$('ul').append('<li>1</li>')2、appendTo是创建一个节点，向已存在的节点追加一个子节点，并且是最后一个节点$('<li>1</li>').a...
2018-04-12 15:35:56
4492
原创 css 统一覆盖常见标签的默认样式
当使用原生的标记进行开发时，一般要覆盖掉标签默认样式，以便达到我们想要的样式@charset "utf-8";body { font-size: 12px; margin: 0; padding: 0; font-family: "microsoft yahei", "arial", "verdana"; color: #333;}ul,li,p,h1,h2,h...
2018-04-10 00:24:18
3378
原创 微信小程序中实现循环调用一个方法
要想循环调用一个方法肯定是要判断某个值，当这个值为假时调用这个方法，为真就不调用query:function(){ if(!!wx.getStorageSync('userInfo')){ let _this=this; setTimeout(()=> { _this.query(); },500); retur...
2018-04-03 19:26:26
7119
原创 微信小程序 横向滚动
微信小程序官方的滚动写的比较简单，想实现横向滚动还花了点时间，这里记录一下下面是wxml文件里的内容<scroll-view scroll-x class="scroll-header"><view id="green" class="scroll-view-item bc_green"></view><view id="red"
2018-04-03 19:12:42
2468
原创 js 一个两个三个感叹号区别
今天看到一个前辈使用了三个感叹号来判断值，就查了一下，综合了几篇文章的观点1、一个感叹号！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。!null=true!undefined=true!''=true!100=false!'abc'=false2、两个感叹号！！常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算let...
2018-04-03 18:20:01
12056
2
原创 css 记录一些较少用的实用的样式
css 记录一些偶尔会用到的样式，但是又是比较实用的，会持续更新1、长字符串或者数字强制换行word-wrap:break-word2、单行文本超出部分以省略号显示overflow: hidden;text-overflow:ellipsis;white-space: nowrap;3、多行文本超出部分以省略号显示（只兼容webkit或者移动端）overflow:hidden; text-o...
2018-04-02 11:17:16
177
原创 微信小程序 修改二级页面后返回一级页面刷新一级页面
在修改二级页面后直接返回一级页面，并且二级页面的数据跟一级页面有一定的关联性，这个时候返回就应该改变一级页面的数据，要想实现这个功能，有以下几个思路一、在二级页面修改成功后，把修改的内容保存到缓存或者全局变量里，在一级页面里的show方法里接收这个保存的数据，并修改相应的数据，在卸载这个页面的方法里手动去除缓存或把全局变量里的值置为null二级页面保存数据//保存到全局变量中var app = ...
2018-03-30 18:21:02
4807
原创 微信小程序 封装请求
习惯了封装请求，使用微信小程序原生的请求比较麻烦，就打算自己封装一个请求，这样会简便一些，下面是封装的js，在使用时引入要使用的js就行function wxRequest(url, method, data) { let promise = new Promise(function (resolve, reject) { wx.request({ url: get...
2018-03-28 18:25:07
1217
原创 微信小程序 wx:if和hidden
wx:if 和hidden都可控制显示与隐藏，不过wx:if存在惰性，如果一开始就是false，在渲染页面时什么都不会做，直到变为true后才会进行操作，改变时花费时间较长；hidden在渲染页面时不管值是true还是false都会渲染，只是控制它是否显示，在改变时花费时间较少。在使用时可以权衡一下。不过我遇到过在使用wx：if时，初始为false，后面渲染页面后改变值为true，但是页面没有反应...
2018-03-27 11:35:00
3050
原创 vue 动态控制权限
当在做一个项目时，项目里有多种角色和权限，这时候要先明确这个权限有哪些区别和要求，主要情况可分为以下几种一、只是一些按钮或者局部，可以通过v-if或者：hidden来实现控制，此种方法只适用于比较少的权限控制二、不同权限看到不同的页面，一般是菜单栏不同，这时可以使用动态路由生成来控制，在路由的meta里添加特定字段，在登录时通过权限来动态生成路由，可以参考一篇文章，写的比较好https://ref...
2018-03-27 11:21:21
1550
原创 微信小程序 上下左右滑动
微信小程序支持taughtstart，taughtmove，taughtend事件，通过调用这几个事件，判断手指的位置，通过位置的差值来判断手指是怎么滑动的,把事件绑定在一个容器上，设定这个容器的大小，就可以在容器内划动，然后判断其划动方向。<view class="contentContainer" bindtouchmove="handletouchmove" bindtouchs...
2018-03-26 17:19:37
12252
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人