前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板，本篇是webpack5基本配置

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

本文是基于canvas去实现图片裁剪工具。因为canvas代码还是比较长的，尽量写思路，完整代码已放在github上。 这个是写canvas必定接触的问题，网上关于这个的答案也到处都是，就不详细介绍了。 因为canvas不是矢量图，在Retina屏下，浏览器用多个像素点去渲染一…

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new Vue()之后触发的第一个钩

以组件库搭建的实战入手，逐步掌握工程化的思路与实践，最终不仅仅是搭建组件库的程度，而是可以灵活地组合各种工具，自由地定制前端工程的各种细节，当然也包括日常 Web 应用的架构。

找工作面试被问离职原因，千万不要直接说出你为什么从上家公司离职的真实原因！！！ 当老实人要吃亏的！！！ 其实，大部分真实的离职原因都是每家公司或多或少会遇到的，但如果直接说出来，很可能会让面试官担心你

Chrome 插件 一、什么是 Chrome 浏览器插件？ Chrome 浏览器插件可通过自定义界面、观察浏览器事件和修改网络来提升浏览体验。 二、Chrome 浏览器插件是如何构建的？ 使用 Web

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import