网站开发笔记-- tk挠痒痒网址发布页-秘密武器

面试问到vue中对 keep-alive的理解

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染，一般结合路由和动态组件一起使用，用于缓存组件...

菜鸟 2024-05-01 573 0

搞懂谷歌 network 面板(图文)

这张图片展示了一个网络浏览器的开发者工具中的网络（Network）面板。它记录了页面加载期间发出的各种网络请求。这个特定的面板主要展示了以下几个关键信息：Name: 请求的资源名...

掘金 2024-04-18 532 0

前端开发中树形结构转成列表

[ { id: 1, text: '节点1', parentId: 0, children: [ { id:2, text: '节点1_1&#3...

admin 2024-04-14 602 0

前端开发中列表转成树形结构

[ { id: 1, text: '节点1', parentId: 0 //这里用0表示为顶级节点 }, { id: 2, text: '节点1_1', pa...

admin 2024-04-13 616 0

前端开发中的dom转json

<div> <span> <a></a> </span> <span> <a></a> <a></a> </span></div>把上诉dom结构转成下面的JSON格式{ tag: 'DIV', children: [ { tag:...

admin 2024-04-12 514 0

前端面试题：每隔一秒打印 1,2,3,4

// 使用闭包实现for (var i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log(i); }, i * 1000); })(i);}// 使用 let 块级作用域for...

admin 2024-04-11 617 0

前端开发实现Jsonp 封装

// 发送请求function createScript(src) { const script = document.createElement('script'); script.src = src; script.type = "text/javascript"; document...

admin 2024-04-10 678 0

sleep 函数

function sleep(time) { return new Promise(resolve => setTimeout(resolve, time));}// 使用sleep(1000).then(()=>{ console.log(1);})async function output() { let...

admin 2024-04-09 620 0

前端实现实现取消 promise

function cancel(promise) { const obj = {}; const p = new Promise((resolve, reject) => { obj.resolve = resolve; obj.reject = reject; }); obj.promise =...

admin 2024-04-08 580 0

实现 Promise.prototype.finally

Promise.prototype.finally = function(cb) { return this.then(res => { return Promise.resolve(cb()).then(() => res); }, err => { return Promise.resolve(cb...

admin 2024-04-07 493 0

实现 Promise.race

Promise.race = function(promises) { return new Promise((resolve, reject) => { for (let i = 0; i < promises.length; i++) { Promise.resolve(promises[i])....

admin 2024-04-06 574 0

实现 Promise.all(前端面试题)

Promise.all = function(promises) { return new Promise((resolve, reject) => { const result = []; let count = 0; if (promises.length === 0) { resolv...

admin 2024-04-05 588 0

实现 Promise

class Promise { constructor(fn) { this.status = 'pending'; this.onFulfilledCallbacks = []; this.onRejectedCallbacks = []; // 更改成功后的状...

admin 2024-04-04 568 0

前端开发中通用的ajax 封装

function ajax (url, method, postData) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.setRequ...

admin 2024-04-03 467 0

发布订阅

class EventEmitter { constructor() { this.events = {}; } on(name, handler){ this.events[name] = this.events[name] || []; this.events[name].push(hand...

admin 2024-04-02 595 0

建站笔记