自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 js中的 Event loop(事件循环)

文章目录执行栈与事件队列macro task(宏任务) 与micro task(微任务)node.js提供的异步函数process.nextTick()和setImmediate()总结我们都知道js是一个 单线程的非阻塞的语言,那么js的运行机制是怎样的呢?让我们通过本篇文章来学习一下吧执行栈与事件队列我们都知道js中有同步代码也有异步代码,其中执行栈就是用来存放同步代码的,;js自上向下按顺序执行时,遇到同步代码就将其存入到执行栈中,遇到异步代码如定时器时,js并不会等到其执行完毕而是将其存放到

2022-03-18 16:21:09 1788 1

原创 React学习总结(二)

文章目录state事件处理条件渲染与列表渲染条件渲染列表渲染state在类组件中,用 state 来存储当前组件中的数据,类似于vue中的data;而两者不同的是vue中的data可以直接进行修改,而React中的state却不能直接修改,因为直接修改不会重新渲染组件;如果要修改state 则需要使用setState方法;如下面的代码我们利用state实现了类似时钟的效果;<!DOCTYPE html><html lang="en"><head> &l

2022-03-16 20:13:58 406

原创 React学习总结(一)

文章目录概述JSX语法元素渲染与组件元素渲染组件类组件函数组件概述经过这段时间的 React 学习,自己对这阶段的学习做了一个总结。JSX语法在React中使用JSX代替 js;JSX编写模板会更加方便快捷;在刚开始学习 React相关知识时,老是忘记在 script 中添加标签 type=""text/babel,导致代码运行报错;简单的JSX语句<script type="text/babel"> const element = <h1>你好,{name}&lt

2022-03-14 17:26:35 1176

原创 Vue项目打包后页面空白的问题

第一种情况 资源加载失败报错如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-thgdjh12-1646450652321)(file://D:/soft/Gridea/yuanwenjian/post-images/1644893370600.png)]这个问题是由于路径的问题,我们可以在项目下新建一个 vue.config.js 文件,在里面我们输入如下代码module.exports = { publicPath:'./'}再重新进行打包就可以了,

2022-03-06 11:30:00 1764 1

原创 js深浅拷贝

用处当我们需要对一个引用值进行复制时,我们就需要用到拷贝例子原始值拷贝 let a = 12 let b = a a = 13 console.log(b) // 打印出 12引用值拷贝(错误版)如果我们使用与原始值相同的拷贝方法就会出现以下结果 let obj1 = { name: "小明", age: 17 } let obj2 = obj1 obj1.name = "小红" c

2022-03-05 16:17:49 121

原创 js原型与原型链

基本概念每个对象都有自己的原型对象,它可以使用其原型链上的所有属性和方法。获取原型的几种方式通过对象的 __proto__ 获取 let cat = { name: "喵喵" } // 在 cat 的原型对象上添加一个 eat 方法 cat.__proto__.eat = function() { console.log("吃鱼") } cat.eat() // 打印出吃鱼 说明 cat 使用了其原型上的方法通过构造函数的 proto

2022-03-05 11:23:29 241

原创 单链表类题目(js版)

合并两个有序单链表:​ 题目链接:https://leetcode-cn.com/problems/merge-two-sorted-lists/​ 思路:比较两个链表的值,将值较小的加入到结果链表中​ 代码:var mergeTwoLists = function(list1, list2) {if(list1===null) {return list2}if(list2===null) {return list1}if(list1.val<list

2022-03-05 08:25:17 297

原创 防抖与节流

防抖概念用户操作触发事件频繁,只要最后一次的操作使用场景<body> <input type="text"> <script> let inp = document.querySelector("input") inp.oninput = function() { console.log(this.value); } </script></body>当我们在输入框中输入一个“前”字时,.

2022-02-16 20:31:21 589

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除