- 博客(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-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
转载 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关注的人