EWL Blog

终于，见到你了呢

ES6深入认识02

类型转换

日期 2019-01-05 学习内容 part1. ES6深入认识-promise学习   part2. React-Router-Dom升级过程记录与学习01 Part01 Promise.prototype.then P...

Posted by EWL on January 5, 2019

今年看过的书

如果累了，就看看书，冷静一下

书单详情 书名 作者 出版社 你不知道的JavaScript三部 Kyle Simpson 中国工信出版社 react小书 胡子大哈 未出版 数据之美：一本书学会可视化设计 ...

Posted by EWL on December 27, 2018

ES6深入认识01

ES6

ES6的深入认识(1) let&const 首先列出我对于let和cons起初粗浅的认识 let ≈ var，const只是定义一个不可变常量 二者均不支持提升 学习总结后的一些认识： (1) var在全局创建的变量，全局各处均可以访问到，let则不是，如果在代码块中创建，则只能在代码块中访问。 验证： 第一点认识起初不是很明朗，于是进行了如下的验证： var a...

Posted by EWL on December 23, 2018

redux学习理解08

redux-study

react-redux的学习实现第四课：将store的挂载从根节点Index上移除 前几节的学习都是将store与子组件们(Header Content ThemeSwitch)的耦合关系解开，但是我们的store现在还是和Index相关，只要Index和store仍然以context方式挂载，这就意味着Index组件在其它没有store的场景下是完全无法复用的，所以这一节我的学习内容就是...

Posted by EWL on December 16, 2018

redux学习理解07

redux-study

react-redux的学习实现第三课：由connect完成事件触发，拒绝组件直接调用store内部方法 上一节的学习中，我们在themeSwitch中去切换组件的颜色时，仍然是通过Index上的context去获取store，然后调用store.dispatch去触发事件，回顾代码如下： handleSwitchColor = (color) => { const { s...

Posted by EWL on December 15, 2018

redux学习理解06

redux-study

react-redux的学习实现第二课：使用高阶组件包裹纯函数的方式提高组件复用性 上一节的代码中展示了如何将react和redux结合起来，但是我们每一次都需要组件从context中取到store，然后再进行状态的更新。这样看来，每一次使用的时候我们都需要去获取，并也需要提前去在使用store的一系列子组件的父级组件上设置context，这样紧密的耦合，直接导致了我们组件的复用性降为零。...

Posted by EWL on December 15, 2018

redux学习理解05

redux-study

react-redux的学习实现第一课：将react和redux结合起来 首先，利用create-react-app创建一个新的项目： |__public__ index.html |__src__ index.js |__ Header.js |__ Content.js |__ ThemeSwitch.js index.js import Rea...

Posted by EWL on December 14, 2018

redux学习理解04

redux-study

redux的学习实现第四课：将stateChanger改名为reducer,不要问为什么的reducer 优化createStore的内容 上一节我们写的stateChanger是这个样子的： function stateChanger(state, action) { switch (action.type) { case 'CHANGE_TITLE': ret...

Posted by EWL on December 13, 2018

redux学习理解03

redux-study

redux的学习实现第三课：纯函数在redux学习中的使用 首先，回顾一下上一节的内容，会发现很多性能上的问题，我们在代码中加入一些console.log进行调试： function renderTitle(title) { console.log('render title'); const titleDOM = document.getElementById('title');...

Posted by EWL on December 13, 2018

redux学习理解02

redux-study

redux的学习实现第二课：抽离store 上一节的学习中，我们把appState和dispatch已经创建完毕。现在将其抽离出来，集中到一个单独的地方，专门用于生产这种state-dispatch对。 创建createStore的代码如下： // createStore function createStore(state, stateChanger) { const getSta...

Posted by EWL on December 13, 2018

FEATURED TAGS
前端 CSS html JavaScript happymmall 生活 思考 层叠上下文 层叠顺序 z-index todolist jquery javascript 记录 笔试 春招 基础 React 框架 redux CSS3 位运算 算法 小顶堆 源码
ABOUT ME

如果可以的话，请认真生活出一个更好的自己

✉️ amoryvictorialee@outlook.com

FRIENDS