前端 终端 实战vue
工作流如何实现？集成？springboot+vue+activiti技术栈
前言 activiti工作流引擎项目，企业erp、oa、hr、crm等企事业办公系统轻松落地，一套完整并且实际运用在多套项目中的案例，满足日常业务流程审批需求。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器，流行的前后端分离部署开发模式，快速开发平台， ......
云计算实战手册（1）
目录openflow概述历史概述 openflow概述 历史 以美国为中心，从零开始重新构建网络的新一代网络技术研究。 技术人员提出了各种新一代网络技术的方案，实现比以往互联网通信设备更精确的控制。 OF的最初概念始于2008年的斯坦福大学。到2009年12月，OpenFlow交换规范1.0版发布。 ......
Vue2.0 浅学笔记
Vue 是框架，也是生态。 1.Vue API风格 选项式（Vue2） 组合式(Vue3) 2.入门 node.js 版本大于15 3.创建项目 创建项目 npm init vue@latest 开发环境 VScode +Volar 4.基本语法 1.文本插值 仅能使用单一表达式 使用JavaScr ......
2023年的前端开发框架
前端开发的框架生态 主要包含的工具有： 脚手架/构建工具 vite 服务器端渲染框架 next.js Gatsby.js Docusaurus 静态文档 跨平台开发框架 RN FLutter 状态管理 Redux zustand jotai recoil 路由 React Router React ......
Vue 3.0开发的开源前端项目
文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......
12-web前端轮播图案例 （小米商城）
说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ......
VUE 3.0使用Tinymce编辑器JS报错解决
接上篇文章写到的Tinymce编辑器，突然发现了，多点击几次编辑弹框内容就会变空白，而且JS报错了。如下图： 点开这个js就能发现错误的地方了改这两个文件就可以了，代码如下： if(typeof e.content!=='string'){ e.content=e.content.innerHTML ......
五分钟k8s入门到实战-应用配置
背景 在前面三节中已经讲到如何将我们的应用部署到 k8s 集群并提供对外访问的能力，x现在可以满足基本的应用开发需求了。 现在我们需要更进一步，使用 k8s 提供的一些其他对象来标准化我的应用开发。 首先就是 ConfigMap，从它的名字也可以看出这是用于管理配置的对象。 ConfigMap 不管 ......
ThingsBoard 前端项目背景图片部件开发
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。 ......
整洁架构在前端的设计思想与应用实践
随着业务的发展，前端项目承载了越来越多的职责，也越来越复杂，简单通过 cli 生成的框架结构越来越无法满足。
面对前端项目复杂度的不断提升，我们开始思考前端的架构组织方式怎么才更合理？应该如何设计良好的前端架构？行业是否有比较好的优秀实践？
本文先从架构基本概念开始介绍，然后介绍整洁架构的概念和设计... ......
vue3移动端设置单页面body的背景色
<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......
Strimzi Kafka Bridge(桥接)实战之一：简介和部署
欢迎访问我的GitHub 这里分类和汇总了欣宸的全部原创(含配套源码)：https://github.com/zq2599/blog_demos 关于《Strimzi Kafka Bridge(桥接)实战》 在strimzi技术体系中，桥接(bridge)是很要的功能，内容也很丰富，因此将桥接相关的 ......
Vue双向数据绑定原理
Vue响应式的原理(数据改变界面就会改变)是什么? 时时监听数据变化, 一旦数据发生变化就更新界面, 这就是Vue响应式的原理。 Vue是如何实现时时监听数据变化的 通过原生JS的defineProperty方法, 通过get和set方法来监听数据的变化。 defineProperty方法的特点 可 ......
vite+vue3项目发布到手机
1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
sanic vue-vben开发学习（一）
兵马未动，规矩先行。开发是个系统工程，不是随便写点小代码就能交差的。需要定好规范。 我认为，应当坚持以下原则。 以文档为核心。良好的文档。这个完全是我自己在做，没有团队，我的团队都是甲方，提供需求的。我应当调研完毕，先写文档，计划怎么做。甚至可以把我写的调研，放在公开的网站上，让大家可以提意见。我来 ......
5、SimGNN实战
一、概述 文献标题：SimGNN： A Neural Network Approach to Fast Graph Similarity Computation来源：WSDM2018（ 网络搜索和数据挖掘国际会议）论文链接：https://arxiv.org/abs/1808.05689代码链接：h ......
面向对象实战后的总结
面向对象 封装 继承 多态 类 对象（实例） 方法 消息 面向对象编程：1.使用对象和对象之间的交互来设计系统，2.数据和相关的逻辑封装在一起 什么是面向对象 面向对象是：一种程序设计思想，它的核心概念是“对象”。“对象”是指具有特定属性和行为的实体，能够接收消息、处理消息并返回结果。 重载和重写的 ......
前端a标签下载文件
问题描述： 后端直接返回牵牛的文件储存地址，前端想自定义下载文件的名称不成功 解决办法：转为get 请求，将返回值改为blod格式 /** * 用于 后端直接返回url 牵牛下载地址 并且需要自定义下面文件名称 * @param {请求参数} data {url,fileName} */ var d ......
09_electron-vue-antd环境搭建
electron-vue 很好解决，安装 antd 给我弄自闭了，最终是发现是版本问题。 先把 electron-vue 环境搭建好，然后去看项目中的 vue 版本： 我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本，之前一直使用的 4.x 版本 ......
记录--前端实现并发请求限制
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前两天我的新同事告诉我一个困扰着他的问题，就是低代码平台中存在很多模块，这些模块的渲染是由模块自身处理的，简言之就是组件请求了自己的数据，一个两个模块还好，要是一次请求了几十个模块，就会出现请求阻塞的问题，而且模块的请求都特别大。 ......
新手指引：前后端分离的springboot + mysql + vue实战案例
使用springboot + mysql + vue实现前后端分离的用户查询功能：
1、mysql：创建test数据库 -> 创建user数据表 -> 创建模拟数据；
2、springboot: 配置mysql -> 使用mybatis操作mysql数据库 -> 接口开发；
3、vue：使用a... ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法：https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。 目前Element Plus可使用的UI组件种类丰富，除了按钮 ......
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
vue~封装一个文本框添加与删除的组件
标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
vue~封装一个文本框标签组件
用到的技术 父组件向子组件的传值 类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如： props: { message: { type: String, default: 'Default Message ......
VUE 3.0使用Tinymce编辑器
本人使用的IDEA开发工具 参考文档： 1.官方文档2.中文文档 一、使用npm安装Tinymce。我这里是指定了版本号的 npm install tinymce@6.0.0 npm install @tinymce/tinymce-vue@5.1.0 二、修改路径，加汉化 1、将下载好的tinym ......
【vue2】实现数字纵向滚动效果（计时器效果）
需求： 在页面中显示一个数字，并在进入视口时显示计时器滚动效果： 效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
如何用Vue实现模块化开发？
模块化开发就像我们管理书籍一样，一开始只有几本书时，堆书桌上就可以了。随着书越来越多，有几十上百本时，我们需要一个书橱，按照类别放在不同的格子里。对比App迭代过程，起步时，业务少，单一工程模式效率最高，随着业务发展，我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化，就 ......