近来，我们团队开始尝试用新的解决方案（双端开发，同时投放PC端和移动端）解决前端资源短缺问题。但提测后，测试提出我们移动端页面首屏太慢（6s+），体验极差。

2022 年过得好快，感觉上一次写文章还是去年的年终总结（这一年确实偷了懒，需要自我反省），一转眼，已经除夕了。本想就这样过去吧，用“太忙”搪塞自己。但人在做，自己以后好看。

在提出这个问题之前，首先明白chunkhash和contenthash的区别比如我们一个MPA项目，有A页面和B页面，为了提升访问性能，我们构建出来的文件可能是这样的（为了快速说明，就只提js相关）：a.jsb.jsa-b-common.jsa-common.jsb-common.js在上面这个例子，a 和 b 两个入口...

The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself.

大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架群，带飞展开操作符对字符串的作用iterable是ES2015增...

事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。

2021年生活很苦，苦得抓头挠腮。但还好头发少了，人也成熟不少，懂的了为生活加糖。感悟今年走过一些地方，看过一些电影，读过几本小书，听过几个故事，觉得是好鸡汤，原与君共饮。电影：《对不起，我们错过了你》今年国家一直在整治平台经济，扼制平台垄断，开始我...

久了不摸手生，除了react依稀记得，antd基本只能看着官方demo一行一行写，感觉一天能写完的，结果两天了还没联调完。中间还遇到一些似曾相识的问题，可惜以前的经验已经不管用了。

在某些特别的场景下，我们需要编译执行外部输入的JS代码。在浏览器端，我们可以借助new Function 、eval等API。而在 node 端，我们可以借助vm模块实现一个沙箱，运行外部输入的JS 代码。但无论是浏览器端，还是node端，这些操作都有安全隐患。

作为你一个前端，可能你常常自诩，你是一个无情的API调用机器，调框架API，调服务端API；但下文可能会震惊到你，至少已经让我崩溃了好几天。

从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的

一个前端，成家之时，需要一份婚礼邀请函。用网上哪些网站（婚礼纪、易企秀）生成出来的，样式、动画效果感觉很赞，但公司logo、广告弹窗、加载速度、自定义版图都让我这个职（qiang）业（po）前（zheng）端（huanzhe）感觉，这需求肯定过不了产品验收。

现代网络浏览器，大多数都增加了隐私浏览模式来浏览网页，旨在保护用户隐私。Chrome 称之为隐身模式；Opera、Safari 和 Firefox 中一般称为隐私浏览。这些模式以深色主题和蒙面人物图标为特征，可以给用户一种匿名浏览的印象。芝加哥大学和汉诺威莱布尼茨大学的研究...

因为webpack编译的思想是万无皆可JS，意旨所有web项目关联的资源文件，都可以通过js关联起来。然而又由于图片，样式这些本来和js八竿子打不到一起的，所以就有了各种loader来解决他们的关联性问题；

其实从刚入行起，就陆陆续续接触Nginx，学着安装，学着配，学着用它解决不是前端管得了的前端问题，知识零零星星从百度查了很多，但从没记住，于是....

2020 最惹人醒目的词: 无疑是新冠。虽然没直接打过交道，但间接影响还是很大的。过年过成家里蹲、成天带着口罩让老鼻炎又加重了、梦寐以求的在家办公成为现实、老东家的货运滴滴业务因为疫情几近停滞、新东家新平台新业务搞得风生水起；

SameSite cookie 推出已一年有余，自己看了不少文章，也撞了不少南墙，所以还是那句好记性不如烂笔头。你可能觉得自己懂了，但试着讲出来，才能知道自己是否真的懂了。

以前这个页面只是一个评价列表（可上拉加载），为了数据更易读，列表的头采用了固定布局。然而加了这个概览时，产品没提，我就简单粗暴的将这个列表头换成了相对布局，ok，提测。但第二天，我发现上拉加载数据多了，列表头部被顶上去之后，想再做筛选，就要再把列表...

前言在Linux或MacOS系统中，ln命令是一个重要的命令，它的功能是为某一个文件在另外一个位置建立一个同步的链接。对于前端来说，ln 命令被应用最多的地方就是, 就是全局安装并创建一个 npm 命令 {代码...} 当敲下回车，上面的安装执行完成后，在输出中，会看到这样一...

当我看到这个问题，我就觉得这个提问者应该是个萌新，或者已经被产品经理或SB leader 折磨的失去理智。因为下方有一个非常直中要害的回答：