2024-06-02我这里多了个showPreview用来处理ppt的预览，因为他原生的ppt预览是增加一个弹窗，我需要当前页面展示，样式不符合要求，我就修改了,\node_modules\ranui\dist\components\preview\index.js 里对应第一个文件。前言：其实本来是要做全类型文件预览的，但是一直找不到合适的doc,xlx,ppt预览插件。要是有可以使用的，可以评论推荐给我。好像是pdf在预览时样式很奇怪：所以pdf我是通过ifream进行预览。我使用的node版本：v18.19.1。_通过url可以获取文件流,使用vue-doc-preview插件预览pptx

https://www.qianduange.cn//article/10544.html 分类：前端知识

2024-05-30假设你有一个src/pages/Dynamiccomponents目录，里面包含多个 Vue 组件，你想根据某些条件动态地导入这些组件。src/pages/Dynamiccomponents/ComponentA.vue文件。src/pages/Dynamiccomponents/ComponentB.vue文件。包起来就好了，我直接使用了markRaw来包起组件 ，就解决这个警告了。src/pages/index.vue文件。这里报了一个警告：提示你去给组件使用。_vue3 import.meta.glob

https://www.qianduange.cn//article/10029.html 分类：前端知识

2024-05-29Kutt是一个现代的URL缩短器，支持自定义域，可以用来缩短网址、管理链接并查看点击率统计信息。Kutt支持自定义域名，设置链接密码和描述，缩短URL的私人统计信息，查看、编辑、删除和管理链接，RESTful API等。Kutt使用了Node.js、Express、Passport、React、TypeScript、Next、Easy Peasy、styled-components、Recharts、PostgreSQL、Redis 等技术构建，是一个不错的学习React的开源项目。_react开源web项目

https://www.qianduange.cn//article/9947.html 分类：前端知识

2024-05-28在Web开发中，HTML5的Web components提供了一种强大的机制，使我们能够创建可重用的自定义元素，并扩展现有的Web元素。自定义元素允许我们创建全新的HTML元素，而扩展现有元素则可以在现有元素的基础上添加新的功能或修改其行为。Web components是HTML5引入的一组不同的技术，允许你创建可重用的自定义元素——与你的网页或应用使用的其他HTML元素一样。通过使用Shadow DOM，我们可以将自定义元素的样式和行为封装在内部，避免与其他元素的样式和行为发生冲突。_html自定义组件

https://www.qianduange.cn//article/9879.html 分类：前端知识

2024-05-28前端专业IDEA是vscode，可以自行下载配置，我是因为是工作主要以Java为主，所以我用的IntelliJ IDEA进行开发的。然后选择TypeScript和Router，空格选择和不选，选好了回车确定进入下一步。这是是文件权限不够，进入项目文件的上面一个层级，执行下面的命令。这里一个简单的vue项目就搭建完成了。去掉components下的所有文件。可以在后续的npm下载提高下载速度。去掉assets下的所有文件。然后将npm升级至最新版本。去掉views下的所有文件。是项目名，可以自定义。_vue3 typescript 项目

https://www.qianduange.cn//article/9768.html 分类：前端知识

2024-05-27在开发中，我们总喜欢站在巨人的肩膀上开发，比如用一些框架：vue,react,组件库：element，ant。工具函数：axios，lodash现在是模块化时代，我们也喜欢封装一些组件/工具库，但是都需要引入。v3更是改成composition API ,用那个引入那个，不知道你为此是否感到繁琐，今天就让我们来学习使用两款插件，解放双手，让我们有更多的摸鱼时间?。_unplugin-auto-import

https://www.qianduange.cn//article/9723.html 分类：前端知识

2024-05-27vue3原有public文件夹下 我这边是新建一个static文件夹 专门存放要用到的html文件 复制拖拽过来。这里是静态展示 动态数据效果还需html页面加一个监听message的事件这篇文件不赘述。方法 不同于vue的 components: { } 命名方式。再修改宽高即可满足首页(vue页)呈现引入的html。在项目原有vue（例如首页）基础上引入html页面。index为html的首页。vue调用vue页面方式。_vue中引入html页面

https://www.qianduange.cn//article/9688.html 分类：前端知识

2024-05-23vite ts vue3 知识点（vite-plugin-components插件）_vite-plugin-components

https://www.qianduange.cn//article/9187.html 分类：前端知识

2024-05-10Anthony Fu，在Git上的账号是antfu，是Vue和Vite核心成员，同时也是VueUse、Slidev几个开源项目的作者……，他的一些插件都是非常非常实用的！我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。这就是前端大神Anthony Fu写的的非常好用的插件，其实已经被vite官方收录了。将你引入自定义组件的import*****之类的语句，去掉，依旧正常运行。如果，能有一个插件帮我们实现自动引入，是不是要谢天谢地了呢？_unplugin-vue-components

https://www.qianduange.cn//article/7819.html 分类：前端知识

2024-05-10这样，我们就完成了 Vue 3 项目中的响应式布局实现。根据不同的屏幕尺寸，侧边栏和内容区域的宽度会自动调整。当屏幕宽度小于 768px 时，内容区域将根据屏幕宽度进行调整；当屏幕宽度小于 992px 时，侧边栏将占据整个屏幕宽度。3. 在 `src/components` 目录下，创建一个名为 `ResponsiveLayout.vue` 的组件，该组件将负责实现响应式布局。_vue3 响应式布局

https://www.qianduange.cn//article/7814.html 分类：前端知识