本文内容对vite+Vue3的多入口开发进行了详细的配置说明，并且编写插件重写了访问路径，使其支持路由的history模式。

需求 业务需要根据不同的产品pid打包成多个包，对于vite启动的单页面应用而言，一般一个入口对应一个出口，vite会以根目录index.html作为应用入口和依赖图，解析并打包。

WebRTC是谷歌于2011年开源的一个音视频处理引擎，可以实时的进行视频数据的采集，也就是说可以做直播，也可以做桌面录屏，桌面分享。使用起来还是比较简单的。 这里我们来开发一个屏幕录制工具。 首先我们在页面中创建一个video标签，用于展示录屏的内容，再创建四个按钮，一个屏幕…

本方法是使用了web提供的apinavigator.userAgent就是我们常说的UA来进行判断话不多说直接上代码

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS

大部分同学都知道，在 CSS 世界中，有 vw、vh、vmax、vmin 这几个与视口 Viewport 相关的单位。 正常而言： 1vw 等于1/100的视口宽度 （Viewport Width）

强大的Grid布局，你确定不来 羊了个羊？ Grid布局中的概念 Grid 布局则是将容器划分成“行"和“列”。

如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。 3行css搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。