小落

webpack 中关于 splitChunks 的几个重点属性的使用场景和解析，结合 bundle analyzer 输出图来分析，快来康康吧~...

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。...

自从 React 16 发布后， React Router 也发布了第五个版本，更好的支持 React 16。 要在一个 web app 中使用 react router，...

这里提一下，如果大家看到这个标题有所疑惑的话，可以花点时间看一下本篇文章。反之呢如果是看到标题第一时间就反映出结论的话，就可以去get其他文章的知识点了 点击按钮，改变Ap...

深入讲解Typescript高级类型工具实现原理和编程技巧。全程干货、不扯闲篇，助你轻松实现Ts进阶。...

TypeScript类型进阶指南 本文主要参考了typescript官网的TS指南，然后加上自己刷type-challenge（类型体操）的感受总结写的进阶指南。并不是官网...

遵循服务自治，谁使用谁开发的原则，也就意味着只能由前端同学来挑起这个重任，同时着离“全栈工程师”又进一步了。不知道🤷‍♂️ 是应该庆幸还是苦恼咯 维护问题：需要维护各种 ...

下表是与页面加载性能相关的用户体验。 首次绘制 (FP) 和 首次内容绘制 (FCP)。 这些指标用于标记导航之后浏览器在屏幕上渲染像素的时间点。这两个指标其实指示了我们通...

由于本次开发项目需要嵌入之前的老项目，由于考虑到iframe速度慢、css/js需要额外请求、阻塞页面加载、浏览器前进/后退等缺点，遂打算踩坑qiankun，为了更早的爬坑...

前言说到js的执行机制，相信大家都可以说出来：js引擎在执行过程中，遇到一个异步事件后并不会一直等待其返回结果，而是将其挂起（等异步任务返回结果，就会添加到事件队列中），继...

AST简而言之就是“源代码的一个树状结构表示形式”。本文旨在讲解Javascript的AST生成原理及使用AST来帮助我们定制代码，这里用了tree shaking及静态图...

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单...

由于小程序的开发起来比较原始复杂且繁琐，跟我们主流的开发方式差距很大，所以为了提高我们开发小程序的效率，市面上出现过很多的小程序的框架：mpvue，Taro，uni-app...

React Fiber与React v16工作流程浅析。Fiber 它是 React 中的一个基本工作单元，React的一切操作都要基于它去实现。...

在上一篇 module生成1中我们已经分析了 webpack 是如何根据 entry 配置找到对应的文件的，接下来就是将文件转为 module 了。这个长长的过程，可以分成...

最近朋友内推面试了几家公司（货拉拉、虾皮、有赞、乐信、Qtrade苹果树、富途、涂鸦、OPPO、微保、微众、元戎启行），也收获了满意的offer。整理了下面试遇到的问题，作...

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的...

本人背景渣渣，较晚入行。在一家公司囫囵了三年，2020 年年末，我离职了，因为深刻意识到自己有多 "菜"，想专心花点时间提升自己。经过亿点时间的调整，我重装上阵。由于节前时...

依稀记得我们在写 vue 时，最上方总是有一个 template 包围着。而很多时候，我们也没有很在意的去意识到 <template><...

虽然大家说 Vue 2 对于 TypeScript 支持不够好，但是这里边 Vue 也依旧做了很多事情，一起来学习下 Vue 2 是怎么做类型支持的，对于我们自身而言，可以...