Blog

简介

芳华正茂始少年，时光正好，未来可期 ！

技术为主，读书笔记、随笔、理财为辅，做个终身学习者。

收获不止技术，还有财富。

目录

• 简介
• 目录
• 文章
  • Vue3.x
  • TypeScript
  • 前端工程师的成长之路
  • 安全
  • 译文
  • 随笔
  • JavaScript 数据结构与算法之美
  • 前端硬核面试专题
  • Vue.js
  • React.js
  • ES 6
  • JavaScript
  • Puppeteer & 自动化
  • Node.js
  • 性能优化
  • VuePress & GitBook
• 计划
  • webpack 原理及源码分析
  • Vue 原理及源码分析
  • 小程序入门到熟练

文章

文章版权为夜尽天明所有，未经允许，不得转载；如要转载文章，请联系笔者。

Vue3.x

• 1. Vue3 全家桶 + TS+ Vite2 + element-plus 搭建简洁时尚的博客网站实战及踩坑记
• 2. 通过10个实例小练习，快速入门熟练 Vue3.0 核心新特性

TypeScript

• 1. TypeScript 中提升幸福感的 10 个高级技巧

前端工程师的成长之路

• 前端架构师亲述：前端工程师成长之路的 N 问 及 回答

安全

• 1. 浏览器指纹：原来我们一直被互联网巨头监视，隐私在网上裸奔、无处可藏

译文

• 1. 惊艳！可视化的 js：动态图演示 Promises & Async/Await 的过程！
• 2. 惊艳！可视化的 js：动态图演示-事件循环 Event Loop
• 3. 惊艳！小姐姐用动画图解 Git 的 10 大命令，这也太秀了吧！

随笔

• 程序员不止眼前的逻辑和代码，还应有健康的体魄和精气神

JavaScript 数据结构与算法之美

• 1. JavaScript 数据结构与算法之美 - 时间和空间复杂度
• 2. JavaScript 数据结构与算法之美 - 线性表（数组、队列、栈、链表）
• 3. JavaScript 数据结构与算法之美 - 实现一个前端路由，如何实现浏览器的前进与后退 ？
• 4. JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝
• 5. JavaScript 数据结构与算法之美 - 递归
• 6. JavaScript 数据结构与算法之美 - 非线性表（树、堆）
• 7. JavaScript 数据结构与算法之美 - 冒泡排序、选择排序、插入排序
• 8. JavaScript 数据结构与算法之美 - 归并排序、快速排序、希尔排序、堆排序
• 9. JavaScript 数据结构与算法之美 - 计数排序、桶排序、基数排序
• 10. JavaScript 数据结构与算法之美 - 十大经典排序算法汇总
• 11. JavaScript 数据结构与算法之美 - GitHub 上 170K+ Star 的前端学习的数据结构与算法项目

前端硬核面试专题

• 1. fe-interview：HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 数据结构与算法 + Git
• 2. GitHub 上 100K+ Star 的前端面试开源项目汇总（进大厂必备）
• 3. 2019 前端秋季社招面试经历总结（二年多经验）

Vue.js

• 1. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构(文字版)
• 2. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构
• 3. Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
• 4. vue-cli3.x 新特性及踩坑记
• 5. 基于 vue+mint-ui 的 mobile-h5 的项目说明
• 6. 复杂表格设计数据格式

React.js

• 1. github 授权登录教程与如何设计第三方授权登录的用户表
• 2. 项目文档说明：react + Ant Design 的 blog-react-admin
• 3. react + Ant Design + 支持 markdown 的 blog-react 项目的文档说明
• 4. react + node + express + ant + mongodb 的简洁兼时尚的博客网站

ES 6

• 1. JavaScript ES2021 最值得期待的 5 个新特性解析
• 2. 那些必会用到的 ES6 精粹

JavaScript

• 1. 前端解决第三方图片防盗链的办法 - html referrer 访问图片资源 403 问题
• 2. 原生 js 实现一个有动画效果的进度条插件 progress
• 3. 原生 js 实现一个前端路由 router
• 4. js 实现上下改变父 div 的高度，左右上下动态分割孩子的宽高
• 5. js 日期对象 setMonth 的锅
• 6. 细数 JavaScript 实用黑科技(二)
• 7. 细数 JavaScript 实用黑科技(一)
• 8. 面试题之从敲入 URL 到浏览器渲染完成
• 9. JS 是单线程，你了解其运行机制吗 ？
• 10. js 递归调用
• 11. WebKit 技术内幕之浏览器与 WebKit 内核
• 12. 前端工程化必备，语义化版本号扫盲，支持任意版本号位数的比较方法

Puppeteer & 自动化

• 1. Puppeteer 自动化的性能优化与执行速度提升

Node.js

• 1. 解秘 Node.js 单线程实现高并发请求原理，以及串联同步执行并发请求的方案
• 2. 基于 node express mongodb 的 blog-node 项目文档说明
• 3. 服务器小白的我，是如何将 node+mongodb 项目部署在服务器上并进行性能优化的

性能优化

• 1. 一次网站的性能优化之路 -- 天下武功，唯快不破

VuePress & GitBook

• 1. 借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站

计划

以下是笔者往后的计划，计划执行的先后顺序，视情况而定。

webpack 原理及源码分析

• 精彩待续 ...

Vue 原理及源码分析

• 精彩待续 ...

小程序入门到熟练

• 精彩待续 ...

⬆️ 返回顶部