技术纠结者

用了一段时间的 typescript 之后，深感中大型项目中 typescript 的必要性，它能够提前在编译期避免许多 bug，如很恶心的拼写问题。而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。 以下是我在工作中总结到的比较实用的 typescri…

后来决定自己开发。。。

从一个简单需求开始。 点击按钮弹出一个对话框，再次点按钮关闭对话框。点击对话框外的空白区域也可以关闭对话框。 但实际上的效果并不是我们想要的，点击 Dialog 依旧会关闭。 1、通过 e.target 判断。 React 基于 Virtual Dom 实现了一个事件合成的机制…

模仿 Google Material 点击波纹效果。 使用 react-spring 动画库。 其中 .g-ripple 用来模拟波纹效果。

当我们讨论到前端应用的权限控制时，不是在讨论如何去控制权限，而是在讨论如何将用户权限反映到页面元素的显隐上。如果用户没有权限访问请求，不仅会造成请求资源的浪费，还会降低用户体验。前端的权限控制就是为了解决这类问题。 RBAC 是目前普遍使用的一种权限模型。本文会讨论如何基于 R…

webpack5 预计会在 2020 年年初发布，之前从 alpha 版本就有关注，本次重点更新在长期缓存，tree shakking 和 es6 打包这块。具体变更可以参考https://github.com/webpack/changelog-v5/blob/master/…

在上一篇文章[前端漫谈]一巴掌拍平Git中的各种概念中，描述了 Git 的一些概念，但是太过虚化，描述的都是一些概念和命令。这篇文章结合实际场景，主要描述我在项目实践中使用 Git 管理项目、团队协作的一些经验。包括 1）merge 和 rebase 使用的区别和选择；2）多人…

还记得以前刚接触JavaScript这门语言的时候，有一些语法特性我总觉得有点难以彻底理解。尤其是闭包，小笼包和菠萝包我是知道的，这个是什么包？ 以前我经过一段时间的学习，似乎明白了它的涵义，但实际上也只是停留在似乎上，并没有彻底从JavaScript执行机制层面理解这个含义。…

权限在我看来指的是某个用户是否能够访问某个接口。对应到前端，即使某个用户访问了一个本不应该让他看到的页面，在访问接口时不具备权限，这样即使进入了页面，也不能看到相应的数据。但是我们前端要做的工作就是让用户在访问这个页面的时候，直接就收到提示，没有权限。 但现在许多项目中页面路由…