# blog-1

**Repository Path**: runtuu/blog-1

## Basic Information

- **Project Name**: blog-1
- **Description**: 我的博客、学习、总结、分享。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-16
- **Last Updated**: 2022-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人博客

[![Build Status](https://www.travis-ci.org/yhlben/blog.svg?branch=master)](https://www.travis-ci.org/yhlben/blog)
[![CodeFactor](https://www.codefactor.io/repository/github/yhlben/blog/badge)](https://www.codefactor.io/repository/github/yhlben/blog) [![Greenkeeper badge](https://badges.greenkeeper.io/yhlben/blog.svg)](https://greenkeeper.io/)

记录工作中遇到的问题，平时看书的总结，面试题，以及一些个人思考。

访问地址：[yhlben.github.io](https://yhlben.github.io/)

## 使用

博客采用 vuepress 作为主框架，lint-md 作为语法检查工具。

1、开始写博客

```js
npm run dev
```

2、检查语法格式，并自动修复语法错误

```js
npm run lint:fix
```

## 目录整理

### | 文章分类

- [我的前端知识清单](https://yhlben.github.io/blog/frontend.html)
- [我的 2018 总结](https://yhlben.github.io/blog/2018.html)

#### | 计算机基础

- [数据结构](https://yhlben.github.io/blog/base-structure.html)
- [查找算法](https://yhlben.github.io/blog/base-structure-base-select.html)
- [基本排序算法](https://yhlben.github.io/blog/base-structure-base-sort.html)
- [高级排序算法](https://yhlben.github.io/blog/base-structure-senior-sort.html)
- [高级算法](https://yhlben.github.io/blog/base-structure-high-algorithm.html)
- [函数式编程](https://yhlben.github.io/blog/base-functional.html)

#### | js 相关

- [js 设计模式](https://yhlben.github.io/blog/js-design-pattern.html)
- [js 对象属性的遍历](https://yhlben.github.io/blog/js-object-ergodic.html)
- [js 运算符优先级](https://yhlben.github.io/blog/js-operator-priority.html)
- [js 设计模式](https://yhlben.github.io/blog/js-design-pattern.html)
- [js 事件](https://yhlben.github.io/blog/js-event.html)
- [js 表单](https://yhlben.github.io/blog/js-form.html)
- [js postMessage & 拖放 api](https://yhlben.github.io/blog/js-html5-program.html)
- [js 实现继承](https://yhlben.github.io/blog/js-inherit.html)
- [js 模块化](https://yhlben.github.io/blog/js-module.html)
- [jsBridge 总结](https://yhlben.github.io/blog/js-jsBridge.html)
- [函数尾递归优化](https://yhlben.github.io/blog/js-recursion.html)

#### | css 相关

- [css 使用总结](https://yhlben.github.io/blog/css.html)
- [css next](https://yhlben.github.io/blog/css-next.html)
- [css useful](https://yhlben.github.io/blog/css-useful.html)
- [css houdini 画一片星空](https://yhlben.github.io/blog/css-houdini-star.html)
- [设备像素比](https://yhlben.github.io/blog/css-devicePixelRatio.html)

#### | osi 协议 相关

- [http 协议常用知识点总结](https://yhlben.github.io/blog/osi-http.html)
- [http2 基础知识点总结](https://yhlben.github.io/blog/osi-http2.html)
- [https 协议常用知识点总结](https://yhlben.github.io/blog/osi-https.html)
- [流量劫持](https://yhlben.github.io/blog/osi-hijack.html)
- [web 安全](https://yhlben.github.io/blog/osi-web-security.html)
- [图解 http 总结](https://yhlben.github.io/blog/osi-http-graph.html)

#### | 服务器运维 相关

- [前端性能优化](https://yhlben.github.io/blog/operation-performance.html)
- [web 登录鉴权](https://yhlben.github.io/blog/operation-web-login.html)
- [linux 免密登录配置](https://yhlben.github.io/blog/operation-linux-login.html)
- [linux 快捷键](https://yhlben.github.io/blog/operation-linux.html)
- [docker 微服务小 demo](https://yhlben.github.io/blog/operation-docker-micro-service.html)
- [最简单的 nginx 负载均衡](https://yhlben.github.io/blog/operation-nginx-load-balancing.html)

#### | 框架/库 相关

- [react 使用总结](https://yhlben.github.io/blog/library-react.html)
  - [使用 react hooks 节省 90% 的代码](https://yhlben.github.io/blog/library-react-hooks.html)
  - [react 服务器端渲染 Demo](https://yhlben.github.io/blog/library-react-ssr.html)
- [vue 使用总结](https://yhlben.github.io/blog/library-vue.html)
- [小程序使用总结](https://yhlben.github.io/blog/library-miniProgram.html)
- [redux 使用总结](https://yhlben.github.io/blog/library-redux.html)
- [rxjs 总结](https://yhlben.github.io/blog/library-rxjs.html)

#### | 前端工程化 相关

- [nodejs 使用总结](https://yhlben.github.io/blog/project-node.html)
- [Webpack 系列（一）使用总结](https://yhlben.github.io/blog/project-webpack.html)
- [Webpack 系列（二）手写模块打包代码](https://yhlben.github.io/blog/project-webpack-flow.html)
- [Webpack 系列（三）打包 modules 流程分析](https://yhlben.github.io/blog/project-webpack-entry.html)
- [commitlint 使用总结](https://yhlben.github.io/blog/project-commitlint.html)
- [前端测试](https://yhlben.github.io/blog/project-test.html)
- [怎样选择图片格式？](https://yhlben.github.io/blog/project-image.html)

#### | 工具 相关

- [常用工具整理](https://yhlben.github.io/blog/other-tools.html)
- [VSCode 常用快捷键](https://yhlben.github.io/blog/other-vscode.html)