# blog **Repository Path**: yessssa/blog ## Basic Information - **Project Name**: blog - **Description**: 大前端技术为主，读书笔记、随笔、理财为辅，做个终身学习者。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-11-07 - **Last Updated**: 2021-11-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ![夜尽天明](https://upload-images.jianshu.io/upload_images/12890819-6e2289f29c0d3b39.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 简介 地址：[https://biaochenxuying.cn/](https://biaochenxuying.cn/) 前端最强的学习导航：[https://www.kwgg2020.com/](https://www.kwgg2020.com/) 专注于挖掘优秀的前端开源项目，抹平你的前端信息不对称的项目：https://github.com/FrontEndGitHub/FrontEndGitHub > **芳华正茂始少年，时光正好，未来可期 ！** 技术为主，读书笔记、随笔、理财为辅，做个终身学习者。 收获不止技术，还有财富。 ## 专栏 - [**掘金专栏**](https://juejin.im/user/591d6b4d0ce463006926ae40) ## 目录 - [简介](#简介) - [专栏](#专栏) - [目录](#目录) - [文章](#文章) - [Vue3.x](#vue3x) - [TypeScript](#typescript) - [软技能](#软技能) - [前端工程师的成长之路](#前端工程师的成长之路) - [安全](#安全) - [译文](#译文) - [随笔](#随笔) - [JavaScript 数据结构与算法之美](#javascript-数据结构与算法之美) - [前端硬核面试专题](#前端硬核面试专题) - [Vue.js](#vuejs) - [React.js](#reactjs) - [ES 6](#es-6) - [JavaScript](#javascript) - [Puppeteer & 自动化](#puppeteer--自动化) - [Node.js](#nodejs) - [性能优化](#性能优化) - [VuePress & GitBook](#vuepress--gitbook) - [半小时硬核理财入门](#半小时硬核理财入门) - [学习资源](#学习资源) - [计划](#计划) - [webpack 原理及源码分析](#webpack-原理及源码分析) - [Vue 原理及源码分析](#vue-原理及源码分析) - [小程序入门到熟练](#小程序入门到熟练) - [前端开发路线图](#前端开发路线图) - [服务器](#服务器) - [撩我](#撩我) ## 文章 > **文章版权为夜尽天明所有，未经允许，不得转载；如要转载文章，请联系笔者**。 ### Vue3.x - [1. 通过10个实例小练习，快速入门熟练 Vue3.0 核心新特性](https://github.com/biaochenxuying/blog/issues/63) ### TypeScript - [1. TypeScript 中提升幸福感的 10 个高级技巧](https://github.com/biaochenxuying/blog/issues/80) ### 软技能 - [1. **GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目**](https://github.com/biaochenxuying/blog/issues/45) - [2. GitHub 吸星大法 - 一年收获 2000+ Star 的心得](https://github.com/biaochenxuying/blog/issues/49) - [3. 提升 google 使用效率的 30个快捷键、16个扩展插件与 11个前端调试方法](https://github.com/biaochenxuying/blog/issues/58) - [4. **Github 近 200k Star 的计算机学习资源，在家也能成为大牛！**](https://github.com/biaochenxuying/blog/issues/62) - [5. 推荐一个程序员必备网站之一：Dev Hints ，非常实用！](https://github.com/biaochenxuying/blog/issues/70) - [6. 2020 - 2021 年 Web 前端最新导航](https://github.com/biaochenxuying/blog/issues/74) - [7. **恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧**](https://github.com/biaochenxuying/blog/issues/75) ### 前端工程师的成长之路 - [1. 我的 2020 年终总结 - 乾坤未定，你我皆黑马](https://github.com/biaochenxuying/blog/issues/79) - [1. 我的 2019 年 - 当勤精进，但念无常，何以解忧，唯有暴富](https://github.com/biaochenxuying/blog/issues/55) - [2. 前端工程师的 2019 年年终总结 - 真香篇](https://github.com/biaochenxuying/blog/issues/54) - [3. 2018 年，我的本命年 - 前端工作师的年终总结](https://github.com/biaochenxuying/blog/issues/19) - [4. 前端架构师亲述：前端工程师成长之路的 N 问 及 回答](https://github.com/biaochenxuying/blog/issues/33) ### 安全 - [1. 浏览器指纹：原来我们一直被互联网巨头监视，隐私在网上裸奔、无处可藏](https://github.com/biaochenxuying/blog/issues/60) ### 译文 - [1. 惊艳！可视化的 js：动态图演示 Promises & Async/Await 的过程！](https://github.com/biaochenxuying/blog/issues/64) - [2. 惊艳！可视化的 js：动态图演示-事件循环 Event Loop](https://github.com/biaochenxuying/blog/issues/65) - [3. 惊艳！小姐姐用动画图解 Git 的 10 大命令，这也太秀了吧！](https://github.com/biaochenxuying/blog/issues/67) ### 随笔 - [1. **程序员如何优雅的挣零花钱！这里提供 9 种思路打开你挣钱的世界**](https://github.com/biaochenxuying/blog/issues/59) - [2. 程序员不止眼前的逻辑和代码，还应有健康的体魄和精气神](https://github.com/biaochenxuying/blog/issues/6) ### JavaScript 数据结构与算法之美 - [1. JavaScript 数据结构与算法之美 - 时间和空间复杂度](https://github.com/biaochenxuying/blog/issues/29) - [2. JavaScript 数据结构与算法之美 - 线性表（数组、队列、栈、链表）](https://github.com/biaochenxuying/blog/issues/34) - [3. JavaScript 数据结构与算法之美 - 实现一个前端路由，如何实现浏览器的前进与后退 ？](https://github.com/biaochenxuying/blog/issues/30) - [4. JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝](https://github.com/biaochenxuying/blog/issues/35) - [5. JavaScript 数据结构与算法之美 - 递归](https://github.com/biaochenxuying/blog/issues/36) - [6. JavaScript 数据结构与算法之美 - 非线性表（树、堆）](https://github.com/biaochenxuying/blog/issues/37) - [7. JavaScript 数据结构与算法之美 - 冒泡排序、选择排序、插入排序](https://github.com/biaochenxuying/blog/issues/39) - [8. JavaScript 数据结构与算法之美 - 归并排序、快速排序、希尔排序、堆排序](https://github.com/biaochenxuying/blog/issues/40) - [9. JavaScript 数据结构与算法之美 - 计数排序、桶排序、基数排序](https://github.com/biaochenxuying/blog/issues/41) - [10. JavaScript 数据结构与算法之美 - 十大经典排序算法汇总](https://github.com/biaochenxuying/blog/issues/42) - [11. JavaScript 数据结构与算法之美 - **GitHub 上 170K+ Star 的前端学习的数据结构与算法项目**](https://github.com/biaochenxuying/blog/issues/43) ### 前端硬核面试专题 - [1. fe-interview：HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 数据结构与算法 + Git](https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md) - [2. **GitHub 上 100K+ Star 的前端面试开源项目汇总（进大厂必备）**](https://github.com/biaochenxuying/blog/issues/47) - [3. 2019 前端秋季社招面试经历总结（二年多经验）](https://github.com/biaochenxuying/blog/issues/48) ### Vue.js - [1. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构(文字版)](https://github.com/biaochenxuying/blog/issues/28) - [2. 一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构](https://github.com/biaochenxuying/blog/issues/27) - [3. Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记](https://github.com/biaochenxuying/blog/issues/25) - [4. vue-cli3.x 新特性及踩坑记](https://github.com/biaochenxuying/blog/issues/2) - [5. 基于 vue+mint-ui 的 mobile-h5 的项目说明](https://github.com/biaochenxuying/blog/issues/4) - [6. 复杂表格设计数据格式](https://github.com/biaochenxuying/blog/issues/7) ### React.js - [1. github 授权登录教程与如何设计第三方授权登录的用户表](https://github.com/biaochenxuying/blog/issues/23) - [2. 项目文档说明：react + Ant Design 的 blog-react-admin](https://github.com/biaochenxuying/blog/issues/16) - [3. react + Ant Design + 支持 markdown 的 blog-react 项目的文档说明](https://github.com/biaochenxuying/blog/issues/15) - [4. react + node + express + ant + mongodb 的简洁兼时尚的博客网站](https://github.com/biaochenxuying/blog/issues/14) ### ES 6 - [1. 那些必会用到的 ES6 精粹](https://github.com/biaochenxuying/blog/issues/1) ### JavaScript - [1. 前端解决第三方图片防盗链的办法 - html referrer 访问图片资源 403 问题](https://github.com/biaochenxuying/blog/issues/31) - [2. 原生 js 实现一个有动画效果的进度条插件 progress](https://github.com/biaochenxuying/blog/issues/21) - [3. 原生 js 实现一个前端路由 router](https://github.com/biaochenxuying/blog/issues/22) - [4. js 实现上下改变父 div 的高度，左右上下动态分割孩子的宽高](https://github.com/biaochenxuying/blog/issues/20) - [5. js 日期对象 setMonth 的锅](https://github.com/biaochenxuying/blog/issues/13) - [6. 细数 JavaScript 实用黑科技(二)](https://github.com/biaochenxuying/blog/issues/12) - [7. 细数 JavaScript 实用黑科技(一)](https://github.com/biaochenxuying/blog/issues/11) - [8. 面试题之从敲入 URL 到浏览器渲染完成](https://github.com/biaochenxuying/blog/issues/3) - [9. JS 是单线程，你了解其运行机制吗 ？](https://github.com/biaochenxuying/blog/issues/8) - [10. js 递归调用](https://github.com/biaochenxuying/blog/issues/9) - [11. WebKit 技术内幕之浏览器与 WebKit 内核](https://github.com/biaochenxuying/blog/issues/10) - [12. 前端工程化必备，语义化版本号扫盲，支持任意版本号位数的比较方法](https://github.com/biaochenxuying/blog/issues/78) ### Puppeteer & 自动化 - [1. Puppeteer 自动化的性能优化与执行速度提升](https://github.com/biaochenxuying/blog/issues/69) ### Node.js - [1. [解秘 Node.js 单线程实现高并发请求原理，以及串联同步执行并发请求的方案](https://github.com/biaochenxuying/blog/issues/86)](https://github.com/biaochenxuying/blog/issues/86) - [2. 基于 node express mongodb 的 blog-node 项目文档说明](https://github.com/biaochenxuying/blog/issues/17) - [3. 服务器小白的我，是如何将 node+mongodb 项目部署在服务器上并进行性能优化的](https://github.com/biaochenxuying/blog/issues/18) ### 性能优化 - [1. 一次网站的性能优化之路 -- 天下武功，唯快不破](https://github.com/biaochenxuying/blog/issues/24) ### VuePress & GitBook - [1. 借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站](https://github.com/biaochenxuying/blog/issues/53) ### 半小时硬核理财入门 - [1. 用钱生钱，从掌握金钱的规律开始](https://github.com/biaochenxuying/blog/issues/26) - [2. 用钱生钱，谈谈我对财富自由的理解](https://github.com/biaochenxuying/blog/issues/82) - 精彩待续 ... ### 学习资源 - [1. **150+ 本技术类常用电子书开源了，包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍**](https://github.com/biaochenxuying/awesome-books) - [2. 极客时间上的《TypeScript 开发实战》课程资源，包含课件、思维导图、课程源代码](https://github.com/biaochenxuying/blog/tree/master/typescript-in-action) - [3. 视频资料分享 - Vue、React、Node、MongoDB 全栈、打造商城系统、实战项目汇总](https://mp.weixin.qq.com/s/7f767Y5FHM9i2_GeUSz-Iw) [⬆️ 返回顶部](#目录) ## 计划 以下是笔者往后的计划，计划执行的先后顺序，视情况而定。 ### webpack 原理及源码分析 - 精彩待续 ... ### Vue 原理及源码分析 - 精彩待续 ... ### 小程序入门到熟练 - 精彩待续 ... [⬆️ 返回顶部](#目录) ## 前端开发路线图 ![frontend-map.png](./images/frontend-map.png) ## 服务器 笔者觉得每个开发者都应该拥有自己的网站和服务器，这可是很酷的事情，学习 Linux、跑跑脚本、建站、搭博客啥的都行啊。 因为笔者就有自己的服务器，而且有两台了，用于平时的学习，还搭建了自己的网站。 有不少读者问过我，为什么我学的那么快的呢 ？ 怎么在一年内学了那么知识的... 其实也没什么秘决，就是平时有自己的服务器了，就爱折腾，学到的知识能很快得到验证，所以学起来兴致高一点。 特别是大三和大四的学生，买了服务器，搭建个项目给面试官看也香，对找工作和面试都加分，还可以熟悉技术栈。 [想学得快，就得有自己的服务器来折腾才行（低于 1 折、89/年、229/3年，比学生机还便宜）](https://biaochenxuying.cn/articleDetail?article_id=5de65dd90283dc742f8f633a) 比如笔者的两个网站： > https://biaochenxuying.cn/ > https://www.kwgg2020.com/ [⬆️ 返回顶部](#目录) ## 撩我 > 欢迎关注公众号：**全栈修炼**，每周会有一到三篇的文章推送，后台回复 “**电子书**”，获取 160+ 本前端精华电子书哦。 | 微信 | 公众号 | | :------: | :------: | | 微信：**CB834301747**
![CB834301747](./images/CB834301747.jpeg)
|
![](https://upload-images.jianshu.io/upload_images/12890819-50b85ba33dd7ba90.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
| [⬆️ 返回顶部](#目录)