青春木鱼的博客

性能优化，是每一个开发者都会遇到的问题，特别是现在越来越重视体验，以及竞争越来越激烈的环境下，对于我们开发者来说，只完成迭代，把功能做好是远远不够的，最重要的是把产品做好，让更多人愿意使用，让用户用得更爽，这不也是我们开发者价值与能力的体现吗？重视性能问题，优化产品的体验，比起改几个无关痛痒的 bug 要有价值得多。

JS中的global、window以及document对象的区别

JS中的事件对象event和window.event的区别：window.event‌是Internet Explorer特有的事件对象，不支持其他浏览器。event‌遵循W3C标准，是大多数现代浏览器支持的事件对象。在标准兼容的浏览器中，事件对象作为参数传递给事件处理函数。

在实现Vue移动端适配方面，主要依赖于视口单位（Viewport units）、Flexible.js、PostCSS插件、以及媒体查询（Media Queries）这几个关键技术和策略。其中，Flexible.js是一种广泛采用的解决方案，因为它能够动态改变根元素的字体大小，进而影响整个应用的布局。

垃圾回收机制也称Garbage Collection简称GC。在JavaScript中拥有自动的垃圾回收机制，通过一些回收算法，找出不再使用引用的变量或属性，由JS引擎按照固定时间间隔周期性的释放其所占的内存空间。在C/C++中需要程序员手动完成垃圾回收。

reject是用来抛出异常的，catch是用来处理异常的；reject是Promise的方法，而then和catch是Promise实例的方法（Promise.prototype.then 和 Promise.prototype.catch）。

如何缓存 JavaScript、CSS 文件是一个关注点，因为这能显著提升网站性能、减少服务器负载、节省带宽。简而言之，缓存是指浏览器存储网页资源的一种机制，使得用户在访问同一页面时，无需重新下载相同的资源。特别地，对于JavaScript和CSS文件，一旦缓存，就可以在用户的后续访问中使用本地副本，这样可以加快页面加载速度、改善用户体验。其中，最常用的缓存实现方式包括设置HTTP缓存标头，如Cache-Control和Expires，以及使用服务工作器（Service Workers）。

JS中获得鼠标位置的属性有哪些？

规范JavaScript的注释方法包括使用单行注释、多行注释、使用JSDoc风格的注释以及采用一致的注释习惯。其中，使用JSDoc风格的注释是为了提高代码的可读性和维护性，通过在函数和变量声明之前添加规范化的注释，为代码的每一部分提供清晰的文档说明。这种做法不仅有助于团队成员之间的沟通，也便于未来的代码维护和更新。

软件制作的流程主要包含需求分析、系统设计、编码实现、测试验证、部署上线和维护更新。其中，需求分析是基础，它决定了软件的功能和性能；通过与用户的沟通，明确软件要解决的问题和要实现的目标，以及预期的用户体验。这个阶段的成果通常是需求规格说明书，它将指导后续开发工作。

JavaScript的内存回收优化关键在于理解内存生命周期、减少内存泄露以及合理运用内存管理手段。具体方法包括：避免全局变量的滥用、使用局部变量以便回收、减少对闭包的不当使用、解绑无用的事件监听器、避免不必要的大型数据结构、使用WeakMap和WeakSet以便垃圾回收、利用Chrome DevTools定位内存问题。其中，解绑无用的事件监听器尤为重要，因为忘记解除绑定的事件监听器可能导致DOM元素无法被回收，从而产生内存泄露。这意味着即便相关DOM已从文档中移除，由于仍然存在引用（事件监听器），它的内存仍

在JavaScript中，常用的模块化规范有以下几种：CommonJS规范：主要用于服务器端编程，是Node.js采用的模块化规范。通过require方法加载模块，通过module.exports和export对象输出模块。AMD规范：主要用于浏览器端编程，是RequireJS采用的模块化规范。通过定义方。ES6模块规范：是ECMAScript 6采用的模块化规范，是JavaScript官方标准。通过export关键字输出模块，通过import。

在实际应用中，如果客户端不支持Cookie或禁用Cookie功能，那么服务器就无法获取Session的ID属性，也无法获取与该客户端对应的Session对象。为了解决这个问题，URL重写技术被引入到Session机制中。在无法得知客户端是否支持Cookie功能时，将Seesion的ID属性追加到URL地址的后面，从而实现会话跟踪功能。

在现代的网页设计中，为了提高用户体验和网站性能，图片懒加载已经成为一个常见的技术。图片懒加载可以减少初始加载时间，延迟加载图片直到用户滚动到它们所在的位置。另外，为了进一步提升用户体验，添加淡入效果可以使页面更加平滑和吸引人。在本文中，我们将学习如何使用JavaScript实现图片懒加载的淡入效果。

要实现图片的懒加载，核心的方法包括：利用JavaScript监听滚动事件、通过getBoundingClientRect()判断图片是否进入可视区域、使用Intersection Observer API、结合data属性暂存图片地址。在现代浏览器中，推荐使用Intersection Observer API来实现图片的懒加载，因为它相比传统的事件监听方式更为高效且易于维护。

JS | JS之深入理解滚动大小scroll系列属性

‌客户区client系列属性主要包括clientWidth和clientHeight两个属性。‌‌clientWidth属性‌：此属性返回一个元素的宽度值，包括元素的内容和内边距，但不包括边框、外边距和滚动条部分。返回值是一个整数，单位是像素。此属性是只读的‌。‌clientHeight属性‌：此属性返回一个元素的高度值，包括元素的内容和内边距，但不包括边框、外边距和滚动条部分。返回值也是一个整数，单位是像素。此属性是只读的‌。‌这两个属性的主要用途是获取元素的可视区域大小，不包括滚动条等隐

偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。

IntersectionObserver是一种浏览器提供的API，用于监测元素与其祖先元素或视窗的交叉状态。‌ 它通过异步观察目标元素是否可见，来判断目标元素与视窗或其祖先元素的交叉比例，因此也被称为“交叉观察器”。IntersectionObserver的核心功能是判断元素是否进入、离开或部分可见于视窗，这通常用于实现如懒加载、无限滚动等功能‌

在前端开发过程中，我们经常需要获取HTML元素的尺寸和位置信息。getBoundingClientRect()方法就是一个非常重要的工具，它可以帮助我们获取元素的大小及其相对于视口的位置。