山林-Ruzenie

首页

数据结构

数据库

后端

浏览器

web安全

手写

前端

手写未读

Promise

// 记录Promise的三种状态 const PENDING = 'pending'; const FULFILLED = 'fulfilled'; const REJECTED = 'rejected'; /** * 运行一个微队列任务 * 把传递的函数放到微队列中 * @param {

JavaScript 2025-06-12

手写未读

Vue原理

Vue2 /** * 观察某个对象的所有属性 * @param {Object} obj */ function observe(obj) { for (const key in obj) { let internalValue = obj[key]; let funcs

JavaScript 2025-06-12

手写未读

set

class MySet { constructor(iterator = []) { //验证是否是可迭代的对象 if (typeof iterator[Symbol.iterator] !== "function") { throw

JavaScript 2025-05-16

手写未读

map

class MyMap { constructor(iterable = []) { //验证是否是可迭代的对象 if (typeof iterable[Symbol.iterator] !== "function") { throw

JavaScript 2025-05-08

手写未读

函数管道pipe

es6之前的写法 function pipe(){ var args = Array.from(arguments); return function(input) { return args.reduce(function(acc, fn) {

JavaScript 2025-05-04

手写未读

柯里化curry

es6之前的写法 function curry(func){ var args = Array.prototype.slice.call(arguments, 1); var that = this; return function() { var curry

JavaScript 2025-05-02

手写未读

克隆clone

es6之前 function clone (obj, deep) { if (Array.isArray(obj)) { if (deep) { //深度克隆 var newArr = []; for (

JavaScript 2025-05-01

手写未读

混合mixin

两个对象，混合后产生一个新对象 es6之前的写法 function maxin(obj1,obj2){ var newObj = {}; for(var key in obj2){ newObj[key] = obj2[

JavaScript 2025-04-30

手写未读

节流throttle

“节流”（Throttling）是一种处理高频触发事件的优化技术，它的核心思想是控制函数在一定时间内只执行一次，避免函数被过度调用。节流解决的是 “事件持续高频触发，但我们需要按固定频率执行函数” 的问题。节流的本质是设置一个 “时间间隔”，当事件被触发时：若距离上次执行函数的时间小于间隔，则忽

JavaScript 2025-04-29

手写未读

防抖deBounce

“防抖”（Debouncing）是一种在前端开发等领域广泛应用的技术，核心目的是过滤掉高频、无意义的重复触发信号，只保留 “有效” 触发，避免资源浪费或功能异常。防抖的本质是设置一个 “延迟时间（等待期）”，当事件被触发时：先清除之前未执行的延迟任务（若存在）；重新设置一个新的延迟任务，等待延

JavaScript 2025-04-29