随笔分类 -  js

摘要:###按钮在监听到disabled后面的布尔值就可以实现是否禁用 一: <button :disabled="book.count <= 1" @click="decrement(index)">-</button> 二: <button onclick="this.disabled='true'; 阅读全文
posted @ 2022-05-24 11:55 xuelin 阅读(588) 评论(0) 推荐(0)
摘要:###主要针对移动端,pc端原理相同 ####利用内置api,当按下手指时,触发ontouchstart; ####然后调用 window.scroll(X,Y):X代表着X轴滚动多少px,Y代表着Y轴滚动多少,px假如是Y方向滚动100px,window.scroll(0,100)。 onTouc 阅读全文
posted @ 2022-05-23 11:17 xuelin 阅读(46) 评论(0) 推荐(0)
摘要:###作用:主要是异步处理,一共三种状态(padding,fulfilled,reject),分别代表进行,成功,失败,状态不可变 ###使用:它主要在一个函数体内return出去,函数执行时,可能存在异步过程,在主函数前面加上async,在主函数调用时候,前面加上await。 ###结构:prom 阅读全文
posted @ 2022-05-19 22:34 xuelin 阅读(158) 评论(0) 推荐(0)
摘要:###什么是CDN? 内容分发网络--通过相互链接的网络系统,利用最靠近用户的服务器,更快更可靠的发送给用户。 ###vue的cdn引入 ###method中的函数为什么不能用this? this的主要使用是来获取data中的值,但是如果成为了箭头函数,指向发生了变化,成为了winDow 学习路径 阅读全文
posted @ 2022-05-18 18:08 xuelin 阅读(35) 评论(0) 推荐(0)
摘要:![](https://img2022.cnblogs.com/blog/2752939/202205/2752939-20220510101745930-30005605.png) 阅读全文
posted @ 2022-05-10 10:18 xuelin 阅读(42) 评论(0) 推荐(0)
摘要:###01:赋值、比较、函数传参 <script> /* 赋值:原始类型赋【值】;引用类型赋【引用】 比较:原始类型比较的是否相等;引用类型比较的是否是一个对象 函数传参:原始类型作为参数,函数内的操作不影响实参的值。引用类型作为参数, 函数内的操作会影响实参的值 */ // 原始类型赋值 let 阅读全文
posted @ 2022-03-18 15:26 xuelin 阅读(60) 评论(0) 推荐(0)
摘要://引入图片 import Img128 from '@/assets/img/newMyVoucher/UserInfo/128background.png'; import Img18 from '@/assets/img/newMyVoucher/UserInfo/18background.p 阅读全文
posted @ 2022-03-17 16:28 xuelin 阅读(34) 评论(0) 推荐(0)
摘要://电话加密 function geTel(phone) { let NewPhone = phone.toString(); var reg = /^(\d{3})\d{4}(\d{4})$/; return NewPhone.replace(reg, '$1****$2'); } geTel(p 阅读全文
posted @ 2022-03-17 11:12 xuelin 阅读(85) 评论(0) 推荐(0)
摘要:###1在父组件外部定义变量A创建上下文,2在父组件使用变量A<A.Provider> <子组件/> </A.Provider> ,3.在子组件中创建变量使用useContext(),把定义变量返回出去 import React, { useState,createContext,useContex 阅读全文
posted @ 2022-03-10 12:32 xuelin 阅读(148) 评论(0) 推荐(0)
摘要:##可选属性 type类型别名 type 会给一个类型起个新名字。 type 有时和 interface 很像,但是可以作用于原始值(基本类型),联合类型,元组以及其它任何你需要手写的类型。 ###interface TypeScript 的核心原则之一是对值所具有的结构进行类型检查。 而接口的作用 阅读全文
posted @ 2022-02-22 16:19 xuelin 阅读(568) 评论(0) 推荐(1)
摘要:形参展开 像这样实参1传递给了n,而剩下的2,3,4,5等等,都传递给了数组m function multiply (n:number,...m:number[]){ return m.map((x) => x*2)//[ 4, 6, 8, 10 ] } console.log("🚀 ~ file 阅读全文
posted @ 2022-02-22 10:07 xuelin 阅读(45) 评论(0) 推荐(1)
摘要:##viod object类型 unknown类型 ##never类型 ##function类型 {{uploading-image-89562.png(uploading...)}} 阅读全文
posted @ 2022-02-22 09:50 xuelin 阅读(57) 评论(0) 推荐(1)