前言 will-change 一个既陌生又熟悉的属性，以前在使用这个属性的时候，单纯是因为要做性能优化，加上will-change会使得动画变得流畅一些，但是实际上到底是什么原因导致加上will-change就能使得动画流畅，它...
面试官：sessionStorage可以在多个Tab之间共享数据吗
面试题是：sessionStorage可以在多个选项卡之间共享数据吗？ 问题1：“你知道localStorage和sessionStorage有什么区别吗？” 我的朋友：他感到很高兴，因为这是任何一个前端开发工程师都知道的知识。 loc...
简单的聊一聊如何使用标签下载文件
标签 download 这应该是最常见，最受广大人民群众喜闻乐见的一种下载方式了，搭配上 download 属性， 就能让浏览器将链接的 URL 视为下载资源，而不是导航到该资源。 如果 download ...
简单的聊一聊如何用CSS制作一个专业的头部页眉（Headers）
一个吸引人的网页页眉对于给访问者留下良好的第一印象至关重要。一个设计精良的页眉不仅能够吸引注意力，还能为整个网站设定基调。借助CSS，创建现代化和视觉吸引力的网页页眉比以往任何时候都更加容易。 在...
如何使用JS将 HTML 页面或表单转化为 PDF文档
使用 jspdf 库，我们可以轻松地将任何 HTML 页面或表单转换为 PDF。 例如： import { jsPDF } from 'jspdf'; const pdfContentEl = document.getElementById('pdf-content'); const doc...
分享一个前端获取电池信息的API
前言 随着技术的日益发展，web前端技术远比我们想象的强大。浏览器允许网站获取用户设备的电池状态信息，例如电量百分比，剩余电量，充电状态等等。 我们可以使用这些信息，根据用户设备的电量调整我们的...
分享 8 个关于 new Date() 的冷知识
new Date() 构造函数是魔鬼 - 哦，我害怕它！这导致我在工作中犯了很多错误，其中一些非常奇怪。 我们必须非常小心地对待它，否则我们很容易陷入它的陷阱。 1. Safari浏览器不支持YYYY-MM-DD形式的格式化...
分享一些你可能不知道的 async、await 细节
前言 关于promise、async/await的使用相信很多小伙伴都比较熟悉了，但是提到事件循环机制输出结果类似的题目，你敢说都会？ 试一试？ 1： async function async1 () { await new Promise((resol...
有了for循环 为什么还要forEach
js中那么多循环，for for...in for...of forEach，有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论： for循环和forEach的本质区别。 for循环和fo...
ES7、ES8、ES9、ES10、ES11、ES12新特性
ES7 ES2016（ES7）中新增了如下特性👇 Array.prototype.includes Exponentiation Operator 一、Array.prototype.includes 1.1 定义 includes()方法用来判断一个数组或字符串中是否包含一个...