猿叨叨

导读 2021 年，Web 开发整体上仍然处于比较低效的状态，各种开发，部署工具仍未很好的收敛，开发者仍然要面对选择框架，选择各种库，选择部署方式，沟通前后端接口等，一个完整的 Web 应用开发会牵扯

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

最近一个项目是用vue+vite进行开发的多页应用,此次主要和大家分享一下vite配置，导出目录，目录优化，和一些其他的注意点

上一篇文章 “能用CSS实现的就不用麻烦JavaScript” 提到好几种常用场景，这次笔者再分享多几个用CSS代替JavaScript的场景。希望大家能在日常开发中使用到。

生命周期的是我们在开发中不可回避的话题。了解生命周期也可以让我们知道什么阶段可以做什么，以及更好的解决项目中遇到的问题。 每一个 · 后跟的生命周期钩子可以点击进入Vue源码的调用函数或代码行。 上述生命周期钩子后的加粗字体是Vue文档对钩子函数的简要解释。 文中引入的Vue源…

Vue通过响应式设计实现了数据的双向绑定，能够做到页面数据的动态更新。我们都知道Vue实现响应式的核心是 Object.defineProperty()，但是具体是如何实现的？相信很多人都是不清楚的。这篇文章我们就结合Vue源码来了解一下响应式的实现方式。 Vue的响应式实现方…

echarts自身提供了 resize API，用来改变图表尺寸，但它并不会监听外层容器尺寸的改变自动调用，动态更新逻辑需要手动实现。 实现动态更新的功能有两种情况，一种是图表容器不会发生改变，只有浏览器窗口大小变化；另外一种是图表容器本身也会发生变化。不管是哪种方式，内部逻辑…

从0 开始Vue3 + Vite + TypeScript + ESLint + Prettier 搭建生产项目，引入Airbnb规则；项目搭建踩坑实录