wenp

第一步是结合项目背景，调研比较优化的解决方案。 文件上传失败是老生常谈的问题，常用方案是将一个大文件切片成多个小文件，并行请求接口进行上传，所有请求得到响应后，在服务器端合并所有的分片文件。当分片上传失败，可以在重新上传时进行判断，只上传上次失败的部分，减少用户的等待时间，缓解…

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…

本人前端，3年经验，由于个人的原因，决定跳槽，于是大概3月开始找工作，总历时大概2个月，面试了微信/阿里/头条，三家都拿到了offer，来分享一下面经。 这里，我梳理了一些自己的心得，方便自己后面做直播，这里就当预告一下，先放个思维导图。 数组交集，编写一个函数，输入两个数组，…

如果你也有这样的感受和困境，我想告诉你，这真的是太正常了，在阿里内部的技术论坛就有多篇关于这个问题的思考，我根据根据自己理解和调研，同时参考了多位不同前端领域专家的总结，整理成这篇文章，希望能对大家有所帮助。 1. 业务前端的困境 业务前端，顾名思义，做业务的前端，直接与业务的…

其实为啥会安全感低呢，是因为界限模糊。 面试者：能捕捉到的异常，必须是线程执行已经进入 try catch 但 try catch 未执行完的时候抛出来的。 我们我们来分析下这个一句话描述 try catch 的含义。 主要分为三段：try catch 之前，之中，之后。 代码…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…

字节跳动抖音三轮技术面+一轮HR，现在已经收到了前端架构组的 offer。 首先把面经分享给大家，由于技术水平和经历的不同，我不敢保证我的面经问题对你有任何的参考性，但确实都是在真实的面试场景中遇到的，我所做的只是保证真实性和完整性。 3月17日下午 抖音架构组前端实习生 一二…

1. Observer API Observer是浏览器自带的观察者,它主要提供了Intersection, Mutation, Resize, Performance这四类观察者, 这里笔者重点介绍Intersection Observer. 说简单点就是该api可以异步监听…

得为computed属性创建watcher（正是computed-watcher），并添加到相关data属性值的订阅者队列里。watcher的回调函数正是computed属性值（函数） computed属性值的变化是由data属性变化引起的。因此若想模板也跟着变化，render…