前端 终端 实战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迭代过程,起步时,业务少,单一工程模式效率最高,随着业务发展,我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化,就 ......