随笔分类 -  手动实现前端轮子

8.手写懒加载、下拉刷新、上拉加载、预加载等效果？
摘要：懒加载 阅读全文
posted @ 2023-03-05 10:25 不想做混子的奋斗远 阅读(22) 评论(0) 推荐(0)
7.手写一个模版引擎，并能解释其中原理
摘要：模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。 模板引擎的原理 模板引擎的实现方式有很多，最简单的是“置换型”模板引擎，这类模板引擎只是将指定模板内容（字符串）中的特定标记（子字 阅读全文
posted @ 2023-03-05 10:24 不想做混子的奋斗远 阅读(74) 评论(0) 推荐(0)
6.手写JSON.stringify、JSON.parse ？
摘要：JSON.stringify JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串，如果指定了一个 replacer 函数，则可以选择性地替换值，或者指定的 replacer 是数组，则可选择性地仅包含数组指定的属性。 JSON.stringify(v 阅读全文
posted @ 2023-03-05 10:22 不想做混子的奋斗远 阅读(54) 评论(0) 推荐(0)
5.可以说出两种实现双向绑定的方案、可以手动实现
摘要：可以说出两种实现双向绑定的方案、可以手动实现 1.手动绑定 Object.defineProperty <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt 阅读全文
posted @ 2023-03-05 10:18 不想做混子的奋斗远 阅读(57) 评论(0) 推荐(0)
4.手写一个EventEmitter实现事件发布、订阅
摘要：EventEmitter EventEmitter （事件派发器）是 Node.js 的核心模块 events 中的类，用于对 Node.js 中的事件进行统一管理，用 events 特定的 API 对事件进行添加、触发和移除等等，EventEmitter 的核心就是事件触发与事件监听器功能的封装。 阅读全文
posted @ 2023-03-05 10:14 不想做混子的奋斗远 阅读(691) 评论(0) 推荐(0)
3.手动实现async await
摘要：经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖呢？让我们来一层层的剥开它的糖衣。 有的同学想说，既然用了generator函数何必还要实现async呢？ 这篇文章的目的就是带大家理解清楚async和generator之间到底是如何相互协作，管理异步的。 const 阅读全文
posted @ 2023-03-05 10:09 不想做混子的奋斗远 阅读(76) 评论(0) 推荐(0)
2.手动实现符合Promise/A+规范的Promise？
摘要：暂时搁置 阅读全文
posted @ 2023-03-05 10:07 不想做混子的奋斗远 阅读(20) 评论(0) 推荐(0)
1.手动实现call、apply、bind
摘要：Function.prototype.mycall = function(obj){ var args = Array.prototype.slice.apply(arguments,[1]); obj.fn = this; obj.fn(...args);//es6的解构语法，也可以使用obj.f 阅读全文
posted @ 2023-03-05 10:06 不想做混子的奋斗远 阅读(43) 评论(0) 推荐(0)