在现代前端开发中，获取屏幕的宽度和高度通常依赖于 JavaScript。然而现代 CSS 也可以获取到屏幕的宽高，通过自定义属性（CSS Variables）和一些数学函数来实现这一目标。本文将详细解析如何使用 CSS 的 @property 规则和一些数学运算来获取屏幕的宽高，严格的说是获取视口的宽度和高度。

前端页签之间通信的六种方法。为了提高稳定性，每个标签页都是一个独立的浏览器上下文，它们之间是相互隔离的，一个标签页崩溃不会影响到其他标签页，无法直接访问对方的数据或进行通信。

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。本文将带来了解到 Next.js 14 所需的全部知识。

文章介绍了58同城大前端（H5，Hybird，IOS，Android）性能优化流程，从指标采集（数据入库）到数据分析，以及一些重要的性能优化经验，写的非常详细。性能优化作为前端重要且必要的指标基建，非常推荐大家阅读。

框架日新月异，作为普通开发者，我们可以站在更高的角度去审视这些框架的发展，避免随波逐流。希望借此机会把遇到的常见框架都梳理一下，方便我们在日常工作中，能客观对待框架和技术，最终客观的做好选型，能清楚知道选型中遇到的坑，进而帮助业务更好发展。水合是指在客户端恢复服务端渲染出的应用程序的过程。这包括复用服务端渲染的 DOM 结构、持久化应用程序状态、传输服务端已经获取到的应用程序数据，还有一些其他过程。CSR架构设计对 LCP 和 FID 指标不太好，如果在一些B端(管理平台)，这俩指标要求不高情况下也是没问题的。

状态机定义: finite-state machine 有限自动状态机 是表示有限个状态以及在这些状态之间的转移和动作等行为的数学计算模型。有限状态机在很多不同领域被广泛应用，包括电子工程、语言学、计算机科学、哲学、生物学、数学和逻辑学。在计算机科学中，有限状态机被广泛用于建模、硬件电路系统设计、软件工程，编译器、网络协议、和计算与语言的研究。

下面几种介绍的方法通过对设备的信息进行采集，从硬件角度判断是否为同一个人，尽可能避免使用cookie来判断带来的误判。下面方法经常用在埋点中，或者是风控安全中。

Vue 仍然是一个很棒的框架。随着 composition API 的出现，Vue 只会有更大的发展。在这篇文章中，我将介绍 10 个有用的自定义钩子，让我们的代码更加好看。带你全面掌握Vue中的钩子函数。

最近在网上偶然看到一种在线编辑器，实现了 用户的数据在本地，编辑器是一个在线web应用。这样就可以有效的避免了用户写作文章需要上传第三方服务器导致的数据丢失问题。在数据进行有效保护的同时，编辑器生成的文章样式可以无差异的发布到第三方应用，例如：微信等。思考片刻后，决定自己也实现一个类似的简单Demo，可以在线编辑Markdown文件，使用编辑器生成的内容样式会和实时的和Blog最终样式保持一致，这样可以实现所见即所得的博客文章。

今天和大家一起 来 弄清楚一段 JavaScript 代码，它是如何执行的呢？ 进而彻底讲明白闭包和作用于链的含义。JavaScript 是一门高级语言，需要转化成机器指令，才能在电脑的 CPU 中运行。使 JavaScript 代码转换成机器指令，是通过 JavaScript 引擎来完成的。