4 百岁如流富贵冷灰

尚未进行身份认证

我要认证

17年毕业,从事前端工作2年有余,有小程序开发经验,react熟练工,vue开发略有接触,丰富的后端对接经验

等级
TA的排名 7w+

详细了解flex布局的相关属性

flex布局相信大家已经不陌生了,越来越多的人在开发中使用flex进行自适应的布局。但是呢,有些flex的属性代表什么意思你真的了解吗?下面我就着重说一说不常用的flex属性吧(可能只是我个人不常用 (⊙﹏⊙))包含元素设置display: inline-flex顾名思义包含元素即包含inline的特性也包含flex的特性:inline-flex:flex:aline-items:baseline/flex-start/flex-end常用的center就不多说了,fle..

2020-07-05 16:25:40

带你从零开始了解微信小程序开发

写在前面:此文章针对有一定开发经验的人,如果你对前端一点都不了解,不建议从小程序作为插入点。文章中只说一些自己整理出来的认为比较关键的点,不会逐个点的讲。详细了解大家可以访问官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/项目之前:首先你的申请一个属于自己的微信小程序(O(∩_∩)O哈哈~)1、登...

2020-04-29 18:36:37

React Hooks实战中useEffect踩坑记录

最近一直在看ReactHook的相关知识,奈何没有实际的项目开发,于是乎上周新来的需求就决定用Hook来做,特此记录一下开发中遇到的一个印象比较深刻的问题:使用useEffectt进行性能优化时出现无限运行的情况:出现这个问题的原因是因为useEffect的第二个参数数组中的值为对象或者数组:React中判断是否需要执行useEffect内代码是通过Object.is进行判断的,...

2020-04-08 17:43:11

React之Refs&DOM

因为前两个月的新冠疫情公司的开工时间都有延迟,在家里待着蹭吃蹭喝逐渐忘记自己还是一个IT从业人员,复工之后才逐渐回神,想起自己还有博客。哈哈哈最近开发时遇到了关于ref的使用,看了文档之后了解到refs的使用在16.3版本之后已经出现了变更,就此记录一下16.3之后版本的Ref推荐用法(React.createRef()):1.简单使用:// 代码引入了typeScript//...

2020-03-11 18:53:29

echarts下的slider的高度调整

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

2020-01-19 18:36:06

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

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

2020-01-19 18:29:08

学习React Hook后的一些理解

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

2019-12-17 18:56:13

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

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

2019-12-10 18:34:02

关于react中setState的异步及同步

容我先记录一些开发中遇到的有趣的东西(O(∩_∩)O):console.log(typeof ('' || null));console.log(typeof (null || ''));console.log(typeof (null && ''));console.log(typeof ('' && null));// 这个需要对逻辑运算符有一定的...

2019-12-03 18:39:23

顺序播放几段音频

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

2019-11-25 18:43:33

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

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

2019-11-20 11:24:32

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

嗨呀,好久没有看博客了,9月份开始找工作,到现在终于稳定了下来,不容易呀不容易新的公司要用typeScript+react进行开发,自己之前没有接触过,于是经历了一波埋头苦学的日子,也记录一下自己对于typeScript的看法:我认为的typeScript是在js的基础上,增加了类型的判断(包括变量类型、参数类型、函数类型),如果类型不一致是不允许通过编译的,这样的好处就是可以编写出格式类...

2019-10-24 18:39:46

一些web前端面试题的总结

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

2019-08-06 18:29:07

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)就可以看到如果都安装了还是有问题,就试试下面的代码(前提是你本地配置了git):git clone https://github.com/vue...

2019-08-02 17:54:32

webpack配置项详细学习

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

2019-07-26 18:13:31

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

最近在开发的过程中遇到了一个问题:使用了echarts的路径图后,定时修改别的状态,不论状态和前一个是否一致,页面总是会刷新,然后图表也会一闪一闪的,感觉很难受,特意寻找了解决的办法,记录一下:react中有一个生命周期方法:shouldComponentUpdate(nextProp,nextState),这个方法如果返回false的话就会阻止页面的更新,通过分别比对props和state的...

2019-06-26 17:22:52

echarts地图中增加图片的实例

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

2019-06-06 17:51:29

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

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

2019-05-31 18:22:15

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

最近在开发当中遇到的一个问题:我在我的机器上做好了页面,当我使用ajax请求访问另一台机器的后端服务器时,由于跨域的问题无法进行数据对接调试,后来利用node搭建代理服务器解决了这个问题,特地记录一下。首先声明:这个只适用于前后端对接口与调试的时候使用,对于其他的情况可以自行百度对应的解决办法,个人推荐后端方法解决,只需要修改响应头就可以,前端的各种处理方法都比较麻烦而且有局限性。上代码吧...

2019-05-10 18:20:43

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

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

2019-04-19 18:20:00

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。