10 2019 档案
摘要：通过上节课的学习，用useContext实现了Redux状态共享的能力，这节课看一下如何使用useReducer来实现业务逻辑的控制。需要注意的是这节课的内容是接着上节课的，需要你把上节课的代码部分完成，才可以继续学习。如果不学习我相信有可能你会听不懂。 在color.js中添加Reducer 颜色
阅读全文
摘要：使用useContext和useReducer是可以实现类似Redux的效果，并且一些简单的个人项目，完全可以用下面的方案代替Redux，这种做法要比Redux简单一些。因为useContext和useReducer在前两节课已经学习过了，所以我们这节课把精力就放在如何模拟出Redux的效果。如果你
阅读全文
摘要：上节课学习了useContext函数，那这节课开始学习一下useReducer，因为他们两个很像，并且合作可以完成类似的Redux库的操作。在开发中使用useReducer可以让代码具有更好的可读性和可维护性，并且会给测试提供方便。那我们彻底的学习一下useReducer。这节课我们只是简单的学习一
阅读全文
摘要：有了useState和useEffect已经可以实现大部分的业务逻辑了，但是React Hooks中还是有很多好用的Hooks函数的，比如useContext和useReducer。 在用类声明组件时，父子组件的传值是通过组件属性和props进行的，那现在使用方法(Function)来声明组件，已经
阅读全文
摘要：在写React应用的时候，在组件中经常用到componentWillUnmount生命周期函数（组件将要被卸载时执行）。比如我们的定时器要清空，避免发生内存泄漏;比如登录状态要取消掉，避免下次进入信息出错。所以这个生命周期函数也是必不可少的，这节课就来用useEffect来实现这个生命周期函数,并讲
阅读全文
摘要：在用Class制作组件时，经常会用生命周期函数，来处理一些额外的事情（副作用：和函数业务主逻辑关联不大，特定时间或事件中执行的动作，比如Ajax请求后端数据，添加登录监听和取消登录，手动修改DOM等等）。在React Hooks中也需要这样类似的生命周期函数，比如在每次状态（State）更新时执行，
阅读全文
摘要：useState的介绍 useState是react自带的一个hook函数，它的作用是用来声明状态变量。 那我们从三个方面来看useState的用法，分别是声明、读取、使用（修改）。这三个方面掌握了，你基本也就会使用useState了. 先来看一下声明的方式，上节课的代码如下： 这种方法是ES6语法
阅读全文
摘要：React Hooks 简介 2018年底FaceBook的React小组推出Hooks以来，所有的React的开发者都对它大为赞赏。React Hooks就是用函数的形式代替原来的继承类的形式，并且使用预函数的形式管理state，有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变
阅读全文
摘要：1.taro 缓存 2.Array 的 some 和 filter some 返回值为true/false filtern 返回值为筛选后的新数组 .
阅读全文
摘要：1.组件传值的方式 2.事件监听原理 3.事件管理器 utils/event.js 4.调用实例 .
阅读全文
摘要：（1）像素写法 PX -- 大写，否则会自动成rem （2）拿取列表第一条数据 （3）使用props 需要设置默认值 （4）引入组件时，组件名需与文件名相同，否则报错 （5）引入的函数不能直接在子组件中用箭头函数调用，需要在子组件中单独写个函数，调用props上的函数 （6）map 不能放在 ren
阅读全文
摘要：（1）单一事实来源： 整个应用的状态存储在单个 store 中的对象/状态树里。单一状态树可以更容易地跟踪随时间的变化，并调试或检查应用程序。 （2）状态是只读的： 改变状态的唯一方法是去触发一个动作。动作是描述变化的普通 JS 对象。就像 state 是数据的最小表示一样，该操作是对数据更改的最小
阅读全文
摘要：Flux 是一种强制单向数据流的架构模式。它控制派生数据，并使用具有所有数据权限的中心 store 实现多个组件之间的通信。整个应用中的数据更新必须只能在此处进行。 Flux 为应用提供稳定性并减少运行时的错误。
阅读全文
摘要：以下是MVC框架的一些主要问题： 对 DOM 操作的代价非常高 程序运行缓慢且效率低下 内存浪费严重 由于循环依赖性，组件模型需要围绕 models 和 views 进行创建
阅读全文
摘要：以下语法是 ES5 与 ES6 中的区别： 1.require 与 import 2.export 与 exports 3.component 和 function 4.props 5.state .
阅读全文
摘要：Virtual DOM 是一个轻量级的 JavaScript 对象，它最初只是 real DOM 的副本。它是一个节点树，它将元素、它们的属性和内容作为对象及其属性。 React 的渲染函数从 React 组件中创建一个节点树。然后它响应数据模型中的变化来更新该树，该变化是由用户或系统完成的各种动作
阅读全文
摘要：分为三大阶段：捕获阶段--目标阶段--冒泡阶段 事件代理简单说就是：事件不直接绑定到某元素上，而是绑定到该元素的父元素上，进行触发事件操作时(例如'click')，再通过条件判断，执行事件触发后的语句(例如'alert(e.target.innerHTML)') 好处：(1)使代码更简洁；(2)节省
阅读全文
摘要：定义：指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。 像 C 这样的编程语言，具有低级内存管理原语，如 malloc()和 free()。开发人员使用这些原语显式地对操作系统的内存进行分配和释放。而 JavaScript 在创建对象(对象、字符串等)时会为它们分配内存，不再使用对时会
阅读全文
摘要：可以判断出'string','number','boolean','undefined','symbol'但判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 'object' 原理是 构造函数的 prototype 属性是否出现在对象的原型链中的任何位置 常用于判断
阅读全文
摘要：（XSS，sql注入，CSRF） CSRF：是跨站请求伪造，很明显根据刚刚的解释，他的核心也就是请求伪造，通过伪造身份提交POST和GET请求来进行跨域的攻击。 **完成CSRF需要两个步骤：** 1.登陆受信任的网站A，在本地生成COOKIE 2.在不登出A的情况下，或者本地COOKIE没有过期的
阅读全文
摘要：1.异步加载的方案： 动态插入script标签 2.通过ajax去获取js代码，然后通过eval执行 3.script标签上添加defer或者async属性 4.创建并插入iframe，让它异步执行js 5.延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的。 1
阅读全文
摘要：我们举例说明：比如一个黑客程序，他利用Javascript读取到你的表单中 什么是 "use strict"; ? 使用它的好处和坏处分别是什么？ Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： 我们举例说明：比如一个黑客程序，他利用Javascript读取到你
阅读全文
摘要：概念: 同源策略是客户端脚本（尤其是Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。 这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。 指一段脚本只能读取来自同一来源的窗口和文档的属性。 概念: 同源策略是客户端脚本（尤其是Netscape
阅读全文
摘要：网站重构：在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为DIV+CSS 使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6
阅读全文
摘要：100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理 301 Mov
阅读全文
