阿青_-_-_-CSDN博客

转载 React 之 JSX

万物始于 jsx，想要深入学习 react ，就应该从 jsx 入手。弄清楚 jsx ，方便学习掌握以下内容：了解常用的元素会被 React 处理成什么，有利于后续理解 react fiber 类型；理解 jsx 的编译过程，方便操纵 children、控制 React 渲染，有利于便捷使用 React 插槽组件。......

2022-07-19 23:44:18 933

完整生命周期每个React组件都包含 “生命周期方法”，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。React的生命周期主要包括3大部分，挂载、更新和卸载。在整个生命周期中，包括了组件异常处理。 1.挂载当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下： constructor()：给 this.state 赋值对象来初始化内部 state，为事件处理函数绑定实例 static getDerivedStateFromProps()：它应返回一个对象来更新 state，如果

2021-12-16 16:22:48 156

原创 React组件学习踩坑

1.自定义JavaScript 函数组件组件名必须大写，否则会渲染失败！ //无法正常渲染 /*function welcome(props) { return <p>hello,{props.name}!</p>; }; function app(props) { return ( <div> <p>this is {props.app}</p> <wel

2021-11-29 16:24:26 310

原创 JavaScript中的对象、类与面对对象编程

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++1+++++++++++++++++

2021-11-27 16:05:56 95

原创 JavaScript中的迭代器和生成器

1.迭代器迭代就是反复多次的执行一段程序，常见的循环就是一种简单的迭代。 for(let i = 0 ; i < 10; i++){ console.log(i); } 迭代器模式描述了一个方案，可以把有些结构称为 “可迭代对象(iterable)”，因为他们实现了Iterable接口，而且可以通过迭代器Iterator有序访问结构中的数据,访问数据的过程可以称之为消费(consume)。 let arr=[1,2,3]; for(const num of arr[Symbol.iterator

2021-11-25 15:07:18 344

原创翻牌游戏概率模拟

假如有9张扣着的牌，其中7张普通牌各自翻出猫的概率相同，比如5%能翻出来( 95%翻出来不是猫)，一张简单牌，翻出来猫的概率是20%，一张困难牌，翻出来猫的概率是1%。我现在有三轮翻牌机会，每轮都可以把所有牌翻开，全都翻开后为一轮结束，每轮结束后除了翻出来猫的牌其余全都扣回去，猫牌就留在原地不动，之后猫牌不再参与翻牌，然后进行下一轮翻牌。要是翻出来猫的话，不管几个，翻牌机会可以重置为3轮。当翻牌机会用完或者所有牌都翻出来猫游戏结束。举个例子，比如9张牌编号1-9，1-...

2021-11-24 23:52:04 3646

原创 JavaScript集合引用类型

JavaScript集合引用类型 1.Object 大多数引用值的示例使用的是Object类型，显式创建Object对象共有两种方式。 let obj1 = new Object(); let obj2 = {}; Object的属性通过点语法来存取，即obj.propertyName，当属性名使用点语法可能会导致语法错误或包含有关键字、保留字时，使用中括号语法访问，即obj["propertyName"]。 2.Array Array数组与其他语言里的数组都是一组有序的数据，但是在JavaScript中

2021-11-24 21:02:29 583

原创 JavaScript中的基本引用类型

在ECMAScript中，引用类型是吧数据和功能组织到一起的结构，经常被人错误的称为“类”。 1.Date 创建Date对象使用new关键字 let date = new Date(); 两个辅助方法：Date.parse() 和 Date.UTC() Date.parse()方法接收一个表示日期的字符串，尝试将这个字符串转换为表示该日期的毫秒数，当字符串不能表示日期时，该方法会返回NaN。 Date.UTC()方法也返回日期的毫秒表示，...

2021-11-24 16:42:05 322

原创 JavaScript中的变量、作用域与内存

变量、作用域与内存 1.原始值与引用值 ECMAScript包含两种不同类型的数据：原始值和引用值。原始值就是最简单但的数据类型，引用值则是由多个值构成的对象。在javaScript中不允许直接访问内存空间，在操作对象时，实际上操作的时对象的引用，而非对象本身。动态属性在用new关键字时，JavaScript会创建一个Object实例，就可以对创建的对象动态添加属性。 let name1="marin"; let name2= new String("mata"); name1.age=27; name

2021-11-24 13:55:00 522

原创 JavaScript基本语法

JavaScript基本语法 1. 严格区分大小写 typeof !=TypeOf 2. 标识符以字母、_ 、$ 开始，剩下的其他字符可以是字母、_ 、$及数字，推荐使用驼峰命名。 3. 注释单行// 多行/* */ 4. 变量 var 可多次定义同一变量，声明提升(hoist),在严格模式下,不能定义eval与argument变量。范围：函数作用域 let 注意：不可再同一作用域冗余声明；不可在同一作用域与var声明同一变量名；在作用域内不会被提升(暂时性死区)；全局声明不会成为window对象

2021-11-22 20:48:08 421

原创 script标签需要注意的点

2021-11-22 16:00:02 315

z1617433467的博客