故事就从一个车轱辘说起吧。先来看一个车轱辘。 辐条从车轱辘边缘，一直汇聚到 中心的轴，这个轴在英文里叫hub。 而我们今天要讲到的集线器，英文里也叫hub。 都叫hub，多少有点关系，看下这面这个图大概能明白，其实两者有点像。 大概想表达的意思是，它是汇聚网线的中心，因此就叫集…

本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

以后谁再跟你抢女朋友就可以这样声明版权了嘿嘿. 通过今天的方法你可以将信息放入任意图片,来达到加密信息的目的. 上面 的水印就叫做盲水印，隐藏式的水印是以数字数据的方式加入音频、图片或影片中，但在一般的状况下无法被看见。隐藏式水印的重要应用之一是保护版权，期望能借此避免或阻止数…

1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …

当下，正面临着近几年来的最严重的互联网寒冬，听得最多的一句话便是：相见于江湖~🤣。缩减HC、裁员不绝于耳，大家都是人心惶惶，年前如此，年后想必肯定又是一场更为惨烈的江湖厮杀。但博主始终相信，寒冬之中，人才更是尤为珍贵。只要有过硬的操作和装备，在逆风局下，同样也能来一波收割翻盘…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

周五的北京经过一夜雨水的洗礼，让一切都显得那么清新干净。生活工作的繁忙疲惫了身体，却疲惫不了灵魂，因为她始终坚信会有美好的事情发生，于是大家看到了今天的周刊。本周周刊由@风萧萧梦也潇潇推荐，辛苦@娜娜_nana校对。感谢文章作者们的辛勤付出。 推荐语：我们都知道React、Vu…