全栈技匠

年前面试了一些公司，目前已经拿到了阿里跟头条的 offer。去年我也出去找工作了，面试五家拿到了四家公司的 offer。所以在面试方面我应该可以提供一些愚见吧。本篇会讲解一些常见题目以及一些答题技巧。 其实面试的过程也是对自己知识的一个梳理过程，工作中我们学到的东西都是碎片化的…

继上一篇 一步步从零开始用 webpack 搭建一个大型项目 之后的第二篇。本文使用了 webpack5 将项目进行了重构，并全程使用的 webpack-chain 来配置 webpack，每个功能也都是独立文件，可单独使用。因此该项目的配置可以在任何项目中被使用。此项目可实战…

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

在团队中代码提交（git commit）会有各种各样的风格，甚至有些人根本没有 commit 规范的概念，所以在我们回头去查找在哪个版本出现问题的时候，就会非常尴尬😅，很难快速定位到问题。为了项目的规范化，代码提交规范就显得尤为重要！下面是我做的代码提交规范插件 vue-cl…

本文是一系列 ts 的设计模式实战总结，并不是单纯的介绍设计模式，而是从工作中的例子出发，因为这样才能让人体会到设计模式离我们很近。全篇每个设计模式都是从，概念、一句话概括、优缺点、实战几个方面来讲。 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向…

通过 universal link、URL Scheme、a 标签、iframe 几种方式找出最适合这个浏览器的唤起方式。 如果下载了 App，就会走打开逻辑，如果没有下载则走下载逻辑。 我们可以来体验一下，左边的是通用链接 universal link方式，右边是 URL S…

返回新对象。 简单版深拷贝，列举三个例子 array object function，可以自行扩展。主要是引发大家的思考 鄙人公众号【前端技匠】，一起来学习吧。

HTML5开始提供了对history栈中内容的操作。通过history.pushState/replaceState实现添加地址到history栈中。 状态对象 — 状态对象state是一个JavaScript对象，通过pushState () 创建新的历史记录条目。无论什么时…

学无止境，我们现在的技术都是基于前一代人之上做出来的，要想成为一个高级/资深的前端，重点不是你能创造多少东西，而是你知道多少东西。有没有解决问题的能力。遇到问题能不能找到最优解，为公司减少成本的同时提升效率。系统性的解决问题，提高代码的维护性、稳定性、可扩展行等等。所以现代社会…