个人博客 v2017

寂寞空虚冷的时候不妨来总结总结近期又遇到了什么好玩的东西

主页

https://blog.caohuilin.com

博客列表

• React Hooks -- 实现 useListStore

• React Hooks -- 实现一个 Steps 组件

• 我的 2019

• React 升级踩坑记——Popover-Portals-Click

• 错误边界(Error Boundaries)

• 探索 lodash 的一个安全漏洞

• 我的 2018

• 团队协作工具之一 ————Git

• 非文本元素的展开与收起

• 记一次有趣的需求实现 --- SVG 事件绑定

• 我的 2017

• BFC 的秘密

• HTTP 2.0 特点

• HTTP 缓存相关头部

• HTTP 请求方法汇总

• HTTP 状态码汇总

• 贪吃蛇小游戏开发总结（1）

• 谈谈阿里的前端笔试题

• 搞怪的 JavaScript 数据类型

• 对 React 的一些理解

• 让人欢喜让人忧的 CSS 居中问题

• 随笔 ----前端路的酸甜苦辣

• Logbook 开发总结（1）

• Linux 内核编译

技术

• next
• react
• mobx
• typescript
• postcss

项目安装部署

Install

yarn install

Dev Serve

It's served in http://localhost:3000.

yarn run dev

Build

yarn run build

Serive Serve

yarn run start

Todos

HTML

• 响应式布局在 html 方面的实现
• audit 关于 html 方面的测试注意事项

CSS

• 元素等比例缩放的实现
• BFC
• 浮动
• flex 布局
• 响应式布局在 css 方面的实现
• 利用 css 实现一行居中两行居左
• css 实现左边长度固定，右边随浏览器变化
• 有关文字的一些 css 属性(http://www.daqianduan.com/6179.html)

JavaScript

• es6 新特性
• let const
• class（extends， super）
• 箭头函数
• 模板字符串
• 解构
• 函数默认值，...
• import
• promise,generator
• js 继承的实现方式
• defer 和 async
• 闭包和闭包在 ES6 中的应用
• 上下文环境和作用域的区别
• 常用的正则表达式的整理
• 设计模式的整理
• setTimeout、setInterval 和 process.nextTick
• 手机端点击事件的延迟问题和解决方案
• 手势事件的优化及实现
• 重绘和回流
• 防抖和节流
• JavaScript 函数运行机制和异步处理方式

HTTP

• HTTP 原理
• HTTP 请求方法
• HTTP 状态码
• HTTP2 和 HTTP1 的区别
• HTTPS 实现了什么
• HTTP 缓存
• HTTP 跨域
• 前端 API 请求方式整理

React

• React 生命周期及作用
• redux 数据流
• redux-saga 和 redux-thunk 的实现区别和注意事项

TypeScript

• TypeScript 做了什么（和 js 的区别）

前端优化

• 前端优化的着手点
• webpack 和 gulp 的区别
• 防止内存泄露的注意事项