- 博客(12)
- 收藏
- 关注
RSS订阅原创 JavaScript异步编程
本文通过四个阶段来讲述JavaScript异步编程的发展历程：1、第一个阶段 - 回调函数，但会导致两个问题:缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符缺乏可信任性： 控制反转导致的一系列信任问题2、第二个阶段 - Promise，Promise是基于PromiseA+规范的实现，它很好的解决了控制反转导致的信任问题，将代码执行的主动权重新拿了回来。3、第三个阶段 - 生成器函数Generator，使用Generator，可以让我们用同步的方式来书写代码，解决了顺序性的问题，但是需
2025-02-07 22:46:29
772
1
原创 js for in 和 for of的区别详解
for in 和 for of 都是用来遍历属性的。例1:遍历对象 const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let i of obj) { console.log(i) // Unca
2021-09-09 16:25:18
249
原创 Vue $attrs和$listeners的使用
A父、B子、C孙组件传值的时候会用到A组件在B组件传递值，B组件会通过$ attrs获取到不在B组件props里面的所有属性，B组件通过在C组件上绑定$attrs 和 $listeners 使C组件获取A组件传递的值并且可以调用在A组件那里定义的方法多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点大材小用。为此Vue2.4 版本提供了另一种方法-- $ attrs/ $listeners$ attrs：包含了父作用域中不被
2021-09-06 20:52:44
575
原创 js常见八股文
这里写目录标题JavaScript的数据类型分为俩种，一种是基本数据类型，一种是引用数据类型1、基本数据类型2、引用数据类型JS判断一个数据是什么类型分别是typeof运算符，constructor法，instanceof运算符，Object.prototype.toString方法以及Array.isArray法typeof运算符constructor（构造函数）instanceof运算符（实例）JavaScript 原型、原型链？原型链有什么特点JavaScript的数据类型分为俩种，一种是基本数据类
2021-08-26 12:23:23
744
1
原创 Github或Gitee提交第一行代码
Github或Gitee提交第一行代码github和gitee上创建仓库提交第一行代码一、先将仓库clone到本地，修改后再push到 Github或Gitee 的仓库二、本地初始化一个仓库，设置远程仓库地址后再做pushgithub和gitee上创建仓库链接: github创建仓库 和 gitee创建仓库提交第一行代码一、先将仓库clone到本地，修改后再push到 Github或Gitee 的仓库1、先将仓库clone到本地，修改后再push到 Github或Gitee 的仓库$ git
2021-08-25 14:01:37
220
原创 Vuex状态管理
Vuex什么是Vuex？Vuex解决了什么问题？什么时候用Vuex？Vuex的5个核心属性是什么？分别是 state、getters、mutations、actions、modules 。state全局存储状态，只可以读，不能进行写操作getters对数据进行处理，类似计算属性，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。mutations 是vuex唯一一个可以修改数据的地方，操作为同步函数。每个 mutation 都有一个字符串的 事件类型 (type)
2021-08-17 21:30:22
132
原创 axios
什么是 axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中特性：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFaxios是一个支持多种请求方式的 promise 的 HTTP 库axios拦截器在请求或响应被 then 或 catch 处理前拦截它们。请求拦截器（i
2021-08-11 18:30:45
94
1
原创 JS原生AJAX
1、什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。2、Ajax的原理：简单来说就是 通过XmlHttpRequest对象向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作DOM更新页面的技术。3、原生JS创建Ajax的五个步骤：1.创建XMLHTTPRequest对象2.使用open方法设置和服务器的交互信息3.设置发送的数据，开始和服务器端交互4.注册事件5.更新界面//创建 XMLHtt
2021-08-03 00:32:45
751
4
原创 js防抖和节流
在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用**debounce（防抖）和throttle（节流）**的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。如下图，持续触发scroll事件时，并不执行handle函数，当1000毫秒内没有
2021-07-31 15:34:32
75
原创 javascript 闭包
JS闭包及容易遇到的坑闭包指的是：能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量function outer() { var a = 99 nAdd=function(){a+=1} var inner = function () { console.info(a) //9
2021-07-08 21:33:19
371
1
原创 vue项目中使用v-if的内容如何进行表单验证
如下图所示：会有小红星号的提示，但是鼠标blur之后不会出现message的提示信息解决方法：给使用v-if的部分，增加一个key，并确保key是唯一的参考文章：https://www.cnblogs.com/teamblog/p/9566415.html
2020-08-21 14:46:26
641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人