oyishyi

昨天把慕课网的react教程看完了，加上今天的成果如下。 1. lightbox 效果制作 登陆弹窗的时候，需要背景变灰一点，无法滚动，只能按叉退出。 一开始使用 absolute，给 props 传值每次登陆组件渲染的时候传当前滚动条的位置，再填充进css样式里。 一是还要传…

继续仿掘金，虽说也不是全仿了。 0. webpack 打包自带严格模式 我说怎么 this 都是 undefined，我还想用 window 来着。 1. flex 设置垂直居中，同时不改变元素尺寸。 flex 的 align-items 可以设置垂直居中这很好。但是 flex…

开始仿某个网站。记录一下过程中的一些思考或者遇到的坑。 1. styled component 由于 css 是全局作用的，经常会有 class 名字冲突，全局污染等情况出现。 而像 styled-component 这种工具，能够写出 css-in-js 风格的代码，以组件的…

今天学习 redux。学习材料是中文文档和慕课网视频。 1. redux 基础 react 总是特别提醒自己只是一个视图层，虽然也有可以传递 state 的方式，但是只要传递的方式稍微复杂一点，整个结构就会非常难懂。 为了解决这些状态传递的问题，需要用到 redux。（redu…

学习材料为 react 文档。 1. Hook 介绍 Hook 的意思是把 state 和生命周期函数用“钩子”钩过来，让函数组件也能使用 state。以及提供其他各种特性使得函数组件比 class 组件更好用，以解决 class 组件的各种问题。比如说： 组件复用：class…

1. 防抖和节流 有时候我们想控制某个函数触发的频率，比如说某个鼠标移动事件的监听函数，我们并不想每次移动都触发该函数，那样太耗费性能了。 可以点进这个网页直观看到节流和防抖的动画效果。 先说防抖，防抖可以给函数设置一个 timeout，等到 timeout 过后才执行。但是重…

今天在油管看慕课网的 React 教程(出口转内销。 1. 各种小细节 因为看过文档，就简单过一遍。顺便也学到了很多小细节。 1. 为什么很多时候没有看到对 React 的引用，也要导入 React 原因其实我应该是知道的，但是一时间没有联系起来。 因为这些文件里都有 JSX …

今天（指2天）把 React 文档高级指引部分看完了。感觉 React 文档写的很分散，顺序太乱了，看完感觉没学到什么。 再把 hook 部分看完，就去看慕课网的教程了。 1. 生命周期 2. context context 用于存放大量的组件都需要的数据，如用户信息，语言，等…

今天（指两天）继续学习 React。 1. 事件 可以看到：①onclick成为了onClick。②函数不能用引号 在 React 中，通常是在元素初始化的时候添加监听器，而不是用 addEventListener，因为操作的基本都是 React 元素而不是 DOM 元素。 c…