中意你

最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的...

当然，你可以使用时间轴来记录，但是在大多数情况下，时间轴只记录数据，并不是实时更新的。在这点还有其他的性能测量技巧，Chrome DevTools 添加了 “Perform...

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performanc...

上一节我们认识了节流函数 throttle，了解了它的定义、实现原理以及在 underscore 中的实现。这一小节会继续之前的篇幅聊聊防抖函数 debounce，结构是一...

前言 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第7天，点击查看活动详情 前言 面试常问的CSS问题，不仅仅只答出它是什么，干什么的。最重要的是它在工作...

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧...

最近刚好看完Vue源码中的Diff算法，刚好在参加更文挑战，就做了一些动图还有流程图，图文并茂地来详细讲一讲，Vue的Diff算法叭。...

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节...

所谓算法指的是：把一种数据结构转化为另外一种数据结构的方法。diff 算法分为 5 大步骤，同时涉及到<最长递增子序列>的概念，我们会分步详细进行讲解。博客内容较长，并且有...

在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原...

一、谈谈你对Webpack的理解 1.1 背景 Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分...

前言 大家好，我是林三心，相信大家在面试中被问过很多次“说一说在网址栏输入URL会发生什么？”，相信很多人都能倒背如流地答出所有步骤，但是单单会背可是不行的，其实这个问题包...

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。...

俗话说得好，没有哪个前端不想拥有一个属于自己的，为自己量身定制的组件库，本文将整理一下从 0 到 1 Vue 组件库封装和发布的完整流程。...