工作笔记
weixin_45774432
这个作者很懒,什么都没留下…
展开
-
11.4、有关Map的遍历应用
/* 结合数组的 map 方法、filter方法,可以实现 Map 的遍历和过滤 (Map 本身没有 map 和 filter 方法) */ const m1 = new Map().set(1, 'a').set(2, 'b').set(3, 'c') console.log(m1) // Map(3) {1 => "a", 2 => "b", 3 => "c"} const...原创 2021-05-09 07:59:39 · 102 阅读 · 0 评论 -
10_hook
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-04-24 07:58:17 · 69 阅读 · 0 评论 -
09_数组操作方法/10_数组位置方法/11_数组迭代方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-05-09 07:59:14 · 81 阅读 · 0 评论 -
08_数组方法/数组栈、队列方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-04-14 23:23:17 · 68 阅读 · 0 评论 -
07_事件处理
// 事件处理 /* 阻止默认事件: 传统的 HTML : 通过返回 false 的方式阻止默认行文。 React : 显式的使用 e.preventDefault 。 在这里,e 是一个合成事件。React 根据 W3C 规范来定义这些合成事件,所以你不需要担心跨浏览器的兼容性问题。 使用 React 时,你一般不需要使用 addEventListener 为已创建的 DOM 元素添加监听器。 React 恰恰与之相反,你只需要在该元素初始渲染的时候添加一原创 2021-04-14 23:19:19 · 76 阅读 · 0 评论 -
06_state&生命周期
const element = <h1>Hello,xxx!</h1> const domContainer = document.querySelector('#react_dom') ReactDOM.render(element, domContainer) // ==================================================== // 时钟的例子: function tick() { const element.原创 2021-04-14 23:17:55 · 67 阅读 · 0 评论 -
05_组件&Props
// 组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。 // 组件,从概念上类似于 javascript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。 // 函数组件与 class 组件 // 定义组件最简单的方式就是编写 javascript 函数: function Welcome(props) { return <h1>11111{props.name}</h1> } /* 该函数原创 2021-04-14 23:15:38 · 112 阅读 · 1 评论 -
04_react基础
// JSX const element = <h1>Hello,world!</h1> /* 为什么使用jsx? jsx 是一个 javascript 的语法扩展, jsx 可以很好的描述 ui 应该呈现出它应有交互的本质形式。 jsx 可以生成 React 元素 */ const name = 'jack' const element = <h1>Hello,{name}!</h1> ReactD原创 2021-04-14 23:14:25 · 54 阅读 · 0 评论 -
03_基本包装类型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2021-04-14 23:12:52 · 53 阅读 · 0 评论 -
02_Function类型_作为值得函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2021-04-14 23:11:26 · 74 阅读 · 0 评论 -
工作笔记 (杂)
原创 2021-04-14 22:52:26 · 63 阅读 · 0 评论