效果echarts项目vue
66、K8S-部署管理-Helm-自定义helm项目
1、自定义helm项目管理-实践 1.1、自定义helm项目 1.1.1、创建存放的目录 mkdir -p /opt/custom_helm && cd /opt/custom_helm 1.1.2、创建helm项目 helm create nginx 1.2.3、目录的解析 custom_helm ......
React 使用NPM创建项目
React 使用NPM创建项目 虽然研究 React 已经有一段时间，但之前写 Demo 都是直接新建文件夹然后在里面写 html 和 js，究其原因还是因为之前用不了 NPM。现在终于是把 NPM 的问题解决了（从 IDEA 上 copy 了个代理的地址），这下才能算是真正的 DEV 环境。 但有 ......
cookies、sessionStorage与localStorage在Vue中的使用
简介 cookies 临时存储在客户端中，并且有过期事件，到过期时间会被自动清理。 sessionStorage 临时存储在客户端中，关闭浏览器后就会清空。 localStorage 永久存储在客户端中，只有在清空缓存或手工删除或代码删除后才会清空。 localStorage的使用 语法 // 将值 ......
vue3微信公众号商城项目实战系列（1）开发环境准备
项目忙完，这次上新，写一个前端系列，采用vue3来开发一个微信公众号商城。 前言： 1. 微信公众号商城本质也是一个网站，由一个个网页组成，只不过这些网页运行在手机端，能响应手指的点击、长按、拖拽等操作。 2. 既然是网页，当然可以用3件套（js+html+css）来写，但象vue这样的前端框架比3 ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github：https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
python项目生成exe
前言 做了个python的小项目，需要打包为桌面端的exe使用，结果一打包，体积直接上百兆了，研究了下，使用虚拟环境打出的包会更干净小巧。 安装anaconda(用作python的虚拟环境管理工具) 安装：https://repo.anaconda.com/archive/Anaconda3-202 ......
CMake项目编译出现：对‘XXXX’未定义的引用
‘XXXX’不是自己写的。说明是这个变量或者函数实现的文件未导入,先找到‘XXXX’属于哪个库，然后在CMakeList.txt中添加相应的静态库或者动态库。 ‘XXXX’是自己写的。查看实现的源文件(.cpp)中和头文件(.h)定义是否一致。或者查看CMakeList.txt中是否引入了相关的cp ......
Java集成工作流审批机制，多个项目实际运用优化版本（干货）
前言 activiti工作流引擎项目，企业erp、oa、hr、crm等企事业办公系统轻松落地，一套完整并且实际运用在多套项目中的案例，满足日常业务流程审批需求。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器，流行的前后端分离部署开发模式，快速开发平台， ......
vue上传文件显示进度条，当上传完成后间隔一秒进度条消失
<template> <el-upload class="avatar-uploader" action="api/file/upload" :show-file-list="false" :before-upload="beforeAvatarUpload" :on-progress="handl ......
Vue样式组件库
常用样式库 常用的Vue样式库如下 |组件库|说明|地址| |-|-|-| |element|目前只支持到vue2.x版本，不再更新|https://element.eleme.cn/#/zh-CN| |element-plus|样式与element相同，开发都为了在vue3.x版本中使用而升级|h ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
vue 中内置的特殊 Attributes中key的使用
谈到key, 我们通常是在v-for循环中使用key，如官网示例如下： 其实、在某些场景下，我们也需要手动进行修改key，然后来重新刷新dom。大概场景描述就是--数据变化了，但是dom没有更新。 比如其他场景： 1、echarts 数据变了，但是dom没有更新，这就需要手动刷新。 2、屏幕大小变化 ......
Vue之插件的使用
作用 vue的插件的作用就是为了增强Vue，比如router，比如Vuex 本质就是包含install方法的一个对象，install的第一个参数是vue，第二个及之后的参数是使用都要传递的数据，插件对象中的install方法会被vue自动调用。 使用 在Vue项目的src目录中创建目录plugins ......
vue table 里面 slot 的模板复用 slot-scope template v-for
vue table 里面 slot 的模板复用 slot-scope template v-for 需求 经常在table里面要有自定义列，但是会有相同的自定义列，这个时候又不想写很多一样的template，就可以用这种方式 代码 <template :slot="slotName" v-for=" ......
舆情分析项目实施流程
[热点话题 | NVIDIA](https://www.nvidia.cn/developer/online-training/hot-topics/) 1. 项目介绍 随着新型冠状病毒疫情爆发，每天都有大量的新闻报道、微博和微信评论等。追踪疫情发展的舆论趋势，分析热点话题趋势、分析问题产生原因等， ......
狂神Vue笔记
1. 前端核心分析 1.1 Vue 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转， ......
关于项目中定时器优化的一些想法
定时器从STL的map实现，改为最小堆的实现，主要基于以下几个方面的思考： 之前的定时器实现： 业务层需要一个定时任务的时候，底层引擎会生成一个定时器对象，同时分配一个定时器id（timerId）， timerId是一个全局自增的long long值， 这个timerId会传回给脚本层持有。 底层通 ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
windows程序利用setup project项目进行打包安装
编译好的C++项目可以通过visual studio 的setup project项目进行打包安装 1、利用dumpbin /dependents *.exe命令查看生成的运行文件所依赖的库dll，然后将相应库拷贝到即将打包的文件夹中， 需使用x64 Native Tools Command Pro ......
有没有类似花生壳一样的内网穿透免费开源项目
是的，有很多内网穿透的开源项目可以选择，以下是其中几个： ngrok：ngrok是一个非常流行的内网穿透工具，可以将本地服务器映射到公共互联网上，并提供一个唯一的URL。 frp：frp是另一个流行的免费开源的内网穿透工具，支持TCP、UDP、HTTP、HTTPS等协议，并且提供了类似花生壳的服务功 ......
echarts在同一个dom元素中创建两个图表
核心：使用grid进行分区 // 直角坐标系内绘图网格 左右通过left和right分 上下通过top和bottom分 grid: [ { left: '10%', right: '55%', width: '30%' }, { left: '55%', right: '10%', width: ' ......
Vue之混入对象mixin
简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件，两个组件中有部分共同的内容，比如同样的变量，同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录，我这里的目录名称就为mixin 在mixin目录中创建一个js文件，为了方便导入，所以创建的 ......
用quasar+vue3+组合式api VueRouter实现路由嵌套（二级路由）
前言： 本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。 效果图： 文件目录结构和代码如下： 文中用到的标题栏数据如下： const titles = ref([ { name: "首页", path: "ho ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（四）
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
CKEditor粘贴图片自动上传到服务器(VUE版)
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来 ......
vue学习备忘
vue学习备忘 vue中!!、！=、== 、！==、 判断符号的用法等 ！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。 可以总结出来，“！”是逻辑与运算，并且可以与任何变量进行逻辑与将其转化为布尔值，“!!”则是逻辑与的取反运算，尤其 ......
vue长按事件指令（v-longPress）
import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......
Vue3中点击按钮滚动页面到低端
核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......