这篇文章是《不是所有的 No 'Access-Control-Allow-Origin' header... 都是跨域问题》的后记，因为在评论区中，@ redbuck 同学指出：“为啥图片不前端直接传 OSS ？后端只提供上传凭证，还省带宽内存呢。” 于是，我一拍大腿：对啊，当…

pm2 是 node 进程管理工具，可以利用它来简化很多 node 应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，因为在工作中遇到服务器重启后，需要一个个去重新启动每个服务，这样不仅繁琐、效率低，而且容易遗忘开启一些服务，所以特地对 pm2 进行一次比较全面的学习+实践…

本文只讨论应用于浏览器环境的流媒体协议的加密 为什么要加密视频 付费观看视频的模式是很多平台的核心业务，如果视频被录制并非法传播，付费业务将受到严重威胁。因此对视频服务进行加密的技术变得尤为重要。 本文所指的视频加密是为了让要保护的视频不能轻易被下载，即使下载到了也是加密后的内…

之前公司有个大佬写了个类似 create-react-app 的脚手架，用来创建公司的项目。一直不知道里面实现的原理，借此机会一探 create-react-app 源码，了解下里面运行的机制。 大家不要一看到源码就害怕不敢去看，现在这么优秀项目都开源了，加上各种IDE支持很好…

上一篇相关文章介绍了 Sentry 的基础篇 —— 本地安装，本篇文章以实际项目出发使用 Sentry 进行前端监控实践。实践案例选择 Next.js 项目，具体项目地址next-sentry-easy。 Next.js 官方示例仓库里有两个关于 sentry 的 Demo，这…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663

传统的JavaScript 资源加载，一般是通过CDN 存放或者伺服在本地服务器，通过设置maxage、Last-Modified、 etag 等来让浏览器访问后缓存，减少重复请求，但在产品的更新很多时候往往都是修改少量内容，hash 改变之后，用户就需要全量下载整个Javas…

使用 service workers API 可以让你直接由 Node.js 应用向 Chrome 浏览器发送推送通知。web-push npm 模组可以让你免去 PubNub 之类的中间商，直接推送消息。本文将在前端使用原生 JavaScript，在后端使用 Express …