用于检测并削弱某些特定类型的攻击，包括跨站脚本 (XSS) 和数据注入攻击等。 CSP其实就是一个白名单策略，允许的域才能加载，其他一律拒绝。 懂得怎么使用之后，我们就来看CSP指令怎么写。 举个例子,下面这条CSP规则，就指明来script和style只能是同源的或*.qq.…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

发现比webpack4，打包出来的结果确实少了不少！更简洁，更容易读懂（这里我已把注释删掉）。 总的来说不难理解，其实还是内部实现了个___webpack_require__方法，如果看不懂就多来几遍，看懂了发现也没什么。。。 再回头看编译的结果，貌似好像打包出来的结果有些复杂…

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

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

复盘日常问题板的时候，看到了曾经听到后端同学讨论的回源的问题。一直以来对 cdn 相关的知识一知半解，借此机会彻底梳理一下。 一般的过程我们都知道了，不再赘述。下面我们来看看访问 cdn 的过程。 1.首先访问本地的 DNS ，如果没有命中，继续递归或者迭代查找，直到命中拿到对…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 1. 直播中已回答问题 2. 直播中未回答问题 Q:请教清音：数据一致性实行如何保证的。针对单一用户大量上报数据如何保证\? 1. 直播中已回答问题 2.…

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 我今天分享的主题是“如何实现一套多端错误监控平台”。先来做一个简单的自我介绍，我是来自贝贝-大前端架构组的 Allan ，目前致利于集团错误监控系统维护以…