丸子· - 个人主页动态 - 牛客网

发布(69) 评论刷题

2021-07-07 14:38

已编辑

中国地质大学（武汉）产品经理

(前端手撕) 9. 手写节流防抖

手写节流防抖 1. 节流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> &l...

0 点赞评论收藏

分享

2021-07-07 14:37

已编辑

中国地质大学（武汉）产品经理

(前端手撕) 8. 手写发布订阅者和观察者模式

手写发布订阅者和观察者模式 1. 观察者模式 class Subject { constructor() { this.observers = []; } add(observer) { this.observers.push(observer); } notify(...args) { this.observers.forEach(observer => observ...

0 点赞评论收藏

分享

2021-07-07 14:24

已编辑

中国地质大学（武汉）产品经理

（前端手撕）7. 手写继承的几种方法

手写继承的几种方法 1. 原型链继承 //父类型 function Person(name, age) { this.name = name, this.age = age, this.play = [1, 2, 3] this.setName = function () { } } // Person.prototype.setAge = function () { } //子类型 function Student(price) { this.price = price this.setScore = function () { } } Stu...

0 点赞评论收藏

分享

2021-07-07 14:18

中国地质大学（武汉）产品经理

（前端手撕）6.手撕ajax

手撕ajax function Ajax(type, url, data, success, failed) { // 创建ajax对象 var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHTTP') } ...

0 点赞评论收藏

分享

2021-07-07 14:44

已编辑

中国地质大学（武汉）产品经理

（前端手撕）5. 手写promise.all与race

手写promise.all与race 1. 手写promise.all function promiseAll (promises) { return new Promise(function(resolve,reject){ if(!Array.isArray(promises)){ return reject(new TypeError('argunments must be Array')) } var reso...

0 点赞评论收藏

分享

2021-07-07 14:22

已编辑

中国地质大学（武汉）产品经理

（前端手撕）4. 手撕深拷贝

手撕深拷贝 function deepClone(obj, hash = new WeakMap()) { if (obj === null) return obj; // 如果是null或者undefined我就不进行拷贝操作 if (obj instanceof Date) return new Date(obj); if (obj instanceof RegExp) return new RegExp(obj); // 可能是对象或者普通的值 如果是函数的话是不需要深拷贝 if (typeof obj !== "object&quot...

0 点赞评论收藏

分享

2021-07-07 14:18

已编辑

中国地质大学（武汉）产品经理

（前端手撕）3.手撕instanceof

手撕instanceof function instance (left,right){ var left = left.__proto__; var right = right.prototype; while(right){ if(left === right){ return true }else{ left = left.__proto__; ...

0 点赞评论收藏

分享

2021-07-07 14:23

已编辑

中国地质大学（武汉）产品经理

（前端手撕）2.清除浮动的几种方式

清除浮动的几种方式 1. 伪元素 <!DOCTYPE html> <html lang="en"> <head> <style> .wrap{ width: 200px; border: solid 1px red; } .left { width: 50px; height: 50px; border: solid 1px blue; ...

0 点赞评论收藏

分享

2021-07-07 14:23

已编辑

中国地质大学（武汉）产品经理

（前端手撕）1.未知宽高元素垂直水平都居中

未知宽高元素垂直水平都居中 1. flex法 <!DOCTYPE html> <html lang="en"> <head> <style> .wrap { width: 200px; height: 200px; border: solid 1px red; display: flex; justify-content: center; align-items...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务