摘要:
1.将 todoList 进行拆分 创建 编写TodoList.js 创建 编写TodoItem.js #TodoItem.js 阅读全文
摘要:
编写 TodoList 功能 react 入口 js #src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import TodoList from './TodoList' ReactDOM.rende 阅读全文
摘要:
1.最基础的 JSX 语法 普通javaScript中 引入 标签 let html = '<h1>hello</h1>'; jsx语法 let JSX_html = <h1>JSX</h1> 自定义标签 import React from 'react'; import ReactDOM from 阅读全文
摘要:
1. react-app 脚手架的 目录结构 node_modules -d 存放 第三方下载的 依赖的包 public -d 资源目录 favicon.ico - 左上角的图标 index.html - 项目首页模板 manifast.json - 如果是一个 app 定义 app 的图标 网址 阅读全文
摘要:
一、简介 由 Facebook 推出 2013 年 开源 的 函数式编程的 使用人数最多的 前端框架 拥有健全的文档与完善的社区 ( 官网 ) react 16 称为 React Fiber ( 底层 可以用事件循环的 碎片时间 可以执行优先级较高的 事件 提升用户体验 ) 二、react.js 和 阅读全文
摘要:
1. 创建 demo 目录 mkdir demo 2. 初始化应用 npm init 工程信息 package name : tetris-class-demo version: description: tetris game entry point: test command: git repo 阅读全文
摘要:
1. 需求分析 俄罗斯方块的要素 界面展示 定时刷新 键盘响应 方块模型 游戏规则 俄罗斯方块 比 "电商购物车" 好在哪? 业务比较简单, 人人都了解, 不需要过多前置知识 技术栈比较单纯,不需要使用过多的工具 本身的复杂性高于"购物车" 可以在成品的基础上进行技术演进, 过渡到前端框架 重点 重 阅读全文
摘要:
class 专题 定义 class //es5 类的定义 属性定义在 function 上, 方法定义在原型链上 function foobar(){ this.foo_ = 'foo'; this.bar_ = 'bar'; } foobar.prototype.sayHello = functi 阅读全文
摘要:
数组专题 展开运算符 使用...符号, 可以将数组"展开". 数组展开的妙用 ... eg: // 代替apply const foo = [1, 2, 3] const bar = [4, 5, 6] foo.push(...bar) // 相当于foo.push(4, 5, 6) // 假数组转 阅读全文
摘要:
let , const 和 var javascript 里面的作用域 一个大括号 是一个作用域 { } var 会 在局部作用定义 被定义时 会提升作用域 如 if 的 {} 就属于 局部作用域 为了规避 var 关键字的"变量作用域的提升"问题而产生的定义变量语法 let obj = {} # 阅读全文