2024-08-25在一次项目脚手架升级的过程中，将之前基于webpack搭建的项目移植到Vite构建。一些组件库是依赖jQueryBootstrap；引入这些组件的时候，需要项目中已经存在jQuery环境。例如：当我们在main.js中使用如下方式引入Bootstrap我们必须保证拥有全局的jQuery环境。否则，在Bootstrap中会报缺少jQuery的错误。在原项目中，在中，有一段关于jQuery使用插件全局注入jQuery，这样在项目构建启动运行后，项目中就有了全局的jQuery环境。_vite jquery

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

2024-08-25用vue3引入配置组件config时，报错说 [vite] Internal server error: Failed to resolve import "@/src/config/index" from "src/api/request.js". Does the file exist?但在许多前端项目中，它通常被配置为一个别名（alias），指向项目中的某个特定目录，比如。我又查了一下用./和@/来引入文件的区别，以及用@引入文件报错用./引入文件却可以，为什么会这样。当你在一个文件中使用。_[vite] internal server error: failed to resolve import

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

2024-08-25我们知道unocss很快，也许是目前最快的原子化CSS引擎 (没有之一)。unocss解释它为什么这么快的原因，是因为它不用去解析CSS抽象语法树，直接在content里面通过正则表达式从内容中提取token，然后生成样式。这点从unocss可以看到unocss比快3.7倍左右。其中官方的unocss测试素材，使用的是vite测试素材则是vitepostcss。可是假如我们以vitewebpack插件的方式去使用unocss的话，默认是不支持那些@apply@screentheme()这些CSS。_unocss和tailwind css的区别

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

2024-08-25为了实现一个高效、可扩展的思维导图绘制系统，选择合适的技术栈至关重要。SpringBoot：一个简化Spring应用开发的框架，它提供了快速启动和开发的能力，以及自动配置、微服务支持等特性。Vue.js：一个渐进式JavaScript框架，它易于上手，同时提供了组件化、响应式数据绑定和虚拟DOM等高级功能，非常适合构建动态的前端应用。通过结合SpringBoot的后端能力和Vue.js的前端灵活性，我们可以构建一个既强大又易于使用的ai辅助思维导图绘制系统。

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

2024-08-25本文介绍了基于树莓派的ai接入文心一言智能家居中控系统的搭建过程。该系统利用树莓派作为主控单元，通过DHT11传感器和继电器模块实现环境数据采集和设备控制。后端采用Flask框架和SQLite数据库，前端使用HTML、CSS和JavaScript构建可视化界面，支持用户手动控制设备。系统还接入了文心一言API，实时获取天气信息，提升智能家居的自动化水平。通过该项目，用户能够享受更便捷的智能家居体验。_mqtt flask

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

2024-08-25LangChain提供了多种类型的Text Splitters，以满足不同的需求：- RecursiveCharacterTextSplitter：基于字符将文本划分，从第一个字符开始。如果结果片段太大，则继续划分下一个字符。这种方式提供了定义划分字符和片段大小的灵活性。- CharacterTextSplitter：类似于RecursiveCharacterTextSplitter，但能够指定自定义分隔符以实现更具体的划分。默认情况下，它尝试在如“\n\n”、“\n”和空格等字符上进行分割。- Re_tokentextsplitter

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

2024-08-25jQuery AjaxChimp 使用教程 jquery-ajaxchimpUse ajax for your mailchimp form项目地址:https://gitcode.com/gh_mirrors/jq/jquery-ajaxchimp 项目介绍jQuery AjaxChimp 是一个基于 jQuery 的插件，用于简化通过 Ajax 向 MailChimp 订阅列表添加新用户的...

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

2024-08-24原文：The Truth About HTML5协议：CC BY-NC-SA 4.0九、画布让我（有点）希望我能做 FlashCanvas 让我们可以在网页的特定区域以编程方式进行绘制。它可以做一些非常酷的事情:设计增强、可视化、绘图/绘画应用、图像处理和游戏(至少在视觉方面)。稍后我们将进入画布的具体细节。但是，首先让我们看看一些大的东西，以及与闪存不可避免的比较。Canvas 不是 Flash，将(主要)用于 2D 图形的单一 web 技术与功能丰富、得到广泛支持的客户端环境和一个成熟的开_paintbrushjs

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

2024-08-24文章介绍了怎么使用post css 进行Tailwind CSS 的安装。_tailwindcss postcss

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

2024-08-24Flexbox是一种一维布局模型，适用于一行或一列的元素排列。它的设计初衷是用来分配一个容器中的可用空间，并对其子元素进行对齐。与传统的布局方式（如浮动布局、定位布局）相比，Flexbox具有更强的灵活性和适应性。2. Flexbox的基本概念在Flexbox布局中，涉及以下两个主要部分：容器 (Container)：使用 display: flex; 或 display: inline-flex; 定义的父元素，称为Flex容器。项目 (Items)

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