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

网站的数据通过最早期的前后端分离来实现。稍微学过 Web 前端的工程师都可以通过神器 Chrome 分析网站，进而爬取需要的数据。打开 「Network」就可以看到网站的所有网络请求了，哎呀，不小心我看到了什么？没错就是网站的接口信息都可以看到了。比如 “detail.json…

随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的…

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …

概念：HTTP 是一种能够获取像 HTML、图片等网络资源的通讯协议（protocol）。它是在 web 上进行数据交换的基础，是一种 client-server 协议 HTTP——因特网的多媒体信使 ——《HTTP权威指南》。 HTTP 在因特网的角色：充当一个信使的角色，干…

随着互联网的发展，各种Web应用变得越来越复杂，满足了用户的各种需求的同时，各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题，今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入，DDOS攻击等)，毕竟后…

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 17. 使用 Brotli 或 Zopfli 来对纯文本内容进行压缩 18. 使用响应式图像和 WebP 19. 图像是否已经被适当优化？ 20. 视频是否已经被适当优化? 21. …

利用上面的json去修改html里面的静态路径，第二次如果不想去删除html，只想修改静态资源的路径，文件名被修改无法依赖。 这样不会修改文件的名称，依赖关系依然成立。每次输出都能按照最新的依赖关系替换我们html文件的静态资源路径。 修改之后再构建就能达到开始提到的效果了。

在最近的 Web 开发中, 有遇到使用Clipboard的场景。即在 B 侧 Web 业务中, 对于复杂页面的配置, 希望提供复制粘贴功能。 思考了几种方案: 从需求角度来讲, 比较简单的方案就是调用后台接口, 生成一条新数据, 用户在新增数据上进行修改即可。此方法适用于同一环…