🌈 关于我

1️⃣ 人一辈子花的最多时间就是工作，工作是场马拉松，如何起跑，如何加减速，这是一个值得思考的问题。
2️⃣ 水满则溢，月盈则亏；命中有时终须有，命中无时莫强求。

🌈 博客

• 📖 我的专栏

  • ✅ 你必须要做的职业规划
  • ✅ 【转】为什么 Web 前端语言只有 JavaScript?
  • ✅ 你想要的 vue 源码分析
  • ✅ 你一定要经历的 web 页面性能优化之旅
  • ✅ 你不得不去走的数据结构和算法之路
  • ✅ 自己造的轮子

• 📖 我的作品

  • ✅ 基于 Google Material 风格的 Quasar 后台管理模板
  • ✅ 基于 Google Material 风格的 Angular 后台管理模板
  • ✅ 跨栈多平台服务
  • ✅ Flutter 模板
  • ✅ 凤凰新闻 Web APP
  • ✅ 网易云音乐 Web APP
  • ✅ Electron 项目模板

• 📖 vue

  • vue2.4 增加的特性
  • vue2.6 增加的特性
  • vue3 为什么要用 Proxy 替代 defineProperty
  • vue3 的数据响应原理和实现
  • vue-cli2 的配置文件详细介绍
  • vue-cli3 的配置文件详细介绍
  • vue 组件通信的 6 种方式
  • 导航守卫
  • keep-alive
  • component
  • transition 与 transition-group
  • vue 开发技巧
  • vue-cli3 中使用骨架屏
  • vuex 的原理与使用
  • $listener 与 vue 自定义事件的联系
  • vue + koa2 + webpack4 实现服务端渲染

• 📖 css3

  • animation 与 transition 的区别
  • z-index 层叠规则
  • rem 布局原理
  • BFC 与 FFC
  • vw 移动端适配方法

• 📖 http

  • axios 的拦截器
  • http 的 header 头

• 📖 nodejs

  • nodejs 的 util 模块
  • nodejs 如何使用 ES6 的 import 等语法
  • nodejs 命令行脚手架工具 Commander
  • 基于 commander 的项目初始化脚手架工具

• 📖 前端安全

  • 前端 XSS 攻击
  • 前端 CSRF 攻击
  • cookie 的安全问题
  • 点击劫持
  • 传输过程中的安全问题
  • 密码安全问题
  • sql 注入的问题
  • 其他的安全问题
  • web 安全总结

• 📖 前端工程化

  • webpack
    • webpack 基础配置
    • webpack 深入配置
    • webpack 性能优化
    • webapck 进阶
    • webpack4 多页面打包(.html 版本)
    • webpack4 多页面打包(.vue 版本)
  • git
    • 拒绝 git 三板斧

• 📖 JavaScript 梯子

  • javascript 数组，时间，dom，http，number，storage，string，类型检测等工具方法
  • 网易云歌词解析
  • js dom 模板渲染函数

• 📖 JavaScript/ECMAScript

  • Object.defineProperty
  • Proxy
  • Reflect
  • async/await
  • Set、WeakSet、Map、WeakMap
  • ES5 和 ES6 数组遍历方法的使用与实现
  • ES5 和 ES6 对象遍历方法
  • 对象的交集、并集和差集
  • JavaScript 深入
    • 理解 js 引擎执行过程：运行机制，语法分析，创建函数调用栈，创建上下文，创建作用域链
    • 理解 js 的微任务(microtask)与宏任务(microtask)
    • 理解 js 的数据类型，内存机制，变量引用，垃圾回收，内存泄漏
    • 理解 js 的作用域，作用域链，闭包
    • 理解 js this 绑定的 6 种规则：默认绑定、隐式绑定(隐式丢失)、显式绑定、new 绑定、严格模式下的 this、箭头函数绑定
    • 理解 js 的__proto__ 、prototype 和 constructor
    • 理解 js new 操作符做了什么
    • 理解 js 的继承：原型链继承、构造函数继承、组合继承、原型继承、寄生继承、寄生组合继承和 ES6 class extend
    • 理解 js 的面对对象编程、面向过程编程、命令式编程和函数式编程(声明式编程)
    • 理解 js 模块规范：CommonJS、AMD、CMD、UMD 和 ES6 module
    • 理解 js 中的双精度浮点数的原因、原理和解决方法
  • js 设计模式
    • js 设计模式-工厂模式
    • js 设计模式-发布订阅模式(观察者模式)
  • Promise
    • Promise 的基本用法
    • Promise 与 for 循环的几个题
    • Promise 实现红绿灯
    • Promise 封装一个 messageBox
    • Promise 封装 axios
    • Promise 源码实现

• 📖 TypeScript

  • 入门
    • TypeScript 介绍
    • TypeScript 基础
    • TypeScript 进阶
    • TypeScript 代码检查方案
  • 进阶
    • vue+ts 环境搭建
    • vue+ts 实现 qq 音乐首页 demo

• 📖 Electron

  • electron 入门
  • vue 与 electron

• 📖 linux 与网络

  • 在 vmware 搭建 centos7
  • linux 常见命令