设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

前言：近日发现掘金上有所有的热门文章的排行榜，但是仅仅只是排行，不利于收藏查阅。于是乎我就把热门文章全部爬下来了（站长看到别打我啊😶），相信这些获得高赞文章质量不会差，爬完做了分类后不敢私藏，和大家一起分享。 带你走进 webpack 世界，成为 webpack 头号玩家。 …

微前端由ThoughtWorks 2016年提出，将后端微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 美团已经是一家拥有几万人规模的大型互联网公司，提升整体效率至关重要，这需要很多内部和外部的管理系统来支撑。由于这些系统之…

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…

逐步学习什么是递归？通过使用场景来深入认识递归。 前端性能优化之路——图片篇。 今年的文章量比去年又多了好多，看来大家在掘金越来越活跃啦！可以Mark起来慢慢看～不过呢小饼还是建议大家到微信群里看每日小报，毕竟每天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一起的…

做移动端，习惯使用 rem 。但有些业务类似的情况下，会希望抽离部分做成通用组件，比如弹窗、加载中、toast等。 但 rem 是通过设置 html 的 font-size 来起作用的，要迁移就不能设置这种全局的样式，以防污染。 这不是个很好的方法，但对于小组件来说够了。 通过…

换句话说就是把一个有n个参数的函数转换成n个嵌套的函数，每个函数只接受一个参数，并返回一个新函数。也就是把f(a,b,c)转化为f(a)(b)(c)。 运行此函数，我们在参数中依次传入1，2，3，返回6。 我们把multiply(1,2,3)变成了multiply(1)(2)(…

本文根据 2020.02.29 日，第 2 届 “前端早早聊” 的“前端基建”专场分享整理而来。本文的标题是《如何推动前端团队基础设施建设》，一是契合大会所有分享都以 “如何” 为切入的要求，同时也是对最近一年，我所负责的团队在前端技术基础设施建设方面如何从 0 到 1 的一次…