biaochenxuying / blog

简介 > **芳华正茂始少年，时光正好，未来可期 ！** 技术为主，读书笔记、随笔、理财为辅，做个终身学习者。 收获不止技术，还有财富。 以最优惠的方式购买极客时间课程：https://github.com/biaochenxuying/preferential-courses ，涵盖了后端、架构、前端、移动、人工智能、大数据、产品、运营、运维、测试等 --> 专注于挖掘优秀的前端开源项目，抹平你的前端信息不对称的项目：https://github.com/FrontEndGitHub/FrontEndGitHub --> 目录 • 简介 • 目录 • 文章 • 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 原理及源码分析 • 精彩待续 ... 小程序入门到熟练 • 精彩待续 ... ⬆️ 返回顶部 https://biaochenxuying.cn/ > https://www.kwgg2020.com/ --> | | > 欢迎关注微信公众号 “**全栈修炼**”，回复 **电子书** 就送你 **1000+** 本精华编程电子书；回复 **1024** 送你一套完整的 **前端** 视频教程。 有需要的就来拿吧，**绝对免费，无套路获取**。 --> **江山父老能容我，不使人间造孽钱**。 如果你感觉有收获，欢迎给我点个 Star 、或者真心赞赏一下，都是对我最大的鼓励，我会更有动力输出有价值的内容。 -->