hayes-stars/blog-1

关注基础知识，打造优质前端博客，公众号[前端工匠]的作者

博客目录

努力打造一系列适合初中级工程师能够看得懂的优质文章，今年博客侧重于vue、react和webpack等底层原理分析，如果想第一时间获取文章，欢迎关注我的公众号：前端工匠，接下去的路我们一起走！ 欢迎添加我的个人微信frontJS，文末给你准备大厂面试题及其答案

版权声明：本文为博主原创文章，未经博主允许不得转载。

• 掘金博客(全集)

• segmentFault博客(精华)

• 想加入前端交流群，跟诸多一线大厂的大佬交流学习，先进入前端工匠公众号👉点击“进群交流”，备注git,我拉你入群

欢迎关注公众号：前端工匠，你的成长我们一起见证！

| 浏览器相关

1.深入浅出浏览器渲染原理

2.深入了解浏览器存储

3.深入理解浏览器的缓存机制

4.从URL输入到页面展现到底发生什么？

| Javascript

1.前端模块化详解(完整版)

2.九种跨域方式实现原理（完整版）

3.JavaScript的数据类型及其检测

4.JavaScript数据类型转换

5.深入理解JavaScript作用域和作用域链

6.深入理解JavaScript执行上下文和执行栈

7.细说数组常用遍历的方法

8.浅拷贝与深拷贝

9.深入浅出Javascript闭包

10.你还没搞懂this？

11.原型与原型链详解

12.Dom事件机制

13.JavaScript常见的六种继承方式

14.浏览器与Node的事件循环(Event Loop)有何区别?

15.JavaScript中的垃圾回收和内存泄漏

16.javascript函数式编程

17.慎用Number.toFixed()

18.你会用JSON.stringify()?

| ES6+

1.ES6核心特性

2.ES7、ES8、ES9、ES10新特性

3.ES2020新特性

4.ES2021新特性

5.7个令人兴奋的 JavaScript 新特性

6.你真的懂Promise吗

7.ES6数组的扩展--Array.from()和Array.of()

8.异步解决方案--Promise与Await

9.JS 异步编程六种方案

10.ES6迭代器和生成器

| CSS

1.如何居中一个元素（终结版)

2.关于响应式布局，你必须要知道的

3.深入理解BFC

4.如何清除浮动

5.LESS即学即用

6.几种常见的CSS布局

7.实现三栏布局的几种方法

| Http协议与数据请求

1.关于Http协议，你必须要知道的

2.深入理解HTTPS工作原理

3.解读HTTP/2 及 HTTP/3特性

4.Web 实时推送技术的总结

5.TCP和UDP比较

6.Ajax原理一篇就够了

7.Ajax请求后台数据

8.fetch 如何请求数据

| 页面性能优化与安全

1.页面性能优化办法有哪些

2.懒加载和预加载

3.函数节流和防抖.

4.常见六大Web安全攻防解析

| Vue全家桶

1.Vue3.2 有哪些新变化？

2.从头开始学习Vuex

3.从头开始学习vue-router

4.vue组件三大核心概念

5.vue组件间通信六种方式（完整版）

6.vue计算属性和watch的区别

7.揭秘Vue中的Virtual Dom

8.深入理解vue响应式原理

9.令人眼前一亮的Vue实战技巧

| 工具

1.如何在线预览 GitHub 项目

2.让开发效率“飞起”的VS Code 插件

| 实战

1.vue全家桶制作一个精致的美团项目

| 面试

1.Javascript 面试核心考点(基础版)

• 前端面试手写大合集(写作中)

| 其他

1.写技术博客那点事

| 备战大厂面试

可以免费提供以下资料：

• 大厂面试题及其答案（四份PDF囊括上千经典题）
• vue/react/webpack源码视频深度讲解
• JavaScript/vue 常见面试题视频讲解
• JavaScript版数据结构与算法视频资料
• 简历模版等等

感兴趣的扫描下方微信二维码（frontJS）找我领取，希望对你们有些许帮助！有时候图片显示不出来，直接加frontJS

| 写作计划(暂定)

今年除了对觉得不满意的以往文章进行迭代，还打算至少写三十篇原创高质量文章，目前预计会涉及到以下主题：

• Vue深入系列
• TypeScript系列
• Webpack配置与原理
• JavaScript设计模式
• JavaScript面向对象
• 前端数据结构与算法