前端本地开一个服务器

有时候,需要手机调试,本地开启一个服务比较快捷方便,下面我们来说一下方法: 打开终端:npm i http-server -g 全局安装http-server 然后cd你想要访问的文件,然后 http-server . -c-1 -c-1是不需要缓存 然后就可以用你的ip+端口+文件名,...

2019-05-31 16:11:00

阅读数 3

评论数 0

antd后台管理系统-导航菜单的滚动和滚动条美化

导航菜单过长时,需要滚动: <Sider style={{overflowY: 'auto'}}> 在Sider标签里加上style={{overflowY: 'auto'}}就可以了,当长度超过屏幕高度时就能滚动,出现滚动条,没有超过时,就没有滚动条; 但是默认...

2019-05-08 11:14:54

阅读数 49

评论数 0

antd表格高度自适应

有时候我们的表格页,要跳转页码时,如果表格过长,还有往下拉,使用起来很不便捷,所以需要让表格的高度自适应于页面的剩余高度: <Table scroll={{y:'calc(100vh -其他元素的高度和)'}}></Table> ...

2019-05-08 11:06:53

阅读数 152

评论数 1

js子元素点击事件不影响父元素点击事件

点击子元素时,阻止冒泡: openDo = (e) => { e.stopPropagation(); }

2019-02-28 10:44:05

阅读数 49

评论数 0

antd输入框只能输入数字

<Form.Item label='ID' >      {         getFieldDecorator('id', {              rules:[{                  required:false,        ...

2019-01-28 17:20:39

阅读数 366

评论数 0

监听某元素的复制粘贴事件,对复制数据做处理

  copy = (oEvent) => { //取消浏览器的默认动作,一般一定要有,请谨慎使用 oEvent.preventDefault(); let copyText = ''; console.log('自定义数据',window.getSelection(...

2019-01-28 17:19:04

阅读数 24

评论数 0

react+antd+mobx在ie浏览器上打不开问题

1、安装babel-plugin-transform-decorators-legacy npm install babel-plugin-transform-decorators-legacy 然后在plugins上加上; 解决mobx装饰器@报错问题 2、安装babel-polyfil...

2018-11-05 18:14:28

阅读数 371

评论数 0

antd走马灯切换到相应图片

1、先绑定这个方法到ref: 2、然后this.slider && this.slider.innerSlider.slickGoTo(pIndex);就可以跳转到相应页面,文档理的goTo坑很大

2018-10-16 16:05:06

阅读数 1423

评论数 0

react+hashRouter+锚点功能

antd的锚点坑太大,a标签锚点又在用hashRouter的时候不适用,只能自己想办法了,经过试验,总结了以下方法: 1、 HeaderTabs: [ { href: 'auction-detail', text: '拍卖详情' }, { href: 'standard-detai...

2018-09-26 14:32:39

阅读数 472

评论数 0

echart横坐标显示不全、添加滑动块

转至:https://blog.csdn.net/weixin_41762532/article/details/81288787 在option里添加: dataZoom: [{                     type: 'slider',                     ...

2018-08-16 10:30:45

阅读数 734

评论数 0

初学react

参考:https://doc.react-china.org/1、JSX扩展属性如果你已经有了个 props 对象,并且想在 JSX 中传递它,你可以使用 ... 作为扩展操作符来传递整个属性对象。下面两个组件是等效的:function App1() {  return <...

2018-02-09 15:27:42

阅读数 70

评论数 0

ios上有数字的地方字体突然变大,样式变换

在头部加 原因是iOS有时候会把一串数字当成电话号码,帮你做加标签的处理,所以加上这个就规避了这个可能

2018-01-09 10:50:14

阅读数 570

评论数 0

h5编辑输入框的placeholder 的样式

转自:http://www.webhek.com/post/html5-placeholder-css.html /* 通用 */ ::-webkit-input-placeholder { color:#f00; } ::-moz-placeholder { color:#f00; } /* ...

2017-12-21 09:44:14

阅读数 531

评论数 0

Vue项目--用iscroll.js+pullToRefresh.js实现上拉加载更多、下拉刷新

首先先引用这三个文件,

2017-10-26 16:48:37

阅读数 3402

评论数 4

Vue+swiper异步加载轮播图,并且懒加载

首先要安装swiper 依赖 引入import Swiper from 'swiper'                                                                                 ...

2017-10-19 11:32:19

阅读数 5490

评论数 0

Vue项目,当图片加载错误时,用默认图片代替

转自:http://blog.csdn.net/qq_32786873/article/details/70161342 使用require将图片进入,写法如下: [html] view plain copy data: () =>...

2017-09-14 14:59:35

阅读数 329

评论数 0

Vue项目使用swiper做轮播图时,异步调用数据时导致图片不能滑动的解决方法

因为swiper提前初始化了,那个时候还没有数据,当数据调出来时已经没用了,所以有以下几个解决方法: 1、在数据调用结束后再进行swiper初始化 api.advertisingDate({}, function (res) {     that.advertising = res        ...

2017-09-14 14:21:18

阅读数 11539

评论数 4

Vue项目调用本地的json文件

有时候我们需要自己造点数据来用,仿后台数据: 目前用的是Vue来做项目,我自己试着在src里建了一个json文件,用axios调用了一下,果然报错了,404找不到这个json文件,可是我写的相对路径,还是不对,后来一查资料才知道,路径不对!! 1、要放在static目录下,然后调用的时候路径是...

2017-09-14 14:07:10

阅读数 3955

评论数 0

移动端line-height偏上问题

最近做移动端用到line-height时,放到手机上老是不居中,真的怀疑自己眼睛,PC挺好的没问题,一查发现,这是个手机端的一个顽固问题啊,安卓相差还比较大,各种机型相差不一样,解决方法如下:  当你要用到一行字,有高,但要垂直居中时,就用line-height:normal;padding:10...

2017-09-05 18:58:30

阅读数 275

评论数 0

用vue2时遇到的各类问题总结

1、加入插件以后,报错 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'(…) 因为插件js中有exports,webpack可以使用require和export ,但是不能混合使用imp...

2017-09-05 18:53:09

阅读数 196

评论数 0

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