前端 终端 实战vue
ubuntu通过.sh实现快捷启动——打开多个终端并自动执行多个程序(转)
gnome-terminal --tab -- bash -c "ifconfig;exec bash" gnome-terminal --tab -- bash -c "ls;exec bash" [Desktop Entry]Name=检查从站状态Exec=gnome-terminal --ta ......
vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题
<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
vue3中的watchEffect高级侦听器
介绍 watchEffect有两个参数，一个回调函数，一个是对象(设置配置项) watchEffect执行传入的一个函数，同时响应式追踪其依赖，并在依赖更新时重新运行该函数 watchEffect是非惰性的，会默认自动调用一次的 import { watchEffect, ref } from 'v ......
精通数据集成：轻易云数据集成平台应用实战与技术内幕
企业系统中数据交互的重要性不言而喻。一个系统如果孤立运行，即使积累了海量数据，仍然是一座信息孤岛。另一方面，一个积极参与数据交互的系统，成为各系统之间的“交际花”，具备中台的性质。 然而，大多数情况下，系统介于这两种极端之间，需要在自身生产和社交之间取得平衡，实现数据的高效对接。这种对接的核心目标是 ......
vue2 el-popover 数据很多时候，渲染很慢
参考链接： https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示，以下代码优化： 要让`el-popover`的显示位置根据点击位置动态调整，可以根据点击的元素的位置动态设置 ......
在vue中使用引入3D建模（Three.js）
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面，可以从网站 sketchfab 下载和导入3D建模的模型（需注册，有些是免费的），在这里用到的模型地址是https://sketchfab. ......
直播app开发搭建，vue 一分钟倒计时功能实现
直播app开发搭建，vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> 在data里边定义相关变量 data() { return { content: "倒计时", ......
直播商城源码，vue中，input输入框只允许输入数字
直播商城源码，vue中，input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符： <input v-model.number="age" type="text" /> 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
vue 学习
1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种：Vue.set(obj,'sex','18'); 第二种：this.$set(this.obj, 'score', 90)； 第三种：obj.score=100; 直接赋值的方式不能触发Vue的响 ......
【网页开发】传统网页开发及新前端网页开发的优缺点
传统网页开发 开发流程 1、UI设计人员制作高精度图片，以供静态界面开发人员使用 2、静态界面开发人员根据图片使用HTML、CSS进行制作，生成与图片一致的网页 3、开发人员需要将静态界面中的代码改为动态界面与后台进行数据对接 优点： 1、前端耗时少 2、有利于SEO <SEO：搜索引擎优化> 缺点 ......
docker部署springboot+vue项目环境安装及部署流程
后端项目打jar包修改及配置项 1、修改配置文件 application-prod.yml中的mysql配置和redis配置 2、切换Maven为生产模式 3、Maven打包 4、拿到打包后的jar 包5、拿到jar包之后在Linux中使用 nohup java -jar jeecg-system- ......
Ant Design Vue Table 嵌套子表格的数据刷新方法
父子组件各自负责，在table中嵌套了子表格后，首次加载表格时，父组件会实例化子组件并传递参数，折叠后再次展开时，只会传递参数，子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
vue-i18n
https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli)，则需要导入 Vue 和 VueI18n ，然后调用 Vue.use(VueI18n)。 格式化 在某些情况下，你可能希望将翻译呈现为 ......
vue~vuex的使用
存储相关 Vuex 和本地存储（如localStorage）以及 cookie 存储（如 document.cookie）之间有一些关系，但它们是不同的概念，用于不同的目的。 Vuex： Vuex 是 Vue.js 的官方状态管理库，用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
Ruoyi-Vue-Plus 修改模块名+包名
一、修改模块名 模块名需要一个一个改，这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红，可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
Vue2——监听页面滚动实现菜单和页面对应
前言 如题，监听页面的滚动并激活相应的菜单，一个老项目的维护，后面反正要全部重构，这里就先实现功能就好了； 内容 元素内容 主要是添加相应的id，生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
Vue.js的index.html文件中引入JavaScript文件
将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA ......
Long返回前端精度丢失问题
JavaScript 无法处理 Java 的长整型 Long 导致精度丢失，具体表现为主键最后两位永远为 0， 解决思路： Long 转为 String 返回 // 已添加Lombok中@Data注解 // 注解处理，这里可以配置公共 baseEntity 处理 @JsonSerialize(usi ......
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint）
为react项目添加开发/提交规范（前端工程化、eslint、prettier、husky、commitlint、stylelint） 因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、sty ......
Taro+vue3 关注抖音号
Taro使用vue3或者react框架，data-aweme-id属性是不被解析到生成的页面代码中的，所以需要借助编译插件@tarojs/plugin-inject去注入标签属性； https://taro-docs.jd.com/docs/vue-overall#dataset 业务页面： <bu ......
如何像 Sealos 一样在浏览器中打造一个 Kubernetes 终端？
作者：槐佳辉。Sealos maintainer 在 Kubernetes 的世界中，命令行工具（如 kubectl 和 helm）是我们与集群交互的主要方式。然而，有时候，我们可能希望能够在 Web 页面中直接打开一个终端，执行这些命令，而不需要在本地环境中安装和配置这些工具。本文将深入探讨如何通 ......
分拣平台API安全治理实战 | 京东物流技术团队
导读 本文主要基于京东物流的分拣业务平台在生产环境遇到的一些安全类问题，进行定位并采取合适的解决方案进行安全治理，引出对行业内不同业务领域、不同类型系统的安全治理方案的探究，最后笔者也基于自己在金融领域的经验进行了关于API网关治理方案的分享。 写在前面 随着互联网应用的多元化、复杂化、服务化成为显 ......
高性能MySQL实战（二）：索引 | 京东物流技术团队
我们在上篇 高性能MySQL实战（一）：表结构 中已经建立好了表结构，这篇我们则是针对已有的表结构和搜索条件为表创建索引。 1. 根据搜索条件创建索引 我们还是先将表结构的初始化 SQL 拿过来： CREATE TABLE `service_log` ( `id` bigint UNSIGNED N ......
curse终端GUI模块
curses 是什么？ curses 库为基于文本的终端提供了独立于终端的屏幕绘制和键盘处理功能；这些终端包括 VT100，Linux 控制台以及各种程序提供的模拟终端。显示终端支持各种控制代码以执行常见的操作，例如移动光标，滚动屏幕和擦除区域。不同的终端使用相差很大的代码，并且往往有自己的小怪癖。 ......
vue--day83---路由的params参数
1. 配置路由，声明接收params参数 ```js { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name:'xiangqi ......
关于在vue里面使用导航栏需要注意的事项
1、右侧内容的显现 右侧内容由el-main标签包围，需要在里面填上： 内容才能成功显现！ 2、路由所在 不仅仅要在APP.vue里面放路由： 还要在Index.vue里面放置： 初学小白找这个错误找了好久！ ......
vue--day82--命名路由
### 5.命名路由 1. 作用：可以简化路由的跳转。 2. 如何使用 1. 给路由命名： ```js { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello ......
vue--day81---路由的query参数
1. router/index.js //该文件专门用于创建整个应用的路由器 import VueRouter from "vue-router" import About from '../pages/About' import Home from '../pages/Home' import N ......
如何使用Vite创建Vue3的uniapp项目
项目结构 my-vue3-project ├─ .env //默认环境变量 ├─ .env.development //开发环境变量 ├─ .eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─ .eslintr ......
自写vue导航栏--动态读取js的数据
App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......