效果echarts项目vue
当vue的el-dialog弹窗出现层级问题时，加个:append-to-body="true"
1、当dialog弹窗出现在遮罩层下面时，如这种情况： 2、解决办法就是，加个:append-to-body="true" 属性，效果如下： 。 ......
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
node、npm版本升级，同时解决升级后vue项目运行报错
升级node和npm 1、首先，需要确定当前安装的Node.js的版本。可以通过在命令行中运行以下命令来查看： node -v 2、如果当前版本较旧，可以考虑升级到最新版本。可以访问Node.js官方网站（https://nodejs.org/）下载最新的Node.js安装包。 不想下载最新的版本， ......
vue存储库-----pinia
# vue存储库 pinia和vuex ### pinia与vuex的区别 （1）pinia它没有`mutation`,他只有state，getters，action【同步、异步】使用他来修改state数 （2）pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 （3） ......
vue3中使用swiper的完整版教程
在 vue3 中使用 swiper, 实现轮播图的效果；如果组件样式等模块引入不当，很有可能导致，页面无效果；或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件； 在main.js里使用样式文件，如下所示： 注意需要安装：npm instal ......
npm install安装vue-element-admin报错
## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git. ......
Echarts双y轴，解决刻度线不对齐
let leftArr = [1,2,3,4,5,6] // 显示在左边数据集合 let rightArr = [2,3,4,5,6,7] // 显示在右边数据集合 let leftMax = Math.max.apply(null, leftArr); // 获取左边y轴数组的最大值 let ri ......
vue-treeselect的组件使用
一 先通过npm 安装 vue-treeselect 二 页面中引入,声明组件 三 页面使用 data中的数据 最终效果图 ......
Airbnb 爱彼迎 visx 项目介绍
Airbnb 爱彼迎 visx 项目介绍 Airbnb爱彼迎技术团队 家在四方 150 人赞同了该文章 历经四年的研发，三年爱彼迎生产环境的实战，在使用 Typescript 重新编写之后，我们的 Airbnb 爱彼迎 visx 已经迭代到v1.6.1版本！ 今天，我们想围绕 React 底层可视化 ......
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果 原创2023-06-01 14:37·那些免费的砖 使用简单，但做出来的动画非常丝滑，也能实现很多专业的动画效果，推荐给大家。 关于 GSAP GSAP 的全名是 GreenSock Animation Platform，项目诞生非 ......
使用SpringBootAdmin监控项目基本状态
一、概述 当项目上线以后，开发/运维人员想要快速了解项目运行的健康状态。此时要怎么办，可以敲命令行查看服务器以及项目状态，单这样做太过于繁琐，且不够一目了然。有没有好心人帮我们把这块简化并且有可视化界面呢。答案当然是肯定的。那就是社区给出的开源插件SpringBootAdmin。非常简单，只需要两三 ......
Vue3 使用重点记录
节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取，切记！必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......
vue项目切换语言方法
随便打开一个网页 右键 - 审查元素 粘贴入以下代码： var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
探讨三维模型OBJ格式轻量化在三维展示效果上的重要性
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作，从而实现三维模型轻量化。轻量化压缩比大，模型轻量化效率高，自动化处理能力高；采用多种算法对三维模型进行几何精纠正处理，精度高，... ......
vue3探索——组件通信之依赖注入
# 背景 通常情况下，当我们需要从父组件向子组件传递数据时，会使用 **props**。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦： ! ......
git 命令提交项目
git initgit statusgit commit -m "add 初始化项目"git config --global user.name "sf2022"git config --global user.email "zhuqiufa@163.com"git remote add origi ......
2023.8.30项目部署
今天主要是遇到了项目部署的问题。 在程序设计流程中，这个一个繁琐但是又是必须的过程。 程序的使用者（即用户）需要的产品首先是操作简单，再次为页面的美观，这两个要求是我要一直坚持且不断精进的。 无论现在遇到怎样的困难，都希望自己能够坚持着解决，静下心来，慢慢来。 ......
vue
第一课 第一件事情：课程前言 学习内容规划： 框架概述 前言复习 前端框架 页面+数据库业务实战 第二件事情：前段框架 1.为什么需要前端框架？ 当前前端开发的状态 前端基础语言： html：构建页面内容结构 css：美化和布局页面内容 Javascript：提供交互能力和动态 三者整合就是我们看到 ......
uniapp项目实践总结(三)全局公共组件和样式以及方法的使用
# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目，这篇来讲解以下如何注册和使用全局的公共组件，全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后，可以先初始 ......
Vue+Element ，如何给一个表单设置自定义规则或多个验证规则
> 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题：表单中某个选择器的值不同，控制着下面表单内容是否显示。放图： 
该教程相当于本地部署了chatgpt项目，不用魔法上网，直接通过127.0.0.1:8899就可以直接使用chatgpt,同时还提供了使用token认证的方式去登录，token有效期为14天，意思就是 14天内，只要不清空浏览器的缓存，直接使用127.0.0.1:8899就可以直接使用，就是这么方便 ......
使用docker安装chatgpt项目潘多拉(基于linux环境)
我的是centos 7.6的系统，命令如下 安装yum-utils软件包（提供yum-config-manager 实用程序）并设置存储库 sudo yum install -y yum-utils sudo yum-config-manager --add-repo https://downloa ......
Vue报错 Error in destroyed hook: "TypeError: xxx is not a function”
## 问题 将项目npm run build打包以后，进入项目本地文件夹dist，打开index.html，页面空白并且报如下错误  方案有这么些: cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=h ......