Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caohuilin/blog2017
个人博客 2017版
https://github.com/caohuilin/blog2017
Last synced: 15 days ago
JSON representation
个人博客 2017版
- Host: GitHub
- URL: https://github.com/caohuilin/blog2017
- Owner: caohuilin
- Created: 2017-11-22T05:29:55.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T15:55:00.000Z (almost 2 years ago)
- Last Synced: 2024-10-04T19:59:07.940Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://blog2017.hi-hi.cn/
- Size: 2.69 MB
- Stars: 6
- Watchers: 2
- Forks: 3
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 个人博客 v2017
> 寂寞空虚冷的时候不妨来总结总结近期又遇到了什么好玩的东西
## 主页
https://blog.caohuilin.com
## 博客列表
- [React Hooks -- 实现 useListStore][24]
- [React Hooks -- 实现一个 Steps 组件][23]
- [我的 2019][22]
- [React 升级踩坑记——Popover-Portals-Click][21]
- [错误边界(Error Boundaries)][20]
- [探索 lodash 的一个安全漏洞][19]
- [我的 2018][18]
- [团队协作工具之一 ————Git][17]
- [非文本元素的展开与收起][16]
- [记一次有趣的需求实现 --- SVG 事件绑定][15]
- [我的 2017][14]
- [BFC 的秘密][13]
- [HTTP 2.0 特点][12]
- [HTTP 缓存相关头部][11]
- [HTTP 请求方法汇总][10]
- [HTTP 状态码汇总][9]
- [贪吃蛇小游戏开发总结（1）][8]
- [谈谈阿里的前端笔试题][7]
- [搞怪的 JavaScript 数据类型][6]
- [对 React 的一些理解][5]
- [让人欢喜让人忧的 CSS 居中问题][4]
- [随笔 ----前端路的酸甜苦辣][3]
- [Logbook 开发总结（1）][2]
- [Linux 内核编译][1]
[1]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article0.md
[2]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article1.md
[3]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article2.md
[4]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article3.md
[5]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article4.md
[6]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article5.md
[7]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article6.md
[8]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article7.md
[9]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article8.md
[10]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article9.md
[11]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article10.md
[12]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article11.md
[13]: https://blog.caohuilin.com/article/12/the-secret-of-bfc
[14]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article13.md
[15]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article14.md
[16]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article15.md
[17]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article16.md
[18]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article17.md
[19]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article18.md
[20]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article19.md
[21]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article20.md
[22]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article21.md
[23]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article22.md
[24]: https://github.com/caohuilin/Blog2017/blob/master/static/constant/article23.md
## 技术
- next
- react
- mobx
- typescript
- postcss
## 项目安装部署
### Install
```bash
yarn install
```
### Dev Serve
It's served in http://localhost:3000.
```bash
yarn run dev
```
### Build
```bash
yarn run build
```
### Serive Serve
```bash
yarn run start
```
## Todos
### HTML
- [ ] 响应式布局在 html 方面的实现
- [ ] audit 关于 html 方面的测试注意事项
### CSS
- [ ] 元素等比例缩放的实现
- [x] 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 原理
- [x] HTTP 请求方法
- [x] HTTP 状态码
- [x] HTTP2 和 HTTP1 的区别
- [ ] HTTPS 实现了什么
- [x] HTTP 缓存
- [ ] HTTP 跨域
- [ ] 前端 API 请求方式整理
### React
- [ ] React 生命周期及作用
- [ ] redux 数据流
- [ ] redux-saga 和 redux-thunk 的实现区别和注意事项
### TypeScript
- [ ] TypeScript 做了什么（和 js 的区别）
### 前端优化
- [ ] 前端优化的着手点
- [ ] webpack 和 gulp 的区别
- [ ] 防止内存泄露的注意事项