2024-10-13Vue Flow 是一个轻量级的 Vue 3 组件库，它允许开发者以简洁直观的方式创建动态流程图。本篇文章记录一下Vue Flow的基本用法安装登录后复制 npm add @vue-flow/core1.流程图的构成Nodes、Edges、Handles主题默认样式通过导入样式文件应用登录后复制 /* these ar..._vue flow流程组件

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

2024-10-13刚入坑electron,一开始安装依赖就遇到问题，后面排查还是因为镜像源的问题，记录一下。_npm install --save-dev electron卡住

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

2024-10-13Vue 的 slot 插槽是一种允许组件开发者定义动态内容区域的机制，使得父组件可以向子组件中插入内容。通过默认插槽、具名插槽和作用域插槽，Vue 实现了高度灵活的内容传递方式。默认插槽用于传递未命名内容，具名插槽可以在不同位置插入指定内容，而作用域插槽则允许子组件将数据传递给父组件，由父组件根据这些数据自定义渲染内容。这使得组件既能保持逻辑封装，又能在实际使用中提供强大的可扩展性。

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

2024-10-13文章详细介绍了如何在一个新的项目中设置Webpack配置，包括复制基础配置文件，创建目录结构，安装必要的包，以及配置Less和PostCSS来处理CSS的兼容性问题。此外，文章还涉及到了游戏界面的HTML结构，游戏元素如蛇和食物的CSS样式，以及游戏逻辑中Snake、Food和ScorePanel类的实现。整个过程展示了从项目初始化到游戏基本功能实现的步骤。

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

2024-10-13这个是要先安装node环境，有node基础才能使用npx。使用方式 如下： npx tsc xxx 例如： npx tsc --init 初始化tsconfig.json 来修改配置typescript的配置。全局安装好后就可以使用 tsc 这个命令了，缺点是： 可能会污染全局的变量，不会实时更新typescript 这个库， 毕竟安装好了一般都是不管的。是局部安装的，所以在控制台或者终端肯定是无法使用的， 控制台或者终端能使用的是我们电脑本地安装的命令或者是环境变量里面有的配置，例如： npm。_tsc : 无法将“tsc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查

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

2024-10-13文章介绍了使用TypeScript实现的花田APP聊天功能的Node端架构，项目拆分为5个独立的npm包，包括主项目、组件库、工具函数库、模型层和服务。强调了模型层的重要性和优势，如前后端模型统一、业务逻辑封装以及性能优化。同时，项目特点在于处理架构复杂性和技术多元化，注重核心技能和实战技巧。

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

2024-09-30Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞 I/O 的模型。npm（node package manager）是一个 Node.js 包管理和分发工具，也是整个 Node.js 社区最流行、支持第三方模块最多的包管理器。_安装node.js和npm

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

2024-09-30npm安装vue@cli报错的简单处理方式。_this module is not supported, and leaks memory. do not use it. check out lru

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

2024-09-30因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。_idea vue

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

2024-09-30在 Vue 项目中使用axios发起 HTTP 请求时，参数传递和接口响应是最容易出现问题的两个环节。通过正确的参数传递方式、与后端保持良好的沟通、以及对接口响应进行全面的检查，我们能够快速定位问题并进行修复。同时，合理封装请求逻辑和优化错误处理，不仅能够提升代码的可维护性，还能显著提高用户体验。希望本文的解析能够帮助你更好地理解并解决 Vue 项目中的 Axios 请求问题。_vue3中axios请求与传参

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