自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React理解

一.Class Component VS Function Component 1.Capture(捕获) 特性 对比下面两段代码 Function Component function Counter() { const [count, setCount] = useState(0); const log = () => { setCount(count + 1); setTimeout(() => { console.log(count); // 0

2021-09-04 23:23:20 125

原创 ECMAScript新特性

本文章将要收集自ECMAScript2017开始的ECMAScript新特性 1.ECMAScript2017 1.字符串追加:提供了两个字符串追加的方法 String.prototype.padStart 和 String.prototype.padEnd,方便我们将一个新的字符串追加到某个字符串的头尾。 'someString'.padStart(numberOfCharcters [,stringForPadding]); '5'.padStart(10) // ' 5' '5'.p

2021-08-28 21:47:08 170

原创 React-Router-Hook

一、useLocation 当URL更新的时候会获取Location对象

2021-08-18 11:14:08 168

原创 React-hook

一、基础 Hook 1.useState 2.useEffect 3.useContext 二、额外的 Hook 1.useReducer 2.useCallback 3.useMemo 4.useRef 5.useImperativeHandle 6.useLayoutEffect 7.useDebugValue

2021-08-04 11:16:08 153

原创 TypeScript学习笔记

第一章、基础类型 1.布尔值 let isDone: boolean = false; 2.数字 let decLiteral: number = 6; 3.字符串 let name: string = "bob"; 4.数组 let list: number[] = [1, 2, 3]; 5.任意类型 any 变量的类型是动态的,可以是任意的,并且不会被类型检查器而检查,可以顺利通过编译阶段 let notSure: any = 4; notSure = "maybe a string inste

2021-07-28 22:19:02 320

原创 对于async、await、promise的理解

async会返回一个promise对象 async function testAsync() { return "hello async"; } const result = testAsync(); console.log(result); //Promise { 'hello async' } await在等待它后面函数的返回值,其返回值会直接赋值给await的变量 await等待有两个结果 1.等到的是普通函数 那么会直接以同步代码执行 2.等到的是异步函数(promise) 那么会阻塞下

2021-07-28 00:10:50 104

原创 nrm错误修复

修改cli.js文件的path属性(AppData文件默认隐藏,需要到C盘的查看,进入选项,进入查看,取消勾选隐藏受保护的操作系统文件) const NRMRC = path.join(process.env.HOME, ‘.nrmrc’); 改为: const NRMRC = path.join(process.env.USERPROFILE, ‘.nrmrc’); 之后再运行命令即可 ...

2021-07-16 14:26:44 90

原创 Vue.js

JavaScript 作者:李爽 一.单页面应用的缺点 1.优点 页面里的内容改变不需要重新加载整个页面 2.缺点 首屏加载慢 二.MVVM响应式原理(数据双向绑定) 1.Vue响应式原理主要通过以下三点来实现 数据劫持: vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 阐述一下你所理解的MVVM响应式原理 vue是采用数据劫持配合发布者-订阅者的模式的方式

2021-02-20 16:26:55 257

原创 JavaScript

JavaScript 作者:李爽 一.数据类型 1.基本数据类型 Number - - (数字) String - - (字符串) Boolean - - (布尔值) Undefined - - (未初始化) Nan(不是数值) Null - - (空的) Symbol - - (符号) 2.引用数据类型 Object - - (对象) 以下都是属于Object之内的: Array - - (数组) Function - - (函数) Date - - (时间) Regexp - - (正则) 3.基

2021-02-20 16:26:07 263

原创 HTML+CSS

HTML/CSS 作者:李爽 HTML 一.meta标签 doctype标签和meta标签 doctype告诉浏览器以什么样的文档规范解析文档 标准模式和兼容模式 标准模式 ->正常,排版和js运作模式都是以最高标准运行 兼容模式->非正常 二.语义化标签 页眉,页尾,内容 三.常见的块级元素、行内元素、行块级元素 常见的块级元素(自动换行, 可设置高宽 ): div h p ul li display:block; 常见的行内元素(无法自动换行,无法设置宽高):a img spa

2021-02-20 16:24:18 186

原创 给element-el-table中的label添加代码

<template> <div class="container"> <el-table :data="tableData"> <el-table-column prop="test1" align="center"> //要添加的内容 <template slot="header"> <span>测试1</span> <el-

2021-01-12 18:02:43 367

原创 数组常见算法

数组去重 数组扁平化:将多维数组变成一维数组 var arr=[1,[2,[3,[4,[5]]]]] function quchong(arr){ let result=[]; for(let i=0;i<arr.length;i++){ if(Array.isArray(arr[i])){ //判断第i项是否是数组 result=result.concat(quchong(arr[i])) }else{

2021-01-11 18:50:42 61

原创 二叉树的遍历

原文地址 const root = { val: "A", left: { val: "B", left: { val: "D" }, right: { val: "E" } }, right: { val: "C", right: { val: "F" } } }; //深度优先:前 中 后 //递归 function qi

2021-01-11 17:39:25 114

原创 事件循环文章

事件循环 async process.nextTick async报错用法 视频1 视频2

2021-01-08 18:06:39 59

转载 Promise

ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数? 别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。 这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。这么说用Promise new出来的对象肯定就有then、catch方法喽,

2021-01-07 16:41:28 71

原创 Element ui table(表格)和pagination(分页)

Element ui table(表格)和pagination(分页) 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 <template> <div> <MORBreadchip title="充值记录" style=" width: 88px; he

2021-01-07 15:51:47 337

空空如也

空空如也

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

TA关注的人

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