# hjBlog

**Repository Path**: jen-he/hjBlog

## Basic Information

- **Project Name**: hjBlog
- **Description**: 🐱‍🐉[个人博客] 如果觉得写还可以，:point_up: 右上角 :point_up:点个:star: (～￣▽￣)～
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-09-08
- **Last Updated**: 2024-06-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## :rainbow: 关键字

> 1. :key: 人一辈子花的最多时间就是工作，工作是场马拉松，如何起跑，如何田忌赛马，是一个值得思考的问题。🤔

## :rainbow: 关于我

- :point_right: 一个无聊的人

## :rainbow: 博客

- :memo: 我的专栏

  - :car: [你必须要做的职业规划](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-feel/lessons/01.md)
  - :tractor: [【转】为什么 Web 前端语言只有 JavaScript?](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-feel/lessons/02.md)
  - :taxi: [你想要的 vue 源码分析](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue-sourcecode-study)
  - :train: [你一定要经历的 web 页面性能优化之旅](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-web-optimize)
  - :truck: [你不得不去走的数据结构和算法之路](https://github.com/dirkhe1051931999/algorithm)
  - :shell: [小程序之路](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-applet)
  - :chestnut: [自己造的轮子](https://github.com/dirkhe1051931999/common-demo)

- :memo: 我的作品
  - :musical_note: [vue 仿网易云音乐 webApp](https://github.com/dirkhe1051931999/vue-music-v2)
  - :notebook: [基于 vue+webpack+koa+redis+mysql+socket 的博客后台管理系统](https://github.com/dirkhe1051931999/vue-management)
  - :blue_book: [基于 vue+nuxt+less+es6+webpack 的博客前台](https://github.com/dirkhe1051931999/vue-myBlog)
  - :iphone: [微信小程序之模仿百思不得姐](https://github.com/dirkhe1051931999/wx-baisibudeqijie)
  - :newspaper: [上手 react 之响应式新闻网站](https://github.com/dirkhe1051931999/react-simpleNews)
  - :cactus: [vue+koa2+webpack4+ssr+boostrap 响应式个人博客](https://github.com/dirkhe1051931999/vue-ssr-blog)
- :memo: vue

  - [vue2.4 增加的特性](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/02.md)
  - [vue2.6 增加的特性](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/03.md)
  - [vue3 为什么要用 Proxy 替代 defineProperty](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/04.md)
  - [vue3 的数据响应原理和实现](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/15.md)
  - [vue-cli2 的配置文件详细介绍](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/10.md)
  - [vue-cli3 的配置文件详细介绍](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/11.md)
  - [vue 组件通信的 6 种方式](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/06.md)
  - [导航守卫](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/01.md)
  - [keep-alive](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/07.md)
  - [component](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/08.md)
  - [transition 与 transition-group](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/09.md)
  - [vue 开发技巧](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/05.md)
  - [vue-cli3 中使用骨架屏](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/12.md)
  - [vuex 的原理与使用](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/13.md)
  - [\$listener 与 vue 自定义事件的联系](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/14.md)
  - [vue + koa2 + webpack4 实现服务端渲染](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-vue/lessons/16.md)

- :memo: css3
  - [animation 与 transition 的区别](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-css/lessons/01.md)
  - [z-index 层叠规则](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-css/lessons/02.md)
  - [rem 布局原理](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-css/lessons/03.md)
  - [BFC 与 FFC](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-css/lessons/04.md)
  - [vw 移动端适配方法](https://github.com/dirkhe1051931999/common-demo/blob/master/webpack-study-notes/step8)
- :memo: http
  - [axios 的拦截器](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-http/lessons/01.md)
  - [http 的 header 头](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-http/lessons/02.md)
- :memo: nodejs
  - [nodejs 的 util 模块](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-node/lessons/01.md)
  - [nodejs 如何使用 ES6 的 import 等语法](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-node/lessons/02.md)
  - [nodejs 命令行脚手架工具 Commander](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-node/lessons/03.md)
  - [基于 commander 的项目初始化脚手架工具](https://github.com/dirkhe1051931999/common-demo/tree/master/node-icli)
- :memo: 前端安全
  - [前端 XSS 攻击](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/01.md)
  - [前端 CSRF 攻击](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/02.md)
  - [cookie 的安全问题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/03.md)
  - [点击劫持](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/04.md)
  - [传输过程中的安全问题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/05.md)
  - [密码安全问题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/06.md)
  - [sql 注入的问题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/07.md)
  - [其他的安全问题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/08.md)
  - [web 安全总结](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-security/lessons/09.md)
- :memo: 前端工程化
  - webpack
    - [webpack 基础配置](https://github.com/dirkhe1051931999/common-demo/blob/master/webpack-study-notes/readme.md#1)
    - [webpack 深入配置](https://github.com/dirkhe1051931999/common-demo/blob/master/webpack-study-notes/readme.md#2)
    - [webpack 性能优化](https://github.com/dirkhe1051931999/common-demo/blob/master/webpack-study-notes/readme.md#3)
    - [webapck 进阶](https://github.com/dirkhe1051931999/common-demo/blob/master/webpack-study-notes/readme.md#4)
    - [webpack4 多页面打包(.html 版本)](https://github.com/dirkhe1051931999/common-demo/tree/master/webpack-multiPage)
    - [webpack4 多页面打包(.vue 版本)](https://github.com/dirkhe1051931999/common-demo/tree/master/webpack-vue-multiPage)
  - git
    - [拒绝 git 三板斧](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-engineering/lessons/01.md)
- :memo: JavaScript 梯子
  - [javascript 数组，时间，dom，http，number，storage，string，类型检测等工具方法](https://github.com/dirkhe1051931999/common-demo/tree/master/tools)
  - [网易云歌词解析](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/26.md)
  - [js dom 模板渲染函数](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/28.md)
- :memo: JavaScript/ECMAScript

  - [Object.defineProperty](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/01.md)
  - [Proxy](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/02.md)
  - [Reflect](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/04.md)
  - [async/await](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/09.md)
  - [Set、WeakSet、Map、WeakMap](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/10.md)
  - [ES5 和 ES6 数组遍历方法的使用与实现](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/11.md)
  - [ES5 和 ES6 对象遍历方法](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/12.md)
  - [对象的交集、并集和差集](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/27.md)
  - JavaScript 深入
    - [理解 js 引擎执行过程：运行机制，语法分析，创建函数调用栈，创建上下文，创建作用域链](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/03.md)
    - [理解 js 的微任务(microtask)与宏任务(microtask)](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/25.md)
    - [理解 js 的数据类型，内存机制，变量引用，垃圾回收，内存泄漏](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/13.md)
    - [理解 js 的作用域，作用域链，闭包](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/14.md)
    - [理解 js this 绑定的 6 种规则：默认绑定、隐式绑定(隐式丢失)、显式绑定、new 绑定、严格模式下的 this、箭头函数绑定](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/15.md)
    - [理解 js 的\_\_proto\_\_ 、prototype 和 constructor](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/17.md)
    - [理解 js new 操作符做了什么](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/18.md)
    - [理解 js 的继承：原型链继承、构造函数继承、组合继承、原型继承、寄生继承、寄生组合继承和 ES6 class extend](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/19.md)
    - [理解 js 的面对对象编程、面向过程编程、命令式编程和函数式编程(声明式编程)](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/21.md)
    - [理解 js 模块规范：CommonJS、AMD、CMD、UMD 和 ES6 module](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/22.md)
    - [理解 js 中的双精度浮点数的原因、原理和解决方法](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/24.md)
  - js 设计模式
    - [js 设计模式-工厂模式](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/20.md)
    - [js 设计模式-发布订阅模式(观察者模式)](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/23.md)
  - Promise
    - [Promise 的基本用法](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/05.md)
    - [Promise 与 for 循环的几个题](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/29.md)
    - [Promise 实现红绿灯](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/06.md)
    - [Promise 封装一个 messageBox](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/07.md)
    - [Promise 封装 axios](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/08.md)
    - [Promise 源码实现](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-JavaScript/lessons/16.md)

- :memo: TypeScript
  - 入门
    - [TypeScript 介绍](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-TypeScript/lessons/00.md)
    - [TypeScript 基础](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-TypeScript/lessons/01.md)
    - [TypeScript 进阶](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-TypeScript/lessons/02.md)
    - [TypeScript 代码检查方案](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-TypeScript/lessons/03.md)
  - 进阶
    - [vue+ts 环境搭建](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-with-ts-env)
    - [vue+ts 实现 qq 音乐首页 demo](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-pug-ts-demo)
- :memo: Electron
  - [electron 入门](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-electron/lessons/01.md)
  - [vue 与 electron](https://github.com/dirkhe1051931999/hjBlog/tree/master/blog-electron/lessons/02.md)