![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 58
温其如玉_zxh
道阻且长,行则将至。
展开
-
Vue组件传参方式总结(Vue2、Vue3)
依赖注入不仅可以父子传值,也可以传递给更深层次的子组件。如果提供的值是响应式数据,那么注入的值也是响应式的。所谓注入就是读取的意思。的值是实时同步的,所有组件都可以访问到,由于内容过多,本文不做详细介绍,附另一篇详细介绍。Pinia 使用方法内容有点多,本文限于篇幅,不做介绍,附一篇详细介绍使用方法的博客链接。的写法接收时需要断言类型,如果不确定是否使用需要加一个。如果是对象类型,需要使用。如果是对象类型,需要使用。使用方法的博客链接。原创 2023-06-13 15:56:56 · 1223 阅读 · 0 评论 -
JS实现深拷贝的几种方法
通过递归的方式深度遍历对象,将每个属性的值进行复制。需要处理被复制对象为值类型的情况以及属性值中包含对象的情况。需要注意的是,为了防止循环引用导致死循环,需要记录已经遍历过的对象。是一个一致性、模块化、高性能的。原创 2023-05-27 16:50:18 · 4338 阅读 · 0 评论 -
前端引入外部 js文件
这是最简单的方法,不过想来不是你想要的方法,因为这种方法在项目加载时就会引入,你可能需要在不同环境下判断是否需要引入,比如微信中引入,钉钉中不引入等。所以还有其它方法来引入。只能引入静态文件,外部文件是无法引入的。不过你可以将文件下载下来引入,这也是一种解决办法。你可以在引入前添加判断条件,来决定是否要引入。文件,专门用来写这类内容。原创 2023-03-31 17:42:54 · 4731 阅读 · 0 评论 -
你真的弄懂this指向了吗
在说 this 指向之前,请观察以下代码,并说出它们的输出结果:第 1 组:标准函数let o = {// 输出值是什么?// 输出值是什么?第 2 组:箭头函数let o = {sayColor();// 输出值是什么?// 输出值是什么?call()apply()bind()是为了灵活改变函数this 指向而发明的,他们的主要用途也是用来改变 this 指向。当然,由于这些方法本身的特性,也可以用来做些其它的事情,比如计算数组最大值、最小值等。原创 2023-03-09 13:54:40 · 252 阅读 · 0 评论 -
JS垃圾回收机制
在说垃圾回收之前,我们首先需要了解的是,什么是垃圾?为什么要进行垃圾回收?JS中的函数,变量,对象等都需要占用一定的内存,当这些东西不再被使用的时候,就变成了垃圾已经调用完毕的函数作用域及其内部的值值为 null 值无法被访问到的值上面已经说了,JS中的所有的变量都会占用内存,当这些变量变成垃圾的时候,如果不进行回收,内存就会被一直占用,随着程序的运行,垃圾也会越来越多,总有一刻,内存会被占满,程序也就无法运行了。原创 2023-03-08 14:10:42 · 681 阅读 · 0 评论 -
浏览器输入url到页面渲染完成经历了哪些步骤
确认字符 (Acknowledge character),在数据通信中,接收站发给发送站的一种传输类控制字符,表示发来的数据已确认接收无误。传输控制协议(Transmission Control Protocol),是一种面向连接的、可靠的、基于字节流的传输层通信协议。的时候就已经开始了,并不是等到接收完成后才开始,解析的过程是自上而下,先解析当前节点的所有子节点,再解析兄弟节点及其子节点。SYN=1, ACK=1, seq=y, ack=x+1(确认字符为1,序列号为x+1,此处seq为。原创 2023-03-01 21:36:17 · 2056 阅读 · 0 评论 -
JavaScript的执行顺序
在说JavaScript的执行顺序之前,我们先回答一下以下几组程序的输出结果第 1 组} , 0);output(2);// 2 3 1第 2 组resolve();resolve();resolve();resolve();});});});resolve();});});看完上面两组案例,是不是会产生这样的疑惑,为什么输出的结果是这样的,别着急,下面我们来详细分析。原创 2023-02-21 17:45:41 · 315 阅读 · 2 评论 -
WebPack5学习笔记
这篇文章是学习笔记类型,内容会逐级深入,看完后可以对webpack有基本认知,且可以自行对项目进行配置。原创 2023-02-09 16:25:18 · 496 阅读 · 0 评论 -
前端常用网站资源(建议收藏)
提示:链接默认为官方网址,少数为个人收藏或本人博客文档地址待补充…原创 2023-01-28 16:15:13 · 79 阅读 · 0 评论 -
ES6数组新特性及操作方法总结
扩展运算符是`...`,可以将数组转为用逗号隔开的参数序列,它的用法有很多,以下列举几种原创 2023-01-17 19:41:27 · 249 阅读 · 0 评论 -
vue解决跨域问题
vue解决跨域问题很简单,只需要修改cli中的配置,在文件中修改以下内容即可,没有此文件的可以自行创建。原创 2023-01-16 16:16:44 · 993 阅读 · 0 评论 -
vue中~@和@的区别
以@开头的url,会作为一个模块请求被解析。它的用处在于 Vue CLI 默认会设置一个指向的别名。指向的是src目录,且只能在和中使用,在中使用会报错。原创 2023-01-07 17:01:38 · 2734 阅读 · 1 评论 -
vant中Field输入框禁止输入空格
vant输入框组件在vue中禁止输入空格,按照不同引入方式,使用不同的方法原创 2022-08-22 11:50:12 · 3324 阅读 · 0 评论 -
H5接入微信公众号方法(超详细)
H5接入微信公众号方法(超详细)原创 2021-12-30 14:55:30 · 26872 阅读 · 0 评论 -
js获取并计算当前、过去、未来时间
一、获取时间获取当前时间的:年、月、日、时、分、秒注意:月份需要加1const now = new Date()now.getFullYear() // 当前日期的年now.getMonth() // 当前日期的月,返回 0-11,代表1-12月now.getDate() // 当前日期的日now.getHours() // 当前日期的时now.getMinutes() // 当前日期的分now.getSeconds() // 当前日期的秒获取当前周now.getDay() //原创 2021-10-05 22:26:56 · 1544 阅读 · 0 评论 -
ES6解构赋值详解
一、解构赋值二、对象中部分属性赋值原创 2021-09-14 20:25:07 · 383 阅读 · 0 评论 -
在vue中使用echats的详细步骤及注意事项
一、安装echats// 使用npmnpm install echarts --save// 使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -save二、引入echats原创 2021-06-04 17:15:37 · 459 阅读 · 0 评论 -
在vue中使用axios(详细通用版)
axios封装方法原创 2021-05-25 15:07:59 · 9150 阅读 · 4 评论 -
vue中怎么引入字体包(超详细)
vue中怎么引入字体包一、创建文件并添加字体包1、在src里面的assets文件中创建text文件(没有assets文件可以自己创建一个,也可以不用此命名);2、把字体包放入text文件,并创建一个text.css文件(命名随意),把字体包引入text.css文件中,font-family建议使用英文。text.css文件内容@font-face { font-family: "JDZY"; src: url('./font.woff'); font-weight: no原创 2021-05-24 10:15:15 · 15471 阅读 · 0 评论 -
vuex使用方法(详细实用)
vuex用法原创 2021-05-22 16:06:13 · 11976 阅读 · 1 评论 -
form表单常用方法(各种常用校验及计算)
form表单常用方法手机号校验export const checkPhone = (data) => { let value = true let code = /^1[3456789]\d{9}$/; if (!code.test(data)) { value = false; console.log('手机号格式错误') } return value}电子邮箱校验export const checkEmail =原创 2021-05-19 19:34:41 · 679 阅读 · 0 评论 -
JavaScript常用原生属性、函数(超实用)
JavaScript常用方法(超实用)一、类型转换parseFloat()、parseInt()作用:1、解析一个字符串并返回一个数字,允许开头或结尾有空格;2、如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。示例:let val = ' 12.12Andy';console.log(val.parseFloat()) // 12.12,返回浮点数console.log(val.parseInt()) // 12,返回整数...原创 2021-05-19 17:35:01 · 290 阅读 · 0 评论 -
js合并对象、添加对象的方法
js合并对象、追加对象的方法js合并对象、追加对象的方法合并对象js合并对象、追加对象的方法合并对象原创 2021-02-21 14:51:15 · 1809 阅读 · 0 评论