Skip to content

caohuilin/Blog2017

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

个人博客 v2017

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

主页

https://blog.caohuilin.com

博客列表

技术

  • 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 的区别
  • 防止内存泄露的注意事项