前端基建
12篇文章 · 0订阅
  • Tapable，看这一篇就够了
    「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。
    前端 Webpack
    Tapable，看这一篇就够了
  • 前端白屏的检测方案，让你知道自己的页面白了
    页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……
    前端 监控 JavaScript
    前端白屏的检测方案，让你知道自己的页面白了
  • Puppeteer + opencv.js 自动化脚本实践经验总结（part 1）
    2021 年 12 月到 2022 年 6 月期间，我一直在开发维护一个大型的 JavaScript 自动化脚本，在此项目中用到了 puppeteer 来自动操作网页，用 opencv.js 识别特定
    JavaScript Puppeteer
    Puppeteer + opencv.js 自动化脚本实践经验总结（part 1）
  • 前端基建原来可以做这么多事情
    前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可以帮助团队快速初始化项目结构
    前端 ChatGPT AIGC
    前端基建原来可以做这么多事情
  • 如何从0到1搭建前端监控平台
    常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔
    前端 监控 JavaScript
    如何从0到1搭建前端监控平台
  • 使用Node.js实现一个定时任务调度中心
    在日常开发中共，除了给前端开发接口，还要写一些定时处理任务，比如每天定时非所有用户推送消息。一个成熟的定时任务调度中心，是可以通过管理系统来管理所有任务的信息，可以动态更改任务执行时间和立即执行等。
    Node.js
  • Nest.js + Typeorm 尝试动态建表
    通过 form 表单操作，进行建表和对数据的增删改查 本文将用 TypeScript + Nestjs + Typeorm 满足 “ 动态建表"
    前端 Node.js
    Nest.js + Typeorm 尝试动态建表
  • 从零开始写个 Stylus 转换器
    在开发这个工具的过程中，我学习到了很多以前没有了解过的知识，例如 AST、可执行脚本，用了一些命令行交互的工具，查看了两个项目的源码。最大的感触就是有想法就去做，然后坚持下去，在没有做这个项目之前，一直觉得转换语法是一件很高大上的事情，也从没想过我可以做出来。
    Stylus SCSS CSS
    从零开始写个 Stylus 转换器
  • 使用 Sentry 做异常监控 - 借助飞书捷径，我快速完成了 Sentry 上报异常的自动推送，点赞！
    最近小编在做关于 Sentry 上报异常自动推送给工作群的功能。一开始想的技术方案非常普遍，就是实现一个 node 服务，暴露一个接口给 Sentry 应用的 webhook。这样，Sentry 上报
    前端
  • 前端监控平台系列：JS SDK（已开源）
    一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…
    JavaScript