2024-02-02最初的时候使用的是sortablejs进行拖放，最后发现拖拽元素的文本无法放置在富文本编辑器中，因为sortablejs的封装和富文本编辑器的封装好像有冲突，所以被迫放弃（死磕好几天，最终放弃 (╬◣д◢) ），最终使用的是原生拖拽，原生的拖拽需要在标签上添加：draggable=true，表示是可以进行拖拽的，原生拖拽也是有事件的，这里就不多说，大家可以去看一下官网。至此我们就完成拖放填充的富文本编辑中；这里我才用的方法是在获取后端数据的时候，进行数据处理，因为后端给的数据是分开的。_vue 打印模板设计

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

2024-02-02vue3 ts跨页面锚点定位/页面跳转后使用锚点定位（vue2类似）_vue3可以实现链接定位到另一个页面的其中一个模块

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

2024-02-02想要通过v-if或者v-show来实现动画的衔接动作，也看了网上的一些例子，这里给总结一下。这里如果是想点击一次过渡过去再次点击一次过渡回来的话，是不需要给两个不同的。这种过渡效果很简单，只需要用if语句来判断动画出现顺序即可。标签设置两种动画，只需要用同一个动画即可。就不需要加**name=‘h1’**了。_v-if 动画

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

2024-02-02由于windi.css模块是虚拟模块，他并不真的存在于你的项目文件中，所以在检索时并没有找到它，eslint就会报错了。安装windicss的，但是它总是报错，找不到‘windi.css' 模块，这个引入的，甚至不是我自己写进main.js的，而是下载时自动引入的，但依然反复报这个错。我很头大，更头大的是并没有搜索到解决办法，我尝试更换版本也没有解决，又换了webpack去安装windicss，并没有成效，最后在一个外网论坛上看到了解决办法。这是一个头疼的问题，我是使用。解决办法如上图所示，在你的。_can't resolve 'windi.css

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

2024-02-02为大家介绍新一款的构建工具——Vite，当然我们Vite更多的是被用于开发阶段，下面也为大家介绍到了 Vite 想比于 webpack 编译中的优势，以及Vite构建vue3项目的步骤教程，赶快跟着我尝试一下吧！_使用vite创建项目:project。参考下方效果图,在提供的素材文件里完成以下功能需求

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

2024-02-02近日心血来潮想做一个开源项目，目标是做一款可以适配多端、功能完备的模板工程，包含后台管理系统和前台系统，开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多，可能是PC端浏览器，可能是微信网页，微信小程序，安卓，鸿蒙……因此笔者只能从个人的开发需求出发，搭建了原生vue3版、原生微信小程序版、原生React版和uniapp版的前台系统模板。创建uniapp项目可以使用官方提供的IDE工具HBuilderX可视化的创建，但项目结构与普通的vue项目有所不同；_uniapp vue3 pinia tailwindcss gulp

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

2024-02-01前言???? 基于 vue、datav、Echart 框架的大数据可视化(大屏展示)源码，基于vue Echarts 制作，实现大数据可视化。通过 vue 组件实现数据动态刷新渲染，内部图表可自由替换。部分图表使用 DataV 自带组件，可自由进行更改， 可以在此基础上重新开发。本项目中使用的是echarts图表库，EChart..._echarts 动力环境监控

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

2024-02-01echarts、vue跨域、element-ui、_vue2 大屏可视化echarts

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

2024-02-01vue Element UI案例：通用后台管理系统-项目总结_vue elementui 管理系统

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

2024-02-01(3) 选择node.js的安装位置，可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下新建一个文件夹，如C盘、D盘下的根目录）,选好后点击next。(若系统中已经安装node.js，则cmd打开终端，输入where node，查看node的位置，选择此文件目录)；(2) 可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下，如C盘、D盘下的根目录），选好后点击next；(4) 最后一步，点击install即可安装完成。_package.json:dev配置修改增加openssl

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