QiqiM/blog-4

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

简介

地址：https://biaochenxuying.cn/

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

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

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

专栏

• 掘金专栏

文章

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

| Vue3.x

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

| 软技能

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

| 前端工程师的成长之路

• 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 入门到熟练

• 精彩待续 ...

| 小程序入门到熟练

• 精彩待续 ...

| 翻译国外文章

• 精彩待续 ...

撩我

邮箱：2993806084#qq.com ，将 # 号换成 @ 即可。

微信：CB834301747，加我时的验证申请，请输入暗号哦，暗号是：夜尽天明（非诚勿扰）。

有什么问题，直接微信我，或者发邮件到我邮箱就可以，有必要的，我都会给您回复的。

https://github.com/biaochenxuying/awesome-books