youwasborntodo / blog

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

简介

地址：https://biaochenxuying.cn/

2020 - 2021 年 Web 前端最新导航 ：https://www.kwgg2020.com/

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

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

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

专栏

• 掘金专栏

文章

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

| Vue3.x

• 1. 通过10个实例小练习，快速入门熟练 Vue3.0 核心新特性

| 软技能

• 1. GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
• 2. GitHub 吸星大法 - 一年收获 2000+ Star 的心得
• 3. 提升 google 使用效率的 30个快捷键、16个扩展插件与 11个前端调试方法
• 4. Github 近 200k Star 的计算机学习资源，在家也能成为大牛！
• 5. 推荐一个程序员必备网站之一：Dev Hints ，非常实用！
• 6. 2020 - 2021 年 Web 前端最新导航
• 7. 恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

| 前端工程师的成长之路

• 1. 我的 2019 年 - 当勤精进，但念无常，何以解忧，唯有暴富
• 2. 前端工程师的 2019 年年终总结 - 真香篇
• 3. 2018 年，我的本命年 - 前端工作师的年终总结
• 4. 前端架构师亲述：前端工程师成长之路的 N 问 及 回答

| 安全

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

| 译文

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

| 随笔

• 1. 程序员如何优雅的挣零花钱！这里提供 9 种思路打开你挣钱的世界
• 2. 程序员不止眼前的逻辑和代码，还应有健康的体魄和精气神

| 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. 那些必会用到的 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 内核

| Puppeteer & 自动化

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

| Node.js

• 1. 基于 node express mongodb 的 blog-node 项目文档说明
• 2. 服务器小白的我，是如何将 node+mongodb 项目部署在服务器上并进行性能优化的

| 性能优化

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

| VuePress & GitBook

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

| 半小时硬核理财入门

• 1. 用钱生钱，从掌握金钱的规律开始
• 精彩待续 ...

| 学习资源

• 1. 150+ 本技术类常用电子书开源了，包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍
• 2. 极客时间上的《TypeScript 开发实战》课程资源，包含课件、思维导图、课程源代码
• 3. 视频资料分享 - Vue、React、Node、MongoDB 全栈、打造商城系统、实战项目汇总

计划

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

| webpack 原理及源码分析

• 精彩待续 ...

| Vue 原理及源码分析

• 精彩待续 ...

| TypeScript 入门到熟练

• 精彩待续 ...

| 小程序入门到熟练

• 精彩待续 ...

| 翻译国外文章

• 精彩待续 ...

服务器

笔者觉得每个开发者都应该拥有自己的网站和服务器，这可是很酷的事情，学习 Linux、跑跑脚本、建站、搭博客啥的都行啊。

因为笔者就有自己的服务器，而且有两台了，用于平时的学习，还搭建了自己的网站。

有不少读者问过我，为什么我学的那么快的呢 ？ 怎么在一年内学了那么知识的...

其实也没什么秘决，就是平时有自己的服务器了，就爱折腾，学到的知识能很快得到验证，所以学起来兴致高一点。

特别是大三和大四的学生，买了服务器，搭建个项目给面试官看也香，对找工作和面试都加分，还可以熟悉技术栈。

想学得快，就得有自己的服务器来折腾才行（低于 1 折、89/年、229/3年，比学生机还便宜）

比如笔者的两个网站：

https://biaochenxuying.cn/

https://www.kwgg2020.com/

撩我

微信：CB834301747