自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

萧萧的博客

记录日常项目中遇到的一些坑,方便以后一些遇到同样问题的同学

  • 博客(26)
  • 收藏
  • 关注

原创 npm 或者yarn 安装 包错unable to get local issuer certificate

安装的时候提示npm只需要执行:npm config set strict-ssl falseyarn 只需要执行:yarn config set strict-ssl false

2021-08-12 13:50:18 1313

原创 RN + Xcode12 本地图片资源加载不出来问题

更新最新Xcode之后,跑之前RN项目,本地图片资源怎么都加载不出来,各种找寻解决办法,终于找到问题了:直接上解决办法首先找到RCTUIImageViewAnimated.m 文件修改267行代码- (void)displayLayer:(CALayer *)layer{ if (_currentFrame) { layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_cu

2020-11-10 18:10:25 1061

原创 JS常用几种继承方式整理

1:原型链继承(继承者构造方法的原型指向被继承构造方法的实例对象)function Parent () { this.age = 12; this.hobby = ['吃饭','睡觉', '打豆豆']}Parent.prototype.addHobby = function(){ this.hobby.push('喝水')}function Child(){}Child.prototype = new Parent()const child1 = new Child

2020-09-04 18:14:42 367

原创 取消掉未完成的ajax请求

项目中会碰到需要去掉一下没必要的请求,比如页面在关闭的时候,关掉未完成的ajax请求,这样就可以减少内存占用,如果不取消,多次点击的话 有可能就会造成页面卡死的问题。 解决方案:AbortController,链接已付,需要链接更加详细的可以点开链接看。 解决步骤:在api请求的时候 let abortController = newAbortController() 在接口传递的参数中增加 signal =abortController.s...

2020-09-04 17:54:42 630

原创 antd upload上传获取文件宽高

项目新加的需求,需要判断上传图片的宽高,查了一下antd-upload组件貌似不支持这个查询,因此需要使用外部的API,直接上代码:beforeUpload 方法handleBeforeUpload = async (file, fileList) => { const {fileMinSize = 0,fileMinWH,fileMaxWH, fileMaxSize = 50,uploadFormat = '',uploadFormatError = ''} = this.co

2020-08-07 18:25:49 3533

原创 React 移动端项目之pdf预览

因为项目需要,需要在在项目中实现pdf文件遇见功能,众所周知,安卓老大哥貌似不怎么支持,所以采用的react-pdf插件实现方式,实现方式很简单:一:引入react-pdf包: yarn add react-pdf 或者npm install react-pdf --save二:封装pdf组件:(官网demo)importReact,{Componen...

2020-04-01 15:30:40 5783 2

原创 React 模拟触发事件

var evt = document.createEvent("MouseEvents"); evt.initEvent("click", true, true);var masks = document.querySelectorAll('.ant-drawer-mask');//获取触发事件源if(masks.length > 0){ masks[masks...

2020-03-19 16:25:04 3409 1

原创 form表单使用setFildesValue 赋值不成功问题

在使用antdform表单的时候,肯定会使用到它里面的setFieldsValue【赋值】、getFieldsValue【获取值】,两个api,但是小编在使用的过程中遇到一个问题就是使用setFieldsValue赋值,有的时候并不能生效,后面小编查了下这个方法的说明,感觉是小编在初始化的时候赋值有点早了,后面小编在赋值的时候加了一个异步(setTimeout)就好使了。具体有...

2019-08-30 09:54:30 12241 2

原创 微信小程序之(web-view)踩坑记录

公司新作项目需要在之前的小程序里面加一个模块,上面要求用小程序嵌套h5的方式去搞,在使用web-view的时候,嵌入页面貌似没有任何问题,传递数据到h5也貌似没有问题,看着很完美,可是在使用的时候坑一个接一个的。坑一:头部返回按钮的不显示坑二:页面不会保留坑三:Android上传页面回退首页。。。小小一个功能坑实在是太多了,上微信公众平台看了下大家遇到过类似的问题,但是官方比你高没...

2019-08-30 09:40:04 3689

原创 antd upload上传组件获取服务端返回数据

项目中使用到antd upload组件上传的问题,按照官网示例,获取不到返回的值,后面上去GitHub找了找解决办法,在upload返回值中,文件会有一个状态:status为done或者error的时候会返回一个response字段,这个字段里面会包含接口返回的数据,因此只需要坐下过滤就可以拿到值了,小编是这样做的:上面的判断可以过滤掉,哪个是判断多张上传出错的时候 给一个提示,因为antd...

2019-06-18 10:49:02 18356 2

原创 iframe 通信(postMessage)

最近小编的公司在开发ERP系统,为了节约时间,有几个系统需要内嵌(iframe),但是有个需求,在一个内嵌项目中,需要重新打开另一个项目,每一个项目都是内嵌的iframe,因此让小编愁了好一会,后面选择了postMessage方式来实现的通信。postMessage Api,有兴趣可以自行查看。实现过程就是 1:在内嵌项目中使用top.postMessage('传...

2019-05-11 11:03:11 23424

原创 input 自动填入机制 autoComplete

现在浏览器都有保存密码机制,对我们正常登陆是很方便,但是有的时候就会有问题,比如你的密码框上面并不是你的账号框、或者是当前网站由多个账号登录了并保存密码了,有的时候自动填入的并不是自己想要的,这个时候就显得这个机制有点体验不是很好得了,因此屏蔽这个功能换事很可以的。 网上有很多办法,可以归类为: 1:用autocomplete属性,(貌似没有任何作...

2019-05-11 10:41:57 2207

原创 Vuex unknown action type 报错

在项目中使用到vuex,因为都是用的模块开发,目录如下模块代码原来使用代码各种查找问题都不好使,完了再方法之前加上模块名称就ok了

2019-02-27 15:28:23 51749 2

原创 vue+ element-ui el-table组件自定义合计(summary-method)坑

项目需要用到表格,带有合计功能的,照搬的element-ui的table组件,但是合计就是不出来因为表格是客操作的,所以都是用的自定义内容 自定义的方法也是官方的后面找问题发现,红框圈住的地方一直是undefined,才发应过来,在表格上应该需要写 prop的,完了写了改成这样,每一列需要计算的都加了,就ok了希望对遇到问题的童鞋一个帮助!...

2019-01-23 10:31:13 32863 16

原创 element-ui el-dialog嵌套table组件,ref问题

项目中有个需求弹窗显示的时候,返现数据需要选中,看了elementui table组件中的方法传入需要需要选中的行和是否选中的状态,调用的时候肯定是需要增加ref的,this.$refs.moviesTable.toggleRowSelection(this.$refs.moviesTable.data[想要选中行的下标],true)但是在弹窗显示的时候这样用,会报错,(this...

2019-01-09 16:57:46 16508 1

原创 Vue + element upload组件上传图片坑

在使用上传组件的时候,后台是php,也是先上传到华为云,完了返回地址,但是每次调取的时候后台接口报接口上送的数据看着是没有仍和毛病,但是就是上传不成功,完了各种百度各种找问题,后面后台小哥哥说了句我们接受的字段要是upload,说的我是一脸蒙蔽啊,后面又看了下element ui upload组件属性说明看到了name属性(默认的是file)后面加上了这个,接口就好...

2019-01-08 09:29:16 4626

原创 Vue 爬坑二(json数组数据操作,不刷新)

在项目中使用到json数据的次数还是很多的,小编奔到的第一个问题就是,父传子的json数据在子组件操作的时候,会顺带的改变父组件的值,试了好几个办法,最后是使用的JSON.parse(JSON.stringify('传的值')做的处理,后面小编又遇到一个问题,上图中的服务地区对应的是json数组中的 serviceAreaList 字段,这个字段也会有个数组,通过接口赋值,完了赋给sele...

2018-12-14 15:05:58 2906

原创 基于element-ui Notification 组件的消息提示

新公司项目有个消息提示的需要,老系统是基于window的 Notification属性做的,具体做法let data = datas || [] //封装的方法,传递的数据if(window.Notification){ for(let i=0; i< data.length; i++) { let popNotice = function() { if ...

2018-12-14 14:37:08 10663 1

原创 关于vue中axios防止重复提交的办法

vue+axios是大家常用的一个套路,但是在使用过程中难免会有很多问题,这篇文章只是单纯的从侧面解决重复提交的。网上很多大佬都分享的方法两段代码放在axios的配置文件中,貌似就可以的,但是小编测试还是会有问题,当你的提交数据量过小,还是会多次提交给后台,参数多条数据,为此小编苦恼好久,后面想到一个过渡的办法,也就是在调取接口的时候,增加loading效果(蒙层)load...

2018-12-04 20:13:39 11044

原创 配置mongoDB到本地服务中去

随着node的越来越流行,现在用的人也是越来越多了,在使用过程中难免会使用mongodb,但是每次用cmd去启动就显得有点麻烦,所以这个就是配置到本地服务的,前面还有一点流程,可以自行百度mongod --dbpath "D:\Mongodb\data" --logpath "D:\Mongodb\log\MongoDB.log" --install --serviceName "MongoD...

2018-12-04 19:53:46 375

原创 Vue爬坑一(父子传值)

vue的使用者越来越多,很多大佬们都分享过一些学习资料或者问题解答,写这个只是写写自己在项目中用vue遇到的一些问题,不喜勿喷父传子只需把值绑到子组件上,在子组件中用prop接收就ok,用法和自己在data中申明的属性一样,但是会有一个问题就是,比如我传了一个对象或者数组,值已经传过来了,但是页面上有的时候不会刷新,本人的解决办法就是用watch去深度监听,完了重新赋值(用其他对象...

2018-11-27 19:45:04 157

原创 ES6学习笔记二

在以前的代码中,每个变量的赋值只能通过var定义,完了之后给赋值,如果要声明多个的话,都需要我们去var,然后赋值,这样就会显得代码非常冗余,因此ES6中提出结构赋值,下面主要记录的就是这块的问题。先看段代码:在ES5中,如果需要多个变量,我们通常会    或者:这样的代码看着很冗余,但是在ES6中我们就不需要这样去写了,最简单的例子,我们可以用数组结构赋值简单的一行代码就把我们需要写好多的代码给...

2018-07-07 15:18:08 149

原创 input type=file 上传图片获取图片宽高、大小

在项目中常用的上传图片的方式就是用input  type=file,来实现的,但是有的时候我们需要限制上传图片的大小,下面进入代码阶段:上图的len是上传图片的个数,这个可以用来判断你上传图片的个数第一个红框是我们上传文件做的类型校验,第二个红框是我们做的大小校验,但是我们获取files.size是字节数,所以我们比对之前要把单位统一,我这是kb说以乘1024;中间灰色注释的地方就是我们用来校验图...

2018-07-02 16:07:08 14632 3

原创 ES6学习笔记一

不说废话直接开始:1:let与const命令    以前js变量命名大家就知道var,有很多的限制,比如变量提升,变量作用域不固定。。。ES6新增了 let变量命令,与var相似但是也有不同:        1:变量会不会提升;        2:块级作用域({},for());        3:暂时性死区;        4:不能重复申明;  解析:    1:变量不会提升,在ES5中变量申明...

2018-06-27 16:04:18 113

原创 面向对象写tab选项卡

如有不对的请大佬指教

2018-05-25 16:02:31 508

转载 前端模块化(CMD与AMD)

随着前端技术的日益更新,模块化也发展的如火如荼的,下面就是关于AMD与CMD的一些介绍(多谢各位大佬们的分享,才有我这个ctrl+v程序员的整理)一、AMD1. AMD的由来(AMD是RequireJs在推广过程中对模块定义的规范化产出)  前端技术虽然在不断发展之中,却一直没有质的飞跃。除了已有的各大著名框架,比如Dojo,JQuery,ExtJs等等,很多公司也都有着自己的前端开发框架。这些框...

2018-05-14 14:56:55 3629

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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