Jack's Blog

一些废话沉寂了两个月，我又回来了。跟你们猜的一样，我已经到淘系实习了一段时间了，从上一篇文章之后就放了更多的心思在工作上。上篇文章发出去之后，我去腾讯实习了一段时间，等待阿里实习生入职流程开启。收到淘系的实习生 offer 后，我买了人生中的第一张机票，第一次坐上了飞机，来到了一个陌生的城市——杭州。干净的街道、宽敞的沥青马路，吸引了我这个来自小城市的年轻人。博客很久没更新了，不管是个人的网站还是掘金，都很少有更新了，偶尔上掘金看看一些好文，总想更新一下，但又没找到好的题材。现在实习了一段时间后

前端项目的开发过程中，经常会遇到性能优化的问题。项目比较小型还没什么太大的影响，当项目的规模达到一定程度的时候，性能问题就显得比较突出了。之前在做项目的过程中，并没有怎么在意组件的性能问题，最近看了一些文章，发现组件的性能优化并不是一件特别复杂的事情，只需要在写代码的时候稍微注意即可实现性能的优化。React 15.3中新增加了一个PureComponent类，能够减少render函数的执行次...

一、引言在现代的前端渲染框架中，Virtual DOM 几乎已经成了标配，通过这样一个缓冲层，我们已经能够实现对 Real DOM 的最少操作，在大家的广泛认知中，操作 DOM 是比较慢的，因此 Virtual DOM 可以实现应用程序的性能提升。毫无疑问，Virtual DOM 不可能全量同步到 Real DOM，因为那样就违背了设计 Virtual DOM 的初衷，那么Virtual DO...

最近在做项目的过程中，遇到了一个需求，在一个list中，当鼠标移动到某一项上的时候，为该项设置一个遮罩层，显示对该项的操作。废话不多说，直接上效果：对于鼠标移入后显示遮罩层的操作，很简单，该项加入鼠标事件监听就可以了，监听onMouseEnter和onMouseLeave两个时间，在组件的state中创建一个字段来对遮罩层的显示进行控制。组件源码：import React from '...

**实现原理：**在react-router配置中，加入登录权限验证，若redux中保存了登录信息，则使用<Redirect />组件，重定向至首页，否则，重定向至登录界面。...

很久没有写博客了，最近在自己做项目的过程中遇到了一些坑，踩完之后怕自己忘了，写下来记录一下。在React中，我们在修改输入框的内容是会调用到onChange函数，然后通过onChange函数实现修改state的功能，在这个过程中如何实现对输入内容的限制呢？例如在登录的时候，对手机号和验证码的输入做限制：解决办法1：直接使用antd中的Form组件，使用getFieldDecorator方...

原文链接：https://blog.youkuaiyun.com/sunshine215/article/details/78296404当我们使用react-router v3的时候，我们想跳转路由，我们一般这样处理我们从react-router导出browserHistory。 我们使用browserHistory.push()等等方法操作路由跳转。 类似下面这样import browserHi...

最近在项目开发的过程中，遇到了要获取经纬度的问题，由于本人菜的一批，多方询问的情况下，得到了思否大佬@asseek的解答，找到了百度地图的相关API，写个博客记录一下用法备忘。原问题链接：https://segmentfault.com/q/1010000018770746?_ea=9268580最近参与的一个项目开发中要求获取到一个仓库的经纬度，在整个项目是使用React框架的，废话不多数，...

这段时间在做的一个项目中，遇到了一个表格删除的问题，引用了Ant Design的Table组件，删除的时候发现并没有删除选择的行，由此抛出了一个key值的问题。在React中哪些时候需要给定key值，哪些时候需要系统自动匹配key值？（留坑待填）...

贴上知乎账号：beyondxgb原文链接：https://zhuanlan.zhihu.com/p/57604760?utm_source=qq&utm_medium=social&utm_oi=651855282351771648前端开发的过程中数据请求的过程确实是一个很难处理的问题，在知乎上看到这篇文章于是决定码一下。...

原文链接：https://www.cnblogs.com/libin-1/p/6853677.html在写项目的过程中遇到了需要使用fetch进行前后端联调的情况，贴上这篇博客巩固一下自己的知识空缺。...

2-3 工程目录文件简介PWA progressive web application：通过写网页的形式写手机APPregisterServiceWorker：将网页上线到支持https协议的服务器上，访问一次即可离线访问index.js：整个React项目的入口文件 index.html：负责页面显示的html内容2-4 React中的组件import { Compon...