前端 终端 实战vue
【前端方案】-表格排序列LRU缓存方案
目标： 排序后的表格列，页面刷新或者用户重新登录后，能够保持之前的操作排序 完成效果：  解决方案： 利用loca ......
vue3实现自定义指令
创建一个empty.js import { nextTick } from 'vue'; const emptyImgUrl = new URL('@/assets/images/empty-icon.jpeg', import.meta.url).href; // 在vue3中不支持require ......
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。 在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍： ref被用来给元素 ......
OSPF项目实战
OSPF综合实战 拓扑 1、为路由器配置 IP 地址，保证直连联通； R1 R2 R3 R4 R5 R6 R7 2、为每个路由器配置环回接口并指定为 RID; 3、部署 OSPF 协议，保证 OSPF 路由域联通； R1 R2 R3 R4 R5 R6 4、部署 RIPv2 协议，保证 RIP 路由域 ......
氚云--用前端代码删除除开需要部门的子表行数据
场景：一张警示主表，发起警示分解表子流程，带入发起人进行发起，之后加一个发起人的经办节点，在分解表中发起人部门之外的数据不能 出现在任务明细子表中。但是在主表进行子流程带数据到分解表时，不能对部门进行判断带入相应部门的子表数据。 解决：在分解表中获取发起人相关部门，获取子表数据，判断子表中部门是否包 ......
vue之vue-cli创建项目、vue项目目录结构、vue项目编写规范、 es6导入导出语法
[toc] # 一、vue-cli创建项目 ## 1.1、背景知识 ### 单页面应用：spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件，不可能都写在 xx.html中把 ### 单文件组件（一个组件一个文件） https://v2.cn.vuejs.org/v2/guide ......
vue的指令
指令 指令的概念（6种） 指令（Directives）是vue为开发者提供的模版语法，用于辅助开发者渲染页面的基本结构。 按照不同的用途可以分为以下6大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 1. 内容渲染指令p37 内容渲染指令用来辅助开发者渲染DO ......
vue之表单控制&购物车案例&v-model进阶&与后端交互的三种方式&电影小案例&箭头函数&js中的5种循环
## 1.表单控制 ```html 🌟checkbox单选就是true和false🌟 用户名： 密码： 记住密码: name >{{name}},pwd >{{pwd}},remember >{{remember}} 🌟checkbox多选就是选value，v-model是数组🌟 爱好： 唱 ......
《高级性能测试实战训练营》课程
 ## ......
将数据以json形式响应给前端
导jar包（依赖） ``` com.fasterxml.jackson.core jackson-core 2.12.6 com.fasterxml.jackson.core jackson-annotations 2.12.6 com.fasterxml.jackson.core jackson- ......
springmvc后端响应给前端
controller ``` package com.bh.controller; import com.bh.po.User; import org.springframework.stereotype.Controller; import org.springframework.web.bind ......
Vue3 之 响应式 API reactive、 effect源码，详细注释
Vue3之响应式 API reactive、 effect源码，详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理，将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow，对 ......
直播平台制作，vue + element ui 实现前端分页
直播平台制作，vue + element ui 实现前端分页 一、DOM结构 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage ......
直播app开发搭建，web前端JS中的继承方式
直播app开发搭建，web前端JS中的继承方式 ES5 //ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } fun ......
vue3 mock接口
以下基于mock的vite-plugin-mock版本为2.9.6实现，其他版本有可能导致报错 1. 安装依赖：https://www.npmjs.com/package/vite-plugin-mock pnpm install -D vite-plugin-mock@2.9.6 mockjs 2 ......
nginx虚拟主机实战
nginx虚拟主机实战 基于nginx部署网站 虚拟主机指的就是一个独立的站点，具有独立的域名，有完整的www服务，例如网站、FTP、邮件等。 Nginx支持多虚拟主机，在一台机器上可以运行完全独立的多个站点。 一、为什么配置虚拟主机 一些草根流量站长，常会搭建个人站点进行资源分享交流，并且可能有多 ......
前端面试题（一）
前端面试题汇总 VUE面试题 1、v-show 和 v-if的区别，v-show 和 keep-alive 的区别 答案：v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁，而不是显示和隐藏 频繁切换显示状态用 v-show，否则用 v-if keep-aliv ......
Vue2项目开发时遇到：<template v-for> key should be placed on the <template> tag
问题缘由： Vue2和Vue3中，对待template中存在v-for行为的组件正好相反 Vue2中key必须写在子元素中，Vue3中key必须写在template中，不然会报错 使用volar插件，使用Vue3语法检测代码，导致错误 解决方案： 1、禁用volar 2、貌似可以修改配置项，但尚未尝 ......
前端codeReview规范指南
博主的写的：https://www.cnblogs.com/mrwh/p/17462559.html 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南：https://v2.cn.vuejs.org/v2/style-guide/index.html这 ......
vue常见自定义指令
在 Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM元素进行底层操作，这时候就会用到自定义指令。你可以将一些 css样式抽象到指令中，也可以将一些 js 操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。对于在项目... ......
前端 & 设计师常用图标资源库
# 1. Iconfont * 阿里倾力打造的矢量图标管理、交流平台，设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 * 地址：Iconfont  这里主要总结业务开发中常遇到的代码问题和实践，帮助大家后续各自做好codeReview，一些 ......
vue3配置stylelint
stylelint为css的lint工具，可格式化css代码，检查css语法错误与不合理的写法，指定css书写顺序等。 以scss作为预处理器为例，看如何配置stylelint1. 安装以下依赖 pnpm add sass sass-loader stylelint postcss postcss- ......
vue-router的next()方法
1.`next()`:进入管道中的下一个钩子。如果全部钩子已经执行完毕，则导航的状态就是confirmed（确认的） 2.`next(false)`：中断当前的导航。如果URL改变了（可能是用户手动输入或者浏览器后退），那么URL地址会重置到from路由对应的地址 3.`next('/')`或者`n ......
基于JAVA的springboot+vue人事管理系统、员工工资管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 考虑到实际生活中在人事管理方面的需要以及对该系统认真的分析,将系统权限按管理员和员工这两类涉及用户划分。 (a)管理员；管理员使用本系统涉到的功能主要有：首页，个人中心，员工管理，部门管理，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门 ......
k8s实战案例之部署redis单机和redis cluster
redis是一款基于BSD协议，开源的非关系型数据库（nosql数据库），作者是意大利开发者Salvatore Sanfilippo在2009年发布，使用C语言编写；redis是基于内存存储，而且是目前比较流行的键值数据库（key-value database），它提供将内存通过网络远程共享的一种服... ......
终端窗口javac编译java文件,java执行class文件注意事项
java代码如下 ```java public class AutoBoxingUnBoxing { public static void main(String[] args) { Integer f1 = 100, f2 = 100, f3 = 150, f4 = 150; System.out ......