大前端

这是一道非常经典的面试题，涵盖了从函数的基本概念、运算符优先级，到作用域链、原型链、this关键字、new关键字等基础知识点考察，可以说能完整答对 JS 基础才算过了关，本文就带大家一起回顾这道面试题

就像我们开始通过媒体查询构建响应式网站时一样，现在，CSS容器查询也终于来了！本文将解释容器查询的工作原理、我们如何使用它们以及语法是什么样的，并分享一些实际的使用示例来帮助你更好地理解它。

CSS :modal ，是一个方便的 CSS 伪选择器提供了一种选择"模态"元素的方法。 目前 Chrome 105 已经开始支持，浏览器兼容性一览: 目前有两种类型的元素被归类为:modal： 使用

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

在一个风和日丽的早晨，我正悠闲地喝着Coffe，突然领导向我走来，我赶紧熟练地切出VSCode，淡定自若地问：领导，什么事？领导拍了拍我的肩膀：你上次封装的方法同事跟我反馈使用起来很不错啊，你不如做成

随着网页项目越来越复杂，许多异常报错很难在开发和测试阶段被发现，尽管你可能避开了语法等常规错误，但不可避免的是代码在运行时的错误你仍旧无法准确预料，假设现在有如下一段 Vue 代码，它

如果需要设计编写一个组件用以将内容隐藏在一个警告栏后面，你会想到怎么做呢？今天我就用语义化的 HTML 结合 CSS 来完成这一组件，这也意味着无论在 React、Vue 中都可以插入，不过它俩可不是

在文件输入类型中有一个 capture 的可选属性，它可以设置应该使用哪个设备来捕获该accept属性定义的类型的新媒体。值包括user和environment。 捕获属性的有趣之处在于用户通过移动设

吸色器的实现通常我们会想到先进行网页截图，然后通过Canvas绘制截图，此时利用Canvas所提供的的API即可解析出图片每个像素点颜色，最后通过获取鼠标定位。。

出色的用户体验始于快速响应加载的页面，通常用户不会花太多时间等待网页加载或与页面交互：根据谷歌的说法，如果页面的加载时间从 1 秒增加到 3 秒，用户跳出的概率会增加 32 %。然而，在网站中保持高性

在上周(2022-08-26) jQuery 刚更新了一个 3.6.1 维护版本，距离上一个版本发布时间已过去一年零五个月之久，其维护者表示接下来主要考虑修复聚焦与失焦(focus & blur)的问

我们都知道 call() 和 apply() 是用来改变函数中 this 指向的，它们的共同点是都会立即执行，而如果问到它们之间有什么区别时，我们都会想到一个「传参不同」 以上就是一直以来我对两者的全

内容由浅到深，主要是笔者对前端知识的复盘合集，干货满满，分享出来希望能一起交流进步，同样适合各个阶段的前端人学习和巩固，面试备战。另个人知识水平有限，如有纰漏，望不吝指正

你知道哪些浏览器事件不会冒泡吗？ 回答这个问题之前，我们首先要具备DOM事件流捕获与冒泡的知识，这里只讲JS中如何设置这两种事件监听，例如对body注册点击事件： 在JS中通常利用冒泡来进行事件委托，

一般情况下 CSS 并不会影响 JS 事件，但有一个 CSS 属性则比较特殊，那就是 pointer-events，它可以用来规避鼠标事件，其中大部分属性值只适用于 SVG（可缩放矢量图形）操作。接下

在某些业务场景下，接入第三方库实现轮播图效果可能并没有那么好用，笔者在接入Swiper插件失败后，还是决定手写一个。那么关于手写轮播图有很多文章已经讲过了，其核心原理是将图片排成一排，设置外层的Div

先来看看b站的一键三连是什么效果： 不难观察出以下几个特点....接下来我们要做的就是逐步实现这些步骤，如何开始呢？这就需要介绍今天的主角：谷歌扩展插件。

在文章创作前往往需要先有一个想法，当你有了模糊的想法，便可以开始研究。工欲善其事，必先利其器。这就是为什么我要做这个项目的原因——总有一些想法需要记录，围绕着某个主题，还需要把文章脉络理清。

node.js 初探 Node.js 是一个 JS 的服务端运行环境，简单的来说，它是在 JS 语言规范的基础上，封装了一些服务端的运行时对象，让我们能够简单实现非常多的业务功能。 如果我们只使用 J

本来觉得也没太多可以说的，可最后居然也写了不少。疫情持续下公司的萎缩，苦中作乐忙忙碌碌的2022摆烂生涯，第一次写点总结，就随便聊聊做的比较有意思的一个项目吧。