本篇文章首先回顾一下什么是内存泄露，然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越…

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

近期做了一个 spa的单独项目中,有个需求就是希望根据登录人来看下,这个人是不是有权限进入当前页面。虽然服务端做了进行接口的权限，但是每一个路由加载的时候,都要去请求这个接口太浪费了。 router 早期版本有进入路由的钩子函数可以实现这一点，但是 router4 去掉了采取了…

icon图标可以有很多形式.比如说CSS Sprite、引用字体图标、纯css(简单的icon)等等。 优缺点这里不在赘述，自行google之。下面就进入正题说说今天的主角svg。 他在2001年就已经被加入到W3C的标准中去了，历时这么久终于到了该翻身的时候了。 SVG 是一…

如果要使用 react 的话，对新手来说，首选脚手架大概就是使用由 facebook 官方出的脚手架 create-react-app 了（传送门 👉create-react-app中文文档）。 create-react-app 将 webpack 的配置，lint 的配置，…

其实任何技术都是与它的应用场景息息相关的。这里我们反复谈的SSR，其实不到万不得已我们是用不着它的，SSR所解决的最大的痛点在于SEO，但它同时带来了更昂贵的成本。不仅因为服务端渲染需要更加复杂的处理逻辑，还因为同构的过程需要服务端和客户端都执行一遍代码，这虽然对于客户端并没有…

前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

ahooks 是由蚂蚁 umi 团队、淘系 ice 团队以及阿里体育团队共同建设的 React Hooks 工具库。ahooks 基于 React Hooks 的逻辑封装能力，提供了大量常见好用的 Hooks，可以极大降低代码复杂度，提升开发效率。 ahooks 致力成为和 a…

国际化是一个很常见的需求，之前没有这方面的相关经验，所以决定练一下手。正好最近在写一个react骨架（新项目可直接移植的骨架），上网查了一下，常用的解决方案是yahoo的react-intl库，大致效果如下。 首先解决静态国际化，即根据浏览器的语言，自动加载对应的语言模板。这里…