阿联

最近碰到一个问题，项目是用vue-cli（v4.4.1）生成的webpack配置，修改splitChunks后，页面没有进行渲染（白屏），检查了一下以后发现有html的<srcipt>中少了一些chunck，再仔细检查以后发现锅在HtmlWebpackPlugin。这…

现在淘宝的收藏夹项目也是我在负责。这次重点也是想讲讲淘宝收藏夹中 weex 的动画优化技术——BindingX。主要还是写给新人们的 通俗点讲就是，js 可以通过 weex 与 native 通信，所以你可以在前端编写 js 代码来开发手机 app 的一部分功能和页面。一般来说…

持续面试一个多月，几乎每个大厂都配备了这道前端“送命题”，懂的人都懂，这得像哄女朋友一样，把我们对前端的热情和兴趣传达给面试官，这最后一关才算稳妥，万万不可唐突。咱第一次回答时真情实感自然流露，颇有“我和我的前端，一刻也不能分割~”之势，不过一遍又一遍重复这个剧本，我渐渐失去了…

CSS的position属性常常被面试官拿出来考校同学的前端基本功，分别回答几个属性值是static、absolute、relative、fixed、sticky并解答一些基本特性（直接百度得到的）可以算及格，想要进一步catch their eyes，需要更深入的理解，这里视…

上期通过项目优化分享和实例解析：在淘宝优化了一个大型项目，分享一些干货（代码实例，图文结合），把 webpack 打包优化利器 SplitChunksPlugin 系统讲解了一遍。本期进一步深入，分析 SplitChunksPlugin 源码，搞清楚 webpack 是怎么和 …

这里说的唤端，是指在手机上从一个 app 跳转到另一个 app，也就是 app 间的跳转。以手淘为例，在很多场景里，用户并不一定能直接通过手淘打开对应的商品详情页或者会场活动页，例如投放到媒体的广告、用户分享、线下扫码等，这些场景里用户首先打开的不是手淘，而可能是抖音、头条这些…

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众多前端自动化测试相关的文章，大多数都在讲如何使用自动化测试框架对前端代码进行测试，很少讲解为什么要引入自动…

此人目前研一，两年制工程硕士，就读于某985学校软件专业，街坊叫他阿联，并无编程天赋，却不听师长引导，放着学院偌大的后端宝库不学，偏偏往时而“三天速成”，时而“学不动了”的前端大坑里跳，笔者不屑呼其姓名，后文皆以“此人”称之。原本剧情进展顺利，他处处碰壁，前端不行，后端不精，面…

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…