前端 终端 实战vue
终端运行roscore时，报错：Unable to contact my own server at...
### 问题现象： ### 问题原因： 以上问题是由于ROS环境变量ROS_MASTER_URI设置错误导致的，重新设置该变量即可。 ### 解决方法： 打开~/.bashrc文件，添加或修改环境变量ROS_HOSTNAME和ROS_MASTER，即改为： ```bash export ROS_HO ......
[vue] Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
## 问题描述  ##解决方法 ``` npm i vue@3.2.26 ``` 重新运行即可 ``` npm r ......
前端Vue自定义询问弹框和输入弹框
前端Vue自定义询问弹框和输入弹框， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13119 效果图如下：  [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录，本人在使用中遇到的一些问题，供参考 1. 资源找不到 -> ......
前端Vue自定义简单实用中国省市区三级联动选择器
#### 前端Vue自定义简单实用中国省市区三级联动选择器， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
前端Vue自定义服务说明弹窗弹框 自下而上底部弹框
#### 前端Vue自定义服务说明弹窗弹框 自下而上底部弹框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13108 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc ......
前端脚手架配置打包后的预览环境
## 前端脚手架配置打包后的预览环境 #### 首先npm安装`connect`,`runjs`,`chalk` #### index.js主要代码如下 请根据项目实际情况进行更改，仅作参考： > process.argv获取的是执行命令 例如`node build/index.js --previ ......
将 Vue 项目部署到 Nginx 上
将 Vue 项目部署到 Nginx 上 安装 Nginx 下载地址：nginx: download （1）因为我在 Windows 系统下安装 Nginx，所以选择 nginx/Windows-1.22.1。下载的资源是一个压缩包，解压后即可使用。 （2）打开命令行提示符（cmd），切换到 Ngin ......
vue el-input 输入框 限制小数点后 只能有三位小数
oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" ......
vue中使用axios
##引入axios ###错误用法 在main.js中引入，需要注意的是，因为axios是第三方库，不是vue的插件，所以下面的这种写法不支持。 ``` import axios from 'axios'; Vue.use(axios) ``` ###正确用法 结合 vue-axios使用，vue- ......
vue通信-provide&inject
刚完成一个需求，父组件开启一个任务，开启后孙组件显示一个执行按钮，在孙组件中点击执行按钮，再到父组件中执行任务并隐藏按钮；可以使用props和emit实现，因为组件层级较多，所以考虑使用provide&inject实现父组件和孙组件的通信； 以下代码记录实现过程： 父组件：Parent.vue `` ......
搭建前端项目时出现了.../dist/index.mjs:128 if (!require.cache) { ^ ReferenceError: require is not defined...
具体报错如下：  修改`node_modules/vite-plugin-mock/dist/index ......
pyGTK实战（1）
[TOC] ## 简介 PyGTK是一套用Python和C语言编写的GTK+GUI库的包装器。它是GNOME项目的一部分。它为用Python构建桌面应用程序提供了全面的工具。 PyGObject是一个Python包，它为基于GObject的库（如GTK、GStreamer、WebKitGTK、GLi ......
Tensorflow2实战指南（1）
[TOC] # 为什么是TensorFlow ## PyTorch 是什么 是基于以下两个目的而打造的python科学计算框架： ```c 无缝替换NumPy，并且通过利用GPU的算力来实现神经网络的加速。 通过自动微分机制，来让神经网络的实现变得更加容易。 ``` ## 使用 TensorFlow ......
前端学习C语言 - 函数和关键字
## 函数和关键字 本篇主要介绍：`自定义函数`、`宏函数`、`字符串处理函数`和`关键字`。 ### 自定义函数 #### 基本用法 实现一个 add() 函数。请看示例： ```c #include // 自定义函数，用于计算两个整数的和 int add(int a, int b) { // a ......
04导出项目依赖，首页推荐课程前端，git介绍安装，git，github，gitee，gitlab，git使用流程，常用命令，git忽略文件
# 补充 ``` -字段类：DateTimeField的属性： -auto_now_add：这个字段新增的时候，可以不传，会以当前时间存入 -这样写，配置文件中：USE_TZ = False写成true，和fasle的区别 -auto_now：更新这条记录，会把当前时间存入 -update更新 -对 ......
记录--Vue3 封装 ECharts 通用组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
Vue3中computed的用法
Vue3中computed的用法 computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
vue3 + i18n
vue3 + i18n 安装： npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n： import { createApp } from 'vue'import App ......
R语言实战（第三版）全新升级版，超过30万学习者入手的畅销书
 在我刚入学那会儿初次接触R语言，看的第一本工具书就是《R语言实战》，收获良多，当时还只是第二版。最近和人民邮电出版社的好朋 ......
谈谈Vue3中的ref和reactive
谈谈Vue3中的ref和reactive ref和reactive是什么？ref和reactive是Vue3中用来实现数据响应式的API一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封 ......
vueup/vue-quill 的用法
<template> <div class="EmailDialog"> <div class="EmailDialog-main" :style="{ borderColor: isShow ? '#474edb' : '#f0f2fc' }" @click="openDialogHandle" ......
nginx前端页面通过docker部署过程中的相关问题
1、nginx.conf 的 ip 地址 对应 服务器的 ip 2、数据卷的路径需要与配置文件对应 nginx.conf 创建数据卷与容器的语句 docker run --name=nginx01 -v html:/usr/share/nginx/html -p 8080:80 -d nginx 3 ......
细说敏捷测试-敏捷实战中的探索
## 1 什么是敏捷？ 敏捷开发是一种思想或方法论，就是通过不断迭代开发和增量发布，最终交付符合用户价值的产品 敏捷思想源于最初的《敏捷宣言》： 【敏捷软件开发宣言】 - 个体和互动高于流程和工具； - 工作的软件高于详尽的文档； - 客户合作高于合同谈判； - 响应变化高于遵循计划； 《敏捷宣言》 ......
前端如何防止用户使用F12看控制台
#### 先分享一下自己的搭的免费的chatGPT网站 [https://www.hangyejingling.cn/](https://www.hangyejingling.cn/) ## 正文 #### 1、如果是VUE框架开发，在生产环境中。在入口文件APP.vue中添加如下代码，其他框架同理 ......
ModelBox实战开发：RK3568实现摄像头虚拟背景
摘要：本文将使用ModelBox端云协同AI开发套件（RK3568）实现摄像头虚拟背景AI应用的开发。 本文分享自华为云社区《ModelBox开发案例 - RK3568实现摄像头虚拟背景【玩转华为云】》，作者：AI练习生 。 本文将使用ModelBox端云协同AI开发套件（RK3568）实现摄像头虚 ......