pangqianjin

2021年6月17日

摘要：使用v-for，同时指定key(用v-bind绑定) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文

posted @ 2021-06-17 13:36 pangqianjin 阅读(71) 评论(0) 推荐(0) 编辑

Vue条件渲染

摘要： v-if和v-show v-if是不渲染，而v-show是设置display:none <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content= 阅读全文

posted @ 2021-06-17 13:01 pangqianjin 阅读(29) 评论(0) 推荐(0) 编辑

Vue通过watch和计算属性的get和set分别实现数据的同步修改

摘要： name1改变时，同时改变name2；name2改变时，同时改变name1 使用watch实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont 阅读全文

posted @ 2021-06-17 09:12 pangqianjin 阅读(912) 评论(0) 推荐(0) 编辑

Vue的计算属性和监视

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-06-17 08:41 pangqianjin 阅读(37) 评论(0) 推荐(0) 编辑

2021年6月16日

Vue模板语法

摘要：双大括号，强制数据绑定，绑定事件监听 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi 阅读全文

posted @ 2021-06-16 16:47 pangqianjin 阅读(24) 评论(0) 推荐(0) 编辑

Hello Vue!

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-06-16 16:35 pangqianjin 阅读(25) 评论(0) 推荐(0) 编辑

2021年6月10日

JQuery的第一个例子

摘要：在页面加载时弹出提示框效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp 阅读全文

posted @ 2021-06-10 17:59 pangqianjin 阅读(18) 评论(0) 推荐(0) 编辑

JavaScript数组扁平化、数组去重常见方法

摘要：数组扁平化 1.使用arr.flat() const arr = [1,[2,[3,[4,5]]], 6] const res = arr.flat(Infinity) 2.使用正则 const arr = [1,[2,[3,[4,5]]], 6] const res = JSON.stringif 阅读全文

posted @ 2021-06-10 15:55 pangqianjin 阅读(99) 评论(0) 推荐(0) 编辑

2021年6月4日

React中如何在componentWillUnmount中取消之前的Promise异步请求？

摘要： 1.如果是Promise对象如图，将promise设为一个全局对象，然后在生命周期内更改它的值，如果在组件要卸载时还时Pending状态，就用Promise.race()方法，直接传入一个Promise.reject()与它竞速，那么它就不会继续被执行。 2.如果是XMLHttpRequest对象阅读全文

posted @ 2021-06-04 12:30 pangqianjin 阅读(322) 评论(0) 推荐(0) 编辑

2021年5月21日

自定义封装Promise

摘要： // 构造函数 function Promise(executor){ this.promiseState = 'pending'// 状态 this.promiseResult = undefined// 结果 this.callbacks = []// 指定多个回调函数 const self = 阅读全文

posted @ 2021-05-21 16:22 pangqianjin 阅读(66) 评论(0) 推荐(0) 编辑

公告