大家好，我是杨成功。在桌面应用开发中，常常需要获取设备唯一 ID 来表示当前客户端的唯一性。一般的设备 ID 需要满足两个条件：基于硬件和系统配置生成，确保设备的唯一性。只要不重装系统，设备 ID 多次获取都是唯一的。node-machine-id 是一个常用的 Node.js 模块，它能够在 Electron 中获取机器的唯一标识。我们的产...

Express 是老牌的 Node.js 框架，以简单和轻量著称，几行代码就可以启动一个 HTTP 服务器。市面上主流的 Node.js 框架，如 Egg.js、Nest.js 等都与 Express 息息相关。

2023 年想必大家的感受都一样：互联网行业阵阵寒潮，裁员降薪远没到终点。我也终于放下了执着多年的“大厂梦”。很多时机错过了就没有了，硬追没用，倒不如调整方向，拓展新路子。

越来越多的前端团队选择用 Docker 部署前端项目，方法是将项目打包成一个镜像，然后在服务端直接拉镜像启动项目。这种方式可以忽略服务器环境差异，更容易做版本管理。

写书的事情要追溯到前年吧。那个时候写技术文比较频繁，基本保持一周一篇，也收到了小伙伴们的支持和鼓励。后来被一个电子工业出版社的编辑老哥看到了，就联系到我，和我聊了有没有写书的想法。

传统意义上的持续集成，是在 Web 端通过自动化的方式将项目打包并上传到服务器，这一过程需要 Git 参与。持续集成的目的是为了免去手动打包、手动上传这一繁琐且容易出错的步骤，提高部署效率和部署的安全性。

之前介绍过 WebRTC，简单来说它是一个点对点的实时通讯技术，主要基于浏览器来实现音视频通信。这项技术目前已经被广泛应用于实时视频通话，多人会议等场景。

2022 年对所有人来说，是束缚的一年、也是艰难的一年。这一年疫情起起伏伏，商场歇业，饭店关门，在工作之余吃一碗热乎的刀削面也成了奢侈。对一个北漂来说，“回家”和“进京”从未如此艰难。假期好不容易回趟家，结果赶上疫情在老家被关了一个多月，进京时又是一路波折，身心俱疲。

前面写了一篇文章，介绍了如何用 Node.js + 钉钉 API 实现考勤打卡连续提醒的小工具。有的同学留言说为什么不直接调用钉钉 API 自动打卡（这个我也想过）。可惜我翻遍了钉钉的文档都没有找到这个 API。

开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。

上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。

前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。

在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。

提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎么排版设计，好像没什么需要监测的地方，因此一直以来都没有涉及到监控的概念。

本来我的计划是五一假期回家的，结果北京疫情愈发严重，出京都困难，小区里每天大喇叭喊着下楼做核酸。最尴尬的是从今天开始，北京餐饮店全部停止堂食，我只能宅在家里默默的拿出囤了好久的白象方便面...

在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。

前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。

在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：

原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。

这是我的 2022 年第一篇文章。一直在想写些什么比较好，既然是新年，新年新气象，写点技术展望的想法是不是更合适？于是这篇文章的标题，也就是本文的核心思想出来了：

本文参与了 SegmentFault 思否征文「2021 总结」，欢迎正在阅读的你也加入。大家好，我是杨成功。这是我的 2021 年终总结，也是我的 5 年总结。如果你觉得生活艰难，不如看看我的故事...关于我我是一名普通的“老前端”，做开发有 5 年半的时间了。可能和大家不一样，我接触前端的时候还是 Jquery 时代，当时 Vue 才刚刚萌...

本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。

本文来源公众号：程序员成功一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 json 文件，而动态化的配置，涉及到引入其他模块，因此会选择 js 文件。还有现...

本文来源公众号：程序员成功本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播安全与认证BFF 应用网络协议进化HTTP 协议是前端最熟悉的网络通信协议。我们通常...

当你第一次接触工程化的项目时，看到项目控制台正在 building，过一会突然跳出一个 URL 地址，你点开它居然是你刚写好的网页，好神奇。

Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。

本文来源公众号：程序员成功本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier神技三：VSCode附录：命名和项目结构规范认识代码规范先来思考两个问题：什么是...

最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 build 文件夹，然后将 build 文件夹传到服务器，再用 Nginx 配置一个静态解析即可。这种方案用 rsync 直接上...

本文来源公众号：程序员成功本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeouthook 实现部署？终极应用: CI/CD分支管理策略git 分支强大的同时也非常灵活，...

在经典的单页面应用中，以 react 为例，应用会区分开发环境和生产环境。开发环境是用 webpack-dev-server 编译并启动的前端项目，本质上启动的是一个 node 服务。生产环境也是需要 node 编译为纯静态页面，等待后续部署。

最近有一个单独和批量下载 pdf 的文件的需求。单独下载首先想到的是用 a 标签 download 属性直接下载。实践中发现，浏览器会默认打开pdf文件，而不是直接下载。批量下载需要压缩，这一步也需要在前端实现。

概述函数的用法眼花缭乱，即便工作了很多年的人，熟悉各种框架的函数用法，但是未必知道为什么要这么用，为什么换一种用法就不可以。这节思考课，就是从最简单的一个demo开始，逐渐展开思考，一步步尝试来理解它。1. 基础实验先上基础代码： {代码...} 基础代码只有一个变量，一个函数。下面依据基础代码进行实验函数调...

用脚手架生成的项目，默认是服务器渲染，即响应的是html视图。而我们要开发接口，响应的是json数据。所以要删除渲染视图的代码。增加响应json的配置。

从零开始搭建vue+webpack环境，坑很多，各种plugins和loader眼花缭乱，最关键的是很多loader随着webpack4升级也是大改造，新版本在webpack3上直接用不了。下面关键记录些东西和版本