为什么

本文深入探讨了在Vercel上部署单页应用（SPA）时，深层URL（如/projects/home）可能遇到的路由和资源加载问题。尽管Vercel的vercel.json配置看似正确，但问题的根源往往在于HTML文件中引用的相对资源路径。文章详细解释了如何通过将相对路径修改为绝对路径来解决此类问题，…

dom操作的核心是通过javascript控制网页元素，主要步骤包括：1. 选择元素，常用方法有getelementbyid、getelementsbyclassname、getelementsbytagname、queryselector和queryselectorall，其中queryselec…

柯里化是将多参数函数转换为一系列单参数函数，直到参数足够时执行原函数；其好处是实现延迟执行与参数复用，例如可先传入操作符生成特定计算函数再复用；手写实现通过递归和apply方法合并参数并控制this指向；也可使用lodash等库提供的curry函数，更加简洁高效；柯里化与偏函数区别在于前者每次只传一…

闭包实现代理模式的核心是通过工厂函数创建代理对象，该代理利用闭包捕获并持有对真实对象及私有状态（如缓存）的引用，从而在不修改原对象的前提下，对其方法调用进行拦截和增强。1. 工厂函数接收真实对象作为参数；2. 内部定义私有状态（如cache）和代理方法；3. 返回的新对象方法通过闭包访问真实对象和私…

javascript数组没有直接的remove方法，推荐使用filter实现非破坏性移除；2. filter通过条件筛选创建新数组，不修改原数组，符合函数式编程理念；3. splice可用于原地修改，但需注意索引变化带来的复杂性；4. reduce也可用于条件移除，适用于复杂数据处理场景；5. fi…

最推荐的方式是使用urlsearchparams对象。1. 使用new urlsearchparams(window.location.search)创建实例来获取当前url的查询参数；2. 通过get(‘key’)获取单个参数值；3. 使用getall(‘key…

在循环中使用var声明变量会导致异步操作出现问题，根本原因在于var的函数作用域和变量提升特性，使得循环变量在整个函数作用域内共享，导致所有异步回调最终都访问到循环结束后的同一个值；1. 使用var时，变量i被提升并共享于整个函数作用域，循环结束后i的值为最终状态（如3），所有settimeout回…

快速排序的工作原理是基于“分而治之”策略，通过选择基准、分区和递归排序三个步骤实现高效排序：首先从数组中选择一个基准元素，然后将数组划分为两部分，左边为小于基准的元素，右边为大于或等于基准的元素，此时基准位于最终有序位置；接着对左右两个子数组递归执行相同操作，直到子数组长度小于等于1，整个数组即有序…

javascript数组本身不支持观察者模式，要实现需通过封装或proxy拦截操作并通知订阅者。1. 使用自定义类可封装数组，重写push、pop、splice等方法，在操作后调用_notify通知订阅者；2. 直接索引赋值无法用setter捕获，需借助es6 proxy的set陷阱实现；3. pr…

javascript中实现数组惰性求值的核心是使用生成器函数和迭代器，1. 通过lazymap和lazyfilter等生成器函数定义操作但不立即执行；2. 只有在迭代时才按需计算；3. 适用于处理大数据集和无限序列，节省内存；4. 缺点包括增加代码复杂性、重复计算开销及副作用不可控；5. 调试时可借…