一个强大的前端工具——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 中的一个内置抽象组件，主要用于缓存不活动的组件实例，而不是销毁它们。这对于保持组件状态或避免重新渲染昂贵组件 …
你在准备 JavaScript 面试吗？今天这篇文章一定不能错过，分享10 道常见的 JavaScript 面试题给大家，帮助找工作的朋友们在面试中获得好成绩。1. JavaScript 中的Hoisting是什么？Hoisting是 JavaScript 中的一种行为，其中变量和函数声明被移动到其作用域的顶部。这意味着可以在代码中声明变量和函数之前使用它们 …
在面试过程中我们经常会被问到JavaScript中关于call、apply和bind的相关问题，比如call、apply和bind的区别和应用场景如何利用call、apply来做继承call、apply和bind的源码实现原理怎么利用call、apply来求一个数组中最大或者最小值我们知道在JavaScript中call和apply以及bind都可以改变th …
作者：Jake Zhang转发链接：https:juejin.impost5ef8377f6fb9a07e693a6061目录由浅入深，66条JavaScript面试知识点（一）由浅入深，66条JavaScript面试知识点（二）由浅入深，66条JavaScript面试知识点（三）由浅入深，66条JavaScript面试知识点（四）由浅入深，66条JavaS …