南叶

2024 已经到来，在 Web 前端这个岗位已经工作 6 年，这里将 2023 的学习内容做一些总结，并规划 2024 的学习计划。同时，子弈祝大家新的一年，身体健康、工作...

前几天有朋友问了我个问题： 是否可以通过 eslint 插件实现自动把属性访问变成可选链的方式。 这当然是可以的，我们来实现下： 创建项目，新建 package.json ...

有时候，某些数据我们需要存一下，方便页面跳转等场景，还能继续获取到这些数据，比如登录状态... 那么，怎么写一个存和取的方法呢？相信大家都能够自己写出来（或者百度出来！）...

tsconfig.json 的配置文件中的字段都代表啥意思呢? 我们简单来了解一下，注释说明了字段意思！...

回家自由职业有一个半月了，这段时间确实过的挺开心的。 虽然收入不稳定，但小册和公众号广告的收入也足够生活。 我算过，在小县城的家里，早饭 10 元，午饭 60元（按照偶尔改...

在使用 Axios 库进行 HTTP 请求时，拦截器是非常有用的功能，可以用来在请求或响应被发送之前或之后对其进行拦截和修改。...

在 JavaScript 中，this 关键字用于指代当前执行代码的对象。this 的值在每次函数调用时都可能不同，它的具体值取决于函数被调用的方式。...

在 JavaScript 中，每个对象都有一个内部属性 [[Prototype]]（或者叫 proto），它指向该对象的原型对象（即它的父级对象）。...

在 JavaScript 中，Proxy 对象可以用来拦截对象上的一些操作，可以对目标对象进行自定义的操作，而 Reflect 对象则提供了对一些默认行为的反射操作...

Web Components 是一种用于创建可重用、独立于框架的自定义 HTML 元素的技术。Web Components 由三个主要技术组成...

JavaScript 中的 Date 对象提供了处理日期和时间的功能。以下是 Date 对象的一些常见用法技巧和注意点...

浏览器的重排和重绘是网页性能优化中的重要概念，它们指的是浏览器对网页进行重新布局和重新绘制的过程。虽然它们常常被一起提到，但它们是不同的概念。...

js 如何获取页面打开的浏览器和设备信息，如 是否是微信、pc、pad或者手机浏览器。 在 JavaScript 中，可以通过 navigator 对象获取浏览器和设备信息...

CSS预处理器和后处理器是一种用于简化CSS编写和提高CSS代码可维护性的工具。 CSS预处理器是一种将类似于编程语言的语法转换为标准CSS语法的工具。...

Shadow DOM 是一种用于创建封装和隐藏 HTML 元素的技术。它可以将 HTML、CSS 和 JavaScript 封装在自定义元素内部，从而使其样式和行为不会被外...

HTTP 缓存是指在客户端或服务器端存储经常使用的 HTTP 资源的技术。当浏览器请求某个资源时，它会首先检查是否已经缓存了该资源的副本，如果有，则可以避免重新下载该资源，...

AJAX（Asynchronous JavaScript and XML）是一种通过 JavaScript 在后台发送 HTTP 请求并处理响应的技术。...

Promise 是一种处理异步编程的解决方案，它是 ES6 引入的一种新的语法特性。Promise 主要解决的是回调地狱问题，使得异步代码更加可读、可维护。...

什么是跨域 跨域是指在浏览器中，当前页面的域名与所请求资源的域名不一致时发生的一种安全限制。出于安全考虑，浏览器会限制从当前页面向另一个域名发送请求，从而防止恶意代码获取用...