东倒西歪小田螺

总结一个丝滑的九宫格画法,组件的总结，致力于早早下班，或者有时间摸鱼。哈哈，希望大家都能工作愉快且生活美满。 样式如下：

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

先说三个情景，第一是懒加载图片，会先加载你可视化区域内的图片，当滚动条往下滑动的时候才会加载下面的；第二是瀑布流布局，随着滚动条往下滑动，会一直加载图片出来是一个无限滚动的效果；第三个是播放一个视频，

通常，js代码出错，控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件，里面储存着打包前的位置信…

Vue CLI 把「模式 + 环境变量」做成了一套约定大于配置的体系，只要理解规则，就能让同一份源码在任意环境自动作出正确的行为。

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

Pinia 是⼀个⽤于 Vue 的轻量级状态管理库，类似 Vuex, 是 Vue 的另⼀种状态管理⽅案

需求   公司项目需要将两个独立运行的应用放在一个应用中，采用tab切换的形式展示不同的应用，同时两个应用还需要可以独立的运行。 方案确定   公司两个项目分别是vue3+vite2和vue3+vit

是的，官方赞未有文档表明已经支持Vite。接下来我会从Vite聊起，然后一步步解析如何去解决在qiankun微前端体系中集成基于Vite构建的子应用. 1 为什么要用Vite？ 在Vite没有诞生之前