在平时的工作中，页面的动画效果是很常见的需求。那么，怎么样实现一个高效的动画呢？ 一个页面展示在用户面前，简单来说，会经历以上5个步骤。我们可以把上面这个图称为像素管道。 Javascript: 执行js逻辑，修改DOM，修改CSS等。 Style：计算样式。 Layout：在…

1. 前提条件 2. 路由配置 3. vuex配置 4. keep-alive包裹router-view <keep-alive :exclude="excludeComponents"><som-component></some-component></keep-alive>…

小史是一个应届生，虽然学的是电子专业，但是自己业余时间看了很多互联网与编程方面的书，一心想进BAT互联网公司。 之前小史在 BAT 三家的面试中已经挂了两家，今天小史去了 BAT 中的最后一家面试了。 简单的自我介绍后，面试官给了小史一个问题。 小史：我可以用分治法，这有点类似…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 今天，我们将深入研究Chrome 的网络栈，以明确 web 加载原语(如&#x3C;link rel= preload > &#x26; &#x3C;link rel= prefetch >) 背后的工作原理，…

在开发好页面后，如何让页面更快更好的运行，是区分一个程序猿技术水平和视野的一个重要指标。所以面试时，面试官总会问你一个问题，如何进行性能优化呢？ 如果你这时是头脑一片空白，或是像之前的我一样，靠死记硬背或是之前的经历，答一下压缩代码，打包代码，雪碧图，cdn，事件代理，这说明你…

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。 为什么说简单？在现代 Web 开发生态中，有非常优秀的工具链帮助我们做一些很实际的优化工作，例如 webp…

当父组件执行render的时候，避免不了C组件的渲染和C函数的执行（如果不在外面加判断的话：{isShowC && <C />}）。当到了C组件的时候，会浅比较C组件前后props值。如果props每一个属性值都一样，会跳过函数组件C的执行，减少了不必要的渲染，达到了性能优化。…

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…

使用 Logpoints 来打印消息到控制台不会像使用 console.log() 那样扰乱你的代码。 右击你希望添加 Logpoint 的行号。 选择 Add logpoint (添加日志点)，弹出 Breakpoint Editor (断点编辑器)。 在断点编辑器中输入你希…