本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等，并且详细debug源码和分析，过程更清晰。 ​ 在render阶段更新Fiber节点时，我们会调用reconcileChildFib…

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…

前言：记得我刚开始参与到公司项目的开发时，由于代码结构太乱被同事集体diss，而后被强烈要求打开eslint来开发，无奈之下陷入eslint的魔爪。但是当我打开eslint的时候，我真的是去他喵的，代码哪哪都给我爆红，然后我就偷偷把eslint关掉了（机智如我<(￣︶…

疫情期间我感觉整个人懒散了不少，慢慢有意识要振作起来了，恢复到正常的节奏。最近团队代码库从Gerrit迁移到了Gitlab，为了让前端团队日常开发工作有条不紊，高效运转，开发历史可追溯，我也查阅和学习了不少资料。参考业界主流的Git工作流，结合公司业务特质，我也梳理了一套适合自…

componentDidUpdate 会在更新后会被立即调用。首次渲染不会执行此方法 当组件更新后，可以在此处对 DOM 进行操作。如果你对更新前后的 props 进行了比较， 动画效果。（例如，当 props 未发生变化时，则不会执行网络请求） 参数3：snapshot 如果…

近几年来，Docker 技术的应用已经越来越流行，目前已经产生前端工程Docker 化，身为前端开发的我，花了几天时间研究了下 Docker 的知识点，并实现了 Docker 本地部署 Vue 项目。希望可以给有需要的同学一点帮助。 Docker 是一个开源的应用容器引擎，让开…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…