自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 echarts下的slider的高度调整

开发中遇到的问题:在echarts下的缩放滑动条在文档中没有对应的高度设置项; 通过尝试以后发现可以直接设置height属性对高度进行控制 或者是通过top bottom 属性联合使用对高度进行控制 特地记录一下 ...

2020-01-19 18:36:06

阅读数 40

评论数 0

原创 关于box-shadow的一些深入使用

在以往的开发中 ‘box-shadow’这样的属性是经常使用的,相信大家都不陌生 但是最近的开发中遇到了这样的需求: 就是不规则形状的阴影,这种需要怎么实现呢 我的思路是:将一个正方形定位到左侧中间并且旋转,然后设置阴影 然后是这样可以看出右侧也有阴影产生这个明显不符合要求(box-sha...

2020-01-19 18:29:08

阅读数 27

评论数 0

原创 学习React Hook后的一些理解

第一次接触React Hook是在9月份的一次面试中,当时面试官问我你知道Hook吗?我当时就是???(大家自行脑补表情包) 后来着急找工作,入职后刚开始也比较忙,渐渐都快忘记了这个事了。以至于React中文版中加了Hook之后一段时间我才看这个。 下面记录一些看了官方文档自己的一些记录及见解...

2019-12-17 18:56:13

阅读数 18

评论数 0

原创 记录两种使用CSS实现等高布局的方法

最近开发遇到的问题:一行内的两个元素需要动态的等高,即左右两个div的高度是不确定的,但是需要等高排列 当时考虑了好久,网上也有很多的解决方案,但大多都是固定高度的,不太符合实际的要求,于是在此记录一下: 1.使用flex布局的自适应高度(推荐) <div style="d...

2019-12-10 18:34:02

阅读数 6

评论数 0

原创 关于react中setState的异步及同步

容我先记录一些开发中遇到的有趣的东西(O(∩_∩)O): console.log(typeof ('' || null)); console.log(typeof (null || '')); console.log(typeof (null &...

2019-12-03 18:39:23

阅读数 13

评论数 0

原创 顺序播放几段音频

开发的时候遇到的问题,有三段音频,需要按照一定的顺序进行播放。原理的话就是监听Audio对象的ended事件,触发时更换播放资源,然后播放,下面是代码: export const playWithOrder = (playArr) => { if(playArr.length =...

2019-11-25 18:43:33

阅读数 15

评论数 0

原创 记录一个自己写的用于验证表单数据的方法

在一个开发项目中表单的提交没有用到网上的插件或者组件,所以的话就想写一个用于验证的公共方法,以后也可以复用: /** * 进行表单的基本验证 * @param {IRule[]} rules 验证的规则数组 * @param {IValues} values 表单数据对象 */ exp...

2019-11-20 11:24:32

阅读数 6

评论数 0

原创 记录一些typescript的内容以及最近开发遇到的问题

嗨呀,好久没有看博客了,9月份开始找工作,到现在终于稳定了下来,不容易呀不容易 新的公司要用typeScript+react进行开发,自己之前没有接触过,于是经历了一波埋头苦学的日子,也记录一下自己对于typeScript的看法: 我认为的typeScript是在js的基础上,增加了类型的判断...

2019-10-24 19:20:32

阅读数 17

评论数 0

原创 一些web前端面试题的总结

最近呢,出去面试了几家公司,就此记录一下我印象比较深刻的一些问题吧: 在ES5下实现const的功能(还问了const定义的对象和数组能否修改,为什么) var const_=function (varName,value){ window.varName=value; Ob...

2019-08-06 18:29:07

阅读数 65

评论数 0

原创 vue init 失败 Failed to download repo vuejs-templates/webapck-simple: Response code 404 (Not Found)

今天自己使用vue-cli时出现的问题,当使用vue init webpack project这个命令时出现了失败的问题,百度上的方案感觉都不太靠谱 自己记录一下: 首先就是检查vue、node、webpack是否安装,-v(vue是大写V)就可以看到 如果都安装了还是有问题,就试试下面的代...

2019-08-02 17:54:32

阅读数 169

评论数 0

原创 webpack配置项详细学习

关于webpack我相信大多数前端工程师都很熟悉,并且也经常使用。但是呢,大多数的时候都是直接拿个脚手架直接一搭,配点东西就不管了,这种知其然而不知其所以然的状态让人很不舒服。所以趁着最近不忙,赶紧整一波; webpack是干啥的? 用我自己理解的话就是,把项目中用到的多个文件,比如.js、...

2019-07-26 18:13:31

阅读数 15

评论数 0

原创 关于react下手动判断是否需要刷新页面的方法

最近在开发的过程中遇到了一个问题:使用了echarts的路径图后,定时修改别的状态,不论状态和前一个是否一致,页面总是会刷新,然后图表也会一闪一闪的,感觉很难受,特意寻找了解决的办法,记录一下: react中有一个生命周期方法:shouldComponentUpdate(nextProp,nex...

2019-06-26 17:22:52

阅读数 702

评论数 0

原创 echarts地图中增加图片的实例

这个是自己从官网扒来的实例,自己进行了一些修改,没有什么技术难度,就是增加了一些参数,直接上代码吧 var geoCoordMap = { '上海': [121.4648,31.2891], '东莞': [113.8953,22.901]...

2019-06-06 17:51:29

阅读数 669

评论数 0

原创 关于echarts中Y轴左侧文字显示不全的解决办法

今天在项目的开发中遇到的一个问题,echarts Y轴左侧的文字太多了,显示不全,由于这个问题网上的解决办法相对较少,所以记录一下。 先说一下网上的版本: 1.调整grid下的left属性,说白了就是调整y轴与左侧的距离,大了就能显示更多的文字 grid:{ top:48, ...

2019-05-31 18:22:15

阅读数 2453

评论数 0

原创 利用node搭建代理服务器解决在前后端对接过程中出现的跨域问题

最近在开发当中遇到的一个问题:我在我的机器上做好了页面,当我使用ajax请求访问另一台机器的后端服务器时,由于跨域的问题无法进行数据对接调试,后来利用node搭建代理服务器解决了这个问题,特地记录一下。 首先声明:这个只适用于前后端对接口与调试的时候使用,对于其他的情况可以自行百度对应的解决办法...

2019-05-10 18:20:43

阅读数 88

评论数 0

原创 初步学习如何利用node搭建一个服务器

最近呢手头的活也不是特别多,所以就静下心来看了看如何使用nodejs搭建一个简易的服务器,话不多说直接进入正题 1.首先你的自己搭建node环境,怎么搭建我就不多说的,百度教程一大堆 2.搭建好了之后新建一个文件夹,在新建一个index.js文件,内容如下: // 引入需要的包,注意在no...

2019-04-19 18:20:00

阅读数 36

评论数 0

原创 在react-antd中实现拖放效果

过年回来就没有做过博客了,年初公司的事情有点多,耽误了。 进入正题: 最近的项目中涉及到了拖放的问题,特地记录一下: 这个其实和js原生的拖放基本一致 1.在需要拖动的元素上: <Tag draggable={true} onDragStart={(e)=>this.t...

2019-03-22 18:25:05

阅读数 2437

评论数 2

原创 antd-Pro利用fileReader()在前端读取文件内容

前几天在开发中遇到了一个问题,需要通过前端读取文件中的内容,并且显示在文本框内,查询资料后整合的解决方法如下: getTextInfo=(file)=>{ const reader=new FileReader(); reader.readAsText(file); ...

2019-01-08 17:45:17

阅读数 1062

评论数 0

原创 关于react路由传参跳转后刷新页面参数消失

在antd项目的开发中使用的路由是react-Router的路由,在使用是经常出现刷新当前页面后参数消失导致显示错误的问题: 解决办法: 1.最开始我的解决办法是将参数放在search参数先,然后通过截取地址栏来获取。(不推荐) &lt;Link to={{pathname:�...

2018-12-18 19:24:35

阅读数 6243

评论数 8

原创 antd-pro下的form使用注意事项

好久没有更新博客,因为有了新的任务,我负责全部的页面开发,有点心累。。。 正题开始: antd-pro下的表单如果使用了getFieldDecorator函数对表单项进赋值的话,那么你是无法通过直接设置value来控制表单的值得,例如: &lt;Input placeholder=...

2018-12-18 19:00:46

阅读数 944

评论数 0

原创 关于在antd-pro中的一些验证规则的收集

      在antd-pro中的表单验证规则都写在了mock数据中,你也可以写死在前台,也可以由后端进行控制,下面展示一些收集的antd中用到的验证规则 'url':["^(http?|ftp):\\/\\/[^\\s\\/\\$.?#].[^\\s]*$&qu...

2018-10-08 18:24:39

阅读数 410

评论数 0

原创 在antd-pro中实现下载功能

       antd中实现下载和以前用jquery没什么太大的区别,就是用Blob对象进行处理 downloadFile=(e)=&gt;{ const fileName=rowData.activeDepotName;//说白了就是给文件个名字 this.prop...

2018-10-08 17:47:27

阅读数 3459

评论数 4

原创 在antd-pro的form中使用Upload组件上传文件

好久没更博客了......这他么活根本干不完我有啥办法啊o(╥﹏╥)o 直接进入正题:       思路:首先,当调用Upload组件的时候每次选择后会自动上传而不会随表单一起提交,这个显然不符合实际需求,所以需要在Upload组件中定义beforeUpload方法并且返回false拦截文件的...

2018-09-26 19:45:15

阅读数 9574

评论数 14

原创 关于antd+react的初学之路

公司最近在向react+antd框架进行转型,之前没有接触过这类模块化开发的框架,所以最近一直在学这个东西,忙到忘了更新博客,现在终于稍微有点理解了,总结一下自己遇到的一些坑: 使用的脚手架是dva-cli,模板的话是antd-admin-pro。 1.  ./src/router.js是页...

2018-09-04 19:24:09

阅读数 1565

评论数 2

原创 关于火狐和谷歌浏览器中遇到的一些兼容问题

最近工作实在太多,已经有一个月没有更新博客了,还好平时有记录一些问题及解决方法的习惯,下面上这一个月下来我踩过的坑吧 日期 07-02     在p标签内如果嵌套了div标签的话,那么会引起浏览器的不正确渲染,表现为div不在p标签内部,而是和p标签平级 日期 07-12     如果设置...

2018-07-26 18:30:02

阅读数 3685

评论数 0

原创 关于linear-gradient在不同浏览器下的兼容差异

今天在做页面时发现的,linear-gradient在不同浏览器下的渲染情况不同,请大家耐心的往下看关于linear-gradient这个属性本身就不多说了,重要的它的渲染:如果不加各大浏览器的私有前缀的话,各个浏览器就按照他们本身的理解来渲染,此时就会出现浏览器之间的差异,主要体现在渲染的角度上...

2018-06-26 17:46:35

阅读数 1152

评论数 0

原创 关于一些伪类无法生效的情况

今天在写代码的时候发现的一个关于多层次伪类无法生效的问题1.类似.class1 .class2:after{}这样的伪类是无法生效的,需要改成.class2:after{}  但是众所周知,对于:hover这样的伪类就不存在这样的问题2. 例如: .mx_table tbody tr:nth-ch...

2018-06-07 18:22:29

阅读数 1524

评论数 0

原创 微信小程序中关于图片的适应

在小程序中的&lt;image&gt;标签是有默认的高度的(240px);这个情况在有的时候会比较尴尬。在正常的pc或者手机端开发时,图片一般都设置为:width:100%;然后让高度自适应,保持图片的宽高比。在小程序中如何实现呢?如果你要是给图片设置:height:auto;的话...

2018-06-05 18:44:16

阅读数 677

评论数 0

原创 关于html5拖拽中的一些坑

难受,上头交代做的页面里有个拖拽的功能,网上其实有许多好用的拖拽插件,但是本着不拿嗟来之食,毅然决然的选择使用原生的js拖拽API,然后被坑惨了。。。。 1.首先是从body下拖拽到iframe中的     ☆需要注意,当使用a标签的target属性进行iframe切换时,iframe标签的s...

2018-05-30 18:39:09

阅读数 3566

评论数 0

原创 关于iframe与父元素相互通信的一些问题

今天干的活涉及到了iframe之间的通信问题,自己对这一块不是很了解,查了好多资料,在这里整理一波:1.监听iframe的加载事件    首先得在整体页面的加载事件里面,通过(self!=top)来判断iframe的加载$(function(){ if(self!=top){ //此时...

2018-05-24 14:25:24

阅读数 741

评论数 0

原创 关于同一元素不同类名的伪类的研究

同一个元素假如有多个类名,分别给每个类名设置伪类,就像这样&lt;title&gt;测试同一元素多个类下的伪类是否覆盖&lt;/title&gt;     &lt;style type="text/css"&gt; .app{w...

2018-05-22 18:23:01

阅读数 174

评论数 0

原创 git初学笔记(二)

昨天和今天两天都有在看git的相关知识,毕竟工作中需要用到,今天抽点时间总结一下学到的东西1.关于add和commit误操作的处理      当你修改完文件之后发现你某个地方写错了 (此时还没有git add),通过git checkout -- 文件.后缀处理,撤销之前的改动(个人觉得此时直接修...

2018-05-18 11:28:26

阅读数 72

评论数 0

原创 git初学笔记

刚入职,要求使用git版本控制,因为以前并没有接触过,所以现在从零开始学习,感觉还是挺头疼这个的。就当做是自己的学习笔记吧,也为了以后能够参考,并且见证自己的成长,加油!!!。参考文献:廖雪峰老师的官方网站首先就是下载呗,官网的下载实在是太慢了(800B/s,实在不想吐槽了),建议在廖老师提供的链...

2018-05-16 19:10:55

阅读数 76

评论数 0

原创 关于CSS的一些容易被忽略的东西

js中获取元素的样式常用的话就是element.style.属性名;实质上style只是CSSStyleDeclaration这个对象的一个实例,而这个CSS对象的原型上有许多我们容易忽略的方法以及属性我测试了一些感觉比较有用的方法,直接上代码吧:&lt;style type="...

2018-05-16 18:42:58

阅读数 146

评论数 0

原创 关于渐变的一个误区

这里纠正一下以前的一个错误的认知,在css3的linear-gradient属性中  渐变的单位可以为px、em、rem等单位(以前一直认为只能设置为百分比,也没有进行实践,惭愧),这个的单位在火狐和谷歌最新版下测试均表现良好#app{     width: 200px;     height: ...

2018-05-14 17:07:16

阅读数 51

评论数 0

原创 关于vue中Watch的一些深入用法

今天在掘金上浏览时看到的,觉得很有必要记录一下  原文地址我大概总结一下:1.常规的开发中监听数据变化我们会直接使用watch:{属性名(newValue,oldValue){}},实际上该函数可以分为handler()函数和参数配置,例如inputValue:{ handler(newValu...

2018-05-05 21:29:03

阅读数 1974

评论数 0

原创 js获取设备类型

window.navigator.userAgent获取设备类型,只读。

2018-04-17 17:27:47

阅读数 348

评论数 0

原创 web页面如何进行电话拨打

以前做小程序的时候又直接的api可以调用,今天做手机页面的时候遇到这个问题,下面上解决方法,1.html标签:&lt;a href="tel:110"&gt;别过来,我报警了!!!&lt;/a&gt;2.js页面:window.location....

2018-04-09 16:36:13

阅读数 2274

评论数 0

原创 原生js添加元素

今天做页面使用的mui,因为使用mui情况下无法使用jquery,于是在ajax请求完毕添加元素的时候发现自己竟然对原生js添加元素的方法有点模糊了,真是越活越倒退了,赶紧整理一波。 首先最简单的innerHTML,这个不想多说,入门新手喜欢这么用,但他的缺点也很明显:不管你渲染部分还是全部,始...

2018-04-08 16:45:23

阅读数 2721

评论数 2

原创 没有服务器端的情况下进行ajax测试

今天做页面时需要用到ajax请求,但是想预先处理一下请求后的数据,所以呢在本地建了一个test.json。但是请求的时候老出现(谷歌浏览器)意思呢大概就是不支持请求本地文件吧,为了能够实现请求本地页面需要进行以下几步操作1.在桌面上打开谷歌浏览器属性界面,在目标一栏中的末尾添加 --allow-f...

2018-04-08 16:22:22

阅读数 1642

评论数 0

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