unDDDefined - 个人主页动态

2022-03-22 23:18

let arr = [1, 3, 2, 4, 5, 6, 8, 7, 10, 9]; const bubbleSort = (array) => { for (let i = 0; i < array.length - 1; i++) { //每一轮比较都要去掉最后的i个已经较大的数 for (let j = 0; j < array.length - 1 - i; j++) { if (array[i] > array[i + 1]) { const temp = arra...

0 点赞评论收藏

2022-03-22 19:27

天津农学院前端工程师

Promise失败后重试

function fn() { const n = Math.random(); return new Promise((resolve, reject) => { setTimeout(() => { if (n > 0.7) { resolve(n) } else { reject(n) } }, 1000); }) } Promise.retry = (fn, times) => { new Promise(async (resolve, reject) =>...

0 点赞评论收藏

2022-03-22 19:13

天津农学院前端工程师

手写Promise.race()

//实现Promise.race() /** * @param {Promise[]} arr * @return {Promise} */ const p1 = new Promise((r, j) => setTimeout(r, 1000, "oneSuccess")) const p2 = new Promise((r, j) => setTimeout(r, 2000, "twoSuccess")) const p3 = new Promise((r, j) => setTimeout(j, 500, "threeError")) Promise.proto...

0 点赞评论收藏

2022-03-22 17:52

天津农学院前端工程师

JS for...in 和 for...of 的异同

遍历对象 for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。 仅迭代自身的属性 如果你只要考虑对象本身的属性，而不是它的原型，那么使用 getOwnPropertyNames() 或执行 hasOwnProperty() 来确定某属性是否是对象本身的属性（也能使用propertyIsEnumerable）。或者，如果你知道不会有任何外部代码干扰，您可以使用检查方法扩展内置原型。 for ... in是为遍历对象属性而构建的，不建议与数组一起使用，数组可以用Array.prototype.forEach()和for ... of，那么for ......

0 点赞评论收藏

2022-03-22 16:28

天津农学院前端工程师

浅记宏任务和微任务

简单记录下宏任务和微任务 宏任务： 计时器 AJAX 读取文件 微任务： promise.then(()=>{}) //只有then的参数为函数的时候，.then才是异步微任务 new Promise((yes, no) => { yes(); console.log(1); }).then(console.log(2)) console.log(3); new Promise((yes, no) => { yes(); console.log(4); }).then(() => console.log(5)) console.log(6); ...

0 点赞评论收藏

2022-03-22 13:48

天津农学院前端工程师

Object.defineProperty（）实现双向绑定v-model

<body> <div id="app"> <input type="text" id="txt"> <p id="show"></p> </div> </body> <script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj }, set: function (newVa...

0 点赞评论收藏

2022-03-22 15:27

已编辑

天津农学院前端工程师

防抖、节流

1.防抖 function debounce(fn, wait) { let timer = null; //注意点1：借助闭包 return function (...args) { if (timer) clearTimeout(timer); //注意点2：清除定时器 timer = setTimeout(() => { fn.apply(this, args) //注意点3：setTimout会发生this隐式丢失；改变this指向为调用debounce所指的对象。 }, wait) } } ...

0 点赞评论收藏

2022-03-10 20:03

天津农学院前端工程师

圣杯布局

<!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> <div id="header">#header</div> <...

0 点赞评论收藏

2022-03-10 14:55

天津农学院前端工程师

轮播图简单实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> </head> <style> ...

0 点赞评论收藏

2022-03-09 23:28

天津农学院前端工程师

Vue3 setup语法糖注意点

使用语法糖的组件的属性和方法是私有的，如果父组件要通过 ref 获取子组件 dom 实例的方式来调用子组件内部的函数，需要事先将需要的属性和方法暴露出去。

0 点赞评论收藏

2022-03-09 20:11

天津农学院前端工程师

Vue3使用 i18n 实现国际化

通过 npm i vue-i18n@next 安装 在 plugin 文件夹下新建 i18n.ts 文件： import {createI18n} from 'vue-i18n' const messages = { en: { message: { hello: 'hello world' }, changeText:'change text' }, ru: { message: { hello: 'Китай' }, ...

0 点赞评论收藏

2022-03-08 10:18

天津农学院前端工程师

用setTimeout实现setInterval

const _setInterval = (fn, misc) => { const interval = () => { setTimeout(interval, misc); fn(); }; setTimeout(interval, misc); };

0 点赞评论收藏

2022-03-06 14:51

天津农学院前端工程师

题解 | #千位分隔符#

在字符串长度不确定的情况下，可以使用递归。 _comma(number % 1000) 是获取数字最后三位，将其放在返回值的最后面，并且在前面加一个逗号，_comma(Math.floor(number / 1000)) 是将剩下的部分传入函数本身，不断重复，直到入参的number小于1000，返回 number.toString()，函数最后返回一个完整的千位分隔符的字符串。 function _comma(number) { // 补全代码 if (number < 1000) { return number.toString(); } else { re...

monze：lz，这样写会出现一个问题，例如：123456789012，当_comma(number % 1000)取余会返回余数12，但我们想要的是012，所以会出现问题为'123,456,789,12'而不是'123,456,789,012'

0 点赞评论收藏

2022-03-05 11:13

天津农学院前端工程师

未封装的原生下拉加载实现

0 点赞评论收藏

2022-03-05 09:43

天津农学院前端工程师

简单封装一个AJAX

function myAxios(method, url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest() xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status >= 200 && xhr.status < 300...

0 点赞评论收藏

关注他的用户也关注了：