- 博客(55)
- 收藏
- 关注
RSS订阅原创 uniapp发布时要点
ios：有苹果开发者账号，获取证书和描述文件https://ask.dcloud.net.cn/article/152使用了相册读写、摄像头等等权限的，要配置隐私信息访问权限描述IDFA 开启，在提交 AppStore 审核时需要在后台开启 IDFAAndroid：获取签名证书：https://ask.dcloud.net.cn/article/35777先安装JRE环境keytool -genkey -alias testalias -keyalg RSA -keys
2020-06-09 09:29:27
1128
原创 vue keep-alive保持页面状态
在开发中，不可避免，有些时候会需要保存页面状态，比如列表到详情，从详情返回时，比如tab列表切换时，等等，这时就要用到keep-alive：上代码：现在{ path: 'XX/XX', component: () => import('XX/XX'), meta: { title: 'XXXX', keepAlive: true // 需要被缓存 } },配合路由<transition name="el-f.
2020-05-21 17:46:42
1170
转载 vue+elementui表格拖拽
先安装：npm install sortablejs --save代码：<template><divclass="hibe"><el-table:data="tableData"row-key="id"><el-table-columnv-for="(item,index)inco...
2020-05-08 16:51:39
1139
转载 uni-app 复制内容到剪贴板
1、<text class="item-btn" @click="paste(item.spread_url)">复制</text>paste(value) { uni.setClipboardData({ data: value });}弊端：不支持h52、安装 vue-clipboard2 插件:npm install vue-clipb...
2020-04-25 15:28:39
4132
转载 移动端页面自适应解决方案—rem布局
该方案使用相当简单，把下面这段已压缩过的原生JS（源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签中即可（注:不要手动设置meta标签viewport，该方案自动帮你设置）<script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id...
2020-03-15 13:33:05
129
转载 uniapp返回上一页并刷新
let pages = getCurrentPages(); // 当前页面let beforePage = pages[pages.length - 2]; // 前一个页面// console.log("beforePage");// console.log(beforePage);uni.navigateBack({ success: function() {...
2019-12-18 11:19:46
19199
11
原创 uniapp安卓app里拦截webview下载apk，显示下载进度
let wv; //计划创建的webviewlet wLoading;//计划创建loadingthis.url = params.url || '';console.log('当前环境：' + uni.getSystemInfoSync().platform); //如果是安卓才执行if (uni.getSystemInfoSync().platform == 'android') {...
2019-12-12 11:09:39
1907
1
原创 echarts-地图、折线图、环形图定时轮播
1、地图let total = 3; // series.data.lengthlet count = 0;let count1 = -1;letcountCourt_setInterval1 = null;letcountCourt_setInterval2 = null;function autoTip() {countCourt_setInterval1 = ...
2019-12-10 14:33:12
1493
原创 uniapp让ios软键盘-点击-非输入框地方-自动收起
在pages.json里要使用这个特性的页面上style配置:"style" : { "app-plus": { "softinputNavBar": "none" }}如果需要js动态设置的话：this.$mp.page.$getAppWebview().setStyle({ ...
2019-12-05 16:59:54
3012
2
原创 微信小程序出现打开一个链接报错的情况
如果小程序当你打开一个链接报错的时候，比如webview的url之类的，那就需要微信公众平台上配置一下白名单就好了
2019-12-04 17:26:39
1073
原创 css3+animation元素绕圈
@-webkit-keyframes circle {from{transform: translate(20%, 20px)rotate(0turn)translate(-20%, -20px)translate(20%,20%)rotate(1turn)translate(-20...
2019-11-29 15:19:50
661
原创 微信小程序banner轮播swiper 实现loop无限循环
<swipercircular="true"></swiper>在标签里加一个circular="true"，就行了
2019-11-22 16:27:42
3571
原创 antd的日期组件，月和周、年突然变成英文的修复
本来好好的项目，突然间日期组件有夹杂英文了，懵了，后来一查重新用yarn add moment，安装一下moment就行了
2019-08-27 11:15:43
3056
转载 iOS、安卓下判断是否是qq或者微信打开
function isIPhone(){ //判断是否是ios var u = navigator.userAgent; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 return isIOS;}var ua = na...
2019-07-25 09:23:43
295
转载 前端本地开一个服务器
有时候，需要手机调试，本地开启一个服务比较快捷方便，下面我们来说一下方法：打开终端：npm i http-server -g全局安装http-server然后cd你想要访问的文件，然后 http-server . -c-1-c-1是不需要缓存然后就可以用你的ip+端口+文件名，比如http://192.168.116.2:8080/page/help-center/index...
2019-05-31 16:11:00
848
原创 antd后台管理系统-导航菜单的滚动和滚动条美化
导航菜单过长时，需要滚动：<Sider style={{overflowY: 'auto'}}>在Sider标签里加上style={{overflowY: 'auto'}}就可以了，当长度超过屏幕高度时就能滚动，出现滚动条，没有超过时，就没有滚动条；但是默认的滚动条又不美观，就需要美化一下：先安装一个依赖：yarn addreact-custom-scrollbars...
2019-05-08 11:14:54
12569
4
原创 antd表格高度自适应
有时候我们的表格页，要跳转页码时，如果表格过长，还有往下拉，使用起来很不便捷，所以需要让表格的高度自适应于页面的剩余高度：<Table scroll={{y:'calc(100vh -其他元素的高度和)'}}></Table>...
2019-05-08 11:06:53
16349
3
原创 js子元素点击事件不影响父元素点击事件
点击子元素时，阻止冒泡：openDo = (e) => { e.stopPropagation();}
2019-02-28 10:44:05
2852
转载 antd输入框只能输入数字
<Form.Item label='ID' > { getFieldDecorator('id', { rules:[{ required:false, pattern: new RegExp(/^[1-9]\d*$/, "g"), ...
2019-01-28 17:20:39
11224
原创 监听某元素的复制粘贴事件，对复制数据做处理
copy = (oEvent) => {//取消浏览器的默认动作，一般一定要有，请谨慎使用oEvent.preventDefault();let copyText = '';console.log('自定义数据',window.getSelection())if (window.getSelection() && window.getSelectio...
2019-01-28 17:19:04
2163
原创 react+antd+mobx在ie浏览器上打不开问题
1、安装babel-plugin-transform-decorators-legacynpm install babel-plugin-transform-decorators-legacy然后在plugins上加上；解决mobx装饰器@报错问题2、安装babel-polyfill和es6-symbolnpm install es6-symbolnpm install b...
2018-11-05 18:14:28
3001
原创 antd走马灯切换到相应图片
1、先绑定这个方法到ref：2、然后this.slider && this.slider.innerSlider.slickGoTo(pIndex);就可以跳转到相应页面，文档理的goTo坑很大
2018-10-16 16:05:06
5999
原创 react+hashRouter+锚点功能
antd的锚点坑太大，a标签锚点又在用hashRouter的时候不适用，只能自己想办法了，经过试验，总结了以下方法：1、HeaderTabs: [{href: 'auction-detail',text: '拍卖详情'},{href: 'standard-detail',text: '标的详情'},{href: 'others-detail',t...
2018-09-26 14:32:39
2078
转载 echart横坐标显示不全、添加滑动块
转至：https://blog.csdn.net/weixin_41762532/article/details/81288787在option里添加：dataZoom: [{ type: 'slider', show: true, //flase直接隐藏图形 xAxis...
2018-08-16 10:30:45
2099
原创 初学react
参考：https://doc.react-china.org/1、JSX扩展属性如果你已经有了个 props 对象，并且想在 JSX 中传递它，你可以使用 ... 作为扩展操作符来传递整个属性对象。下面两个组件是等效的：function App1() { return <Greeting firstName="Ben" lastName="Hector" />;}function ...
2018-02-09 15:27:42
156
原创 ios上有数字的地方字体突然变大，样式变换
在头部加原因是iOS有时候会把一串数字当成电话号码，帮你做加标签的处理，所以加上这个就规避了这个可能
2018-01-09 10:50:14
1680
1
转载 h5编辑输入框的placeholder 的样式
转自：http://www.webhek.com/post/html5-placeholder-css.html/* 通用 */::-webkit-input-placeholder { color:#f00; }::-moz-placeholder { color:#f00; } /* firefox 19+ */:-ms-input-placeholder { color:#f00;
2017-12-21 09:44:14
1504
转载 Vue项目，当图片加载错误时，用默认图片代替
转自：http://blog.csdn.net/qq_32786873/article/details/70161342使用require将图片进入，写法如下：[html] view plain copydata: () => ({ logo: 'this.src="' + require('../assets/im
2017-09-14 14:59:35
847
原创 Vue项目使用swiper做轮播图时，异步调用数据时导致图片不能滑动的解决方法
因为swiper提前初始化了，那个时候还没有数据，当数据调出来时已经没用了，所以有以下几个解决方法：1、在数据调用结束后再进行swiper初始化api.advertisingDate({}, function (res) { that.advertising = res that.$nextTick(function () { that
2017-09-14 14:21:18
15435
4
原创 Vue项目调用本地的json文件
有时候我们需要自己造点数据来用，仿后台数据：目前用的是Vue来做项目，我自己试着在src里建了一个json文件，用axios调用了一下，果然报错了，404找不到这个json文件，可是我写的相对路径，还是不对，后来一查资料才知道，路径不对！！1、要放在static目录下，然后调用的时候路径是‘http://localhost:8080/static/advertising.json’，就能调
2017-09-14 14:07:10
6970
2
转载 移动端line-height偏上问题
最近做移动端用到line-height时，放到手机上老是不居中，真的怀疑自己眼睛，PC挺好的没问题，一查发现，这是个手机端的一个顽固问题啊，安卓相差还比较大，各种机型相差不一样，解决方法如下： 当你要用到一行字，有高，但要垂直居中时，就用line-height：normal；padding：10px;就行了！！！不知道科不科学
2017-09-05 18:58:30
1425
原创 用vue2时遇到的各类问题总结
1、加入插件以后，报错 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'(…)因为插件js中有exports，webpack可以使用require和export ，但是不能混合使用import 和module.exports ，所以自然报错了；此时，只要把你目录中一个.babelr
2017-09-05 18:53:09
428
原创 运行npm run dev 时报错npm run install --save !!vue-style-loader!css-loader?
Vue在运行npm run dev时莫名其妙报错：如图运行npm install stylus-loader css-loader style-loader --save-dev还是报错 ，原来是stylus版本低，就重新安装了一遍npm install stylus,然后再一个一个的安装，用npm太慢，还老是报错，就用淘宝镜像cnpm,又快又好，先安装好淘宝镜像，就可以使用cnpm；
2017-08-31 14:16:50
8220
原创 ios上获取时间戳出错
获取当前时间：function getCurTime() { var now = new Date(); var year=now.getFullYear(); var month=now.getMonth()+1; var date=now.getDate(); var hour=(now.getHou
2017-08-24 16:08:35
1695
转载 获取当前时间：格式如’2017-09-08 8:30:00’
原文来自：http://www.cnblogs.com/hanwenhua/articles/3853352.htmlgetNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1;
2017-08-17 11:33:27
1116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人