在前端开发中，定时任务是一个常见的需求。无论是定时刷新数据、轮询接口，还是发送提醒，都需要一个可靠且灵活的定时任务解决方案。今天，我要向大家介绍一个强大的工具——Node-cron，它不仅能解决定时任务开发中的痛点，还能让你的项目更加高效和优雅。为什么选择 Node-cron？定时任务开发痛点在实际开发中，我们常常会遇到以下问题：使用原生的 setInter …
技术文章
Puppeteer 是 Google Chrome 团队维护的 Node.js 库，它提供了一套高级 API 通过 DevTools 协议控制 Chromium 或 Chrome 浏览器。作为现代前端工程的重要工具，它能够实现：网页截图和PDF生成自动化表单提交前端性能分析单页应用（SPA）测试网络爬虫开发浏览器扩展测试环境准备与安装确保已安装 Node.j …
主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。第二部分是使用 Github Actions 将 Github 项目部署到 Github Page 和阿里云。阅读本教程并不需要你提前了解 Jenkin …
一个强大的前端工具——Puppeteer，它是由Google Chrome团队维护的Node.js库，能够让你在Node.js中轻松操作浏览器，实现各种自动化任务。Puppeteer：现代前端工程的重要工具Puppeteer是一个Node.js库，它提供了一套高级API，通过DevTools协议控制Chromium或Chrome浏览器。它能够实现以下功能：网 …
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发。1. 什么是 Lightpanda以前，开发者抓取网页只需要简单发出 HTTP 请求，类似于 cURL。而随着 JavaScript 的发展，这一切都变得非常棘手，例如：大量的 Ajax、单页应用、无限加载、“点击显示 …
在JavaScript中，null和undefined都是表示“空”的特殊值，它们的用法和含义略有不同。undefined表示未定义或者不存在，通常在以下情况下出现：变量被声明了，但是没有被赋值。对象没有赋值的属性。函数没有返回值时，默认返回undefined。null表示空值，即某个变量的值为空。在以下情况下常常使用null：作为函数的参数，表示该函数的参 …
Vue.js中组件通信的几种方式有：Props和Events：这是最基本和常用的方式，它适用于父子组件之间的通信。父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件传递数据。这种方式的优点是简单明了，符合单向数据流的原则，易于追踪数据变化。缺点是只能在父子组件之间使用，如果有多层嵌套或者兄弟组件之间需要通信，就会比较麻烦。Provid …
从快递分拣看浏览器运行机制想象你是一家快递公司的分拣员（浏览器主线程），每天要处理包裹分拣（JavaScript执行）、客户咨询（DOM操作）、数据录入（网络请求）。当双十一的包裹量暴涨时，即使你三头六臂也会手忙脚乱。这时聪明的你会怎么做？——雇佣临时工（Web Worker）来分担压力！Web Worker运行原理 主线程const worker = ne …
JavaScript跨域的方式有哪些，为什么需要跨域，同源策略拦截客户端请求还是服务器响应之所以需要跨域，是因为浏览器同源策略的约束，面对不同源的请求，我们无法完成，这时候就需要用到跨域。同源策略拦截的是跨源请求，原因：CORS缺少Access-Control-Allow-Origin头跨域的方式主要有：JSONP、proxy代理、CORS、XDRJSONP …
小伙伴们在面试前端开发工程师的时候是不是会遇到面试官问Vue.js中的keep-alive组件有什么作用？今天我们就来告诉大家，解锁2024大厂vue面试题Vue.js中的keep-alive组件有什么作用？定义keep-alive 是 Vue.js 中的一个内置抽象组件，主要用于缓存不活动的组件实例，而不是销毁它们。这对于保持组件状态或避免重新渲染昂贵组件 …