前端 终端 实战vue
中小型系统必要可行的性能测试实践--ArtHas调优实战
一、参考arthas用户实例，积累arthas调优经验。 二、arthas命令汇总图 参考：arthas官网文档arthas在线教程arthas用户案例 一图掌握Artha ......
vue3 路由增加过渡动画实现
废话不多说 实现过程在下方： 1. 在路由文件下 router/index.js 每个路由增加位置坐标 index 例如 { path: "/", name: "Home", component: () => import("@/views/home/index.vue"), meta: {inde ......
API管理不好做？来试试Apipost，前端、后端、测试，一个平台全搞定
API是什么&API管理存在哪些问题 API（Application Programming Interface，应用程序接口）作为一系列预先定义的规则和约定，用于不同软件应用之间的通信，促进了系统间的互动和数据共享。在企业数字化转型的推进中，API管理变得越来越重要。然而，API管理过程中存在着一 ......
Vue路由新开页面跳转和传参传递
需求：在后台管理系统首页列表项中，点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。 第一种方法： 1 let routeUrl = this.$router.resolve({ 2 path: '/xxx', // 路由地址 3 query: { id } // 参数信息 4 }) ......
VUE中定义全局配置方法
#方法一： ##main.ts中 ``` const wsapi = "ws://localhost:8081"; const appConfig = { wsapi, }; const app = createApp(App); // Provide the appConfig as a glob ......
前端根据在线mp4 url下载视频文件（而不是浏览器直接打开视频在线播放）
<!DOCTYPE html> <html> <head> <title>视频下载</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>视频下载</h1> <bu ......
vue LuckyExcel 使用教程
luckysheet 文件夹拷贝到public/static 目录下 index.html 页面引用如下 <link rel='stylesheet' href='static/luckysheet/plugins/css/pluginsCss.css' /> <link rel='styleshe ......
vue实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> < ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
【网络】【TCP】TCP 实战抓包分析
1 前言 这节我们通过抓包实际来看看丢包、乱序、超时重传、快速重传、选择性确认、流量控制等等 TCP 的特性。 2 显形“不可见”的网络包 网络世界中的数据包交互我们肉眼是看不见的，它们就好像隐形了一样，我们对着课本学习计算机网络的时候就会觉得非常的抽象，加大了学习的难度。 还别说，我自己在大学的时 ......
vue--day14--样式绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>样式绑定< ......
华为工程师(王桂林)带你实战C++
适合人群:有一定的C语言基础或是 想提高C++水平的在职人员 或是 想要从事 C、C++ 开发的绝大多数人你将学到:本课程我以实战为主，课上全部代码均为边讲边手敲，学会此套课程，可以达到一个C++中高级研发者的水平。课程简介:王桂林老师，曾供职于海尔，华为等世界500强企业。现在专职于C++教育普及 ......
黑马程序员前端JS基础视频课程(pink老师)
共计76个视频，20小时时长课程分为三大块1.JavaScript基础2.web APIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
vue--day13--watch与computed的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue-day12-监视属性简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day12--深度监视
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue-day12--监听属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day11--计算属性实现名字案例简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
vue--day11--计算属性实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>计算属性实 ......
前端解决跨域问题
1.JSONP 缺点是只能解决 get请求 不支持post JSONP原理就是通过script标签的src属性 请求跨域的数据接口 并通过函数调用的方法来接受跨域接口响应回来的数据 <script src="./js/yanshi.js?callback=name"></script> 回调函数 c ......
vue-day11--插值语法实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>插值语法实 ......
vue-day11--methods实现名字案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>metho ......
Vue之指令
Vue指令的钩子如下 bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。 update:被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通 ......
助教工作总结（前端开发技术）
一、助教工作的具体职责和任务 （1）和老师配合的方面 理论课 (1) 老师会在每一块内容授课结束后发布相应云班课的作业，在理论课进行时，我主要的工作是负责的作业批改，和提醒同学们修改，解答同学们在实操时遇到的一些问题。 (2) 定期收集课程的评价，同学们对课程某些方面提出要求，老师需要进行调整和改进 ......
关于vue在列表展示数据的时候，更改其中一项，列表没有跟着实时变动的问题
背景： 使用低代码自动生成的Vue前端大致页面，然后自定义其中的业务 涉及的页面： 遇到的问题： 点击添加后，直接变更添加行的状态（输入框不可编辑、状态变为已激活） 涉及代码： addRecordAndApply(index) { let thatthis = this; let indexData ......
AI绘画：StableDiffusion炼丹Lora攻略-实战萌宠图片生成
## 写在前面的话 近期在小红书发现了许多极其可爱、美观的萌宠图片，对这些美妙的图像深深着迷 于是想着看看利用AI绘画StableDiffusion以下简称（SD）做出来。 以下是详细实操的全过程，包括所有用的资料已经打包到网盘。 ![](https://img2023.cnblogs.com/bl ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......