下划线 前端 组件 订单
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
vue2+element 多选框多选时不换行（el-select组件）调整为鼠标左右滑动查看
1 <el-select v-model="name" multiple placeholder="请选择" > 2 <el-option label="A" value="a"></el-option> 3 <el-option label="B" value="b"></el-option> 4 ......
vue2跨级组件传值
//祖先组件 import Son from './Son' export default { components: { Son }, provide () { return { money: 1000000000 } } } 子孙组件 <template> <div> 孙子组件 <p>这个是爷爷 ......
vue2兄弟组件传值
// 1 创建一个公共的vue实例(bus) import Vue from 'vue' const bus = new Vue() export default bus <!-- brother1--> <template> <div> 兄弟1组件 <p> <button @click="send ......
使用llama构建一个蜜罐(前端)
title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
day05 K8S网络组件的深度剖析 (1.10.1 -1.10.3)
一、K8S网络组件的深度剖析上 1、认识Flannel Flannel是专为kubernetes 定制的三层网络解决方案，主要用于解决容器的跨主机通信问题 优势： kubernetes 发行版都可以默认安装Flannel 容器安装和配置 中小型网络架构首选 不需要专用的数据存储 劣势： 性能损耗高 ......
Java如何处理前端传来的金额转化为分
1. 在Java中，可以使用BigDecimal类来处理金额 import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal amount = new BigDe ......
【前端VUE】Vue3路由设置（Typescript版本）
新建项目 npm create vite@latest 安装vue-router cd .\my-web\ npm install vue-router 在src -> components下新增（Home.vue） <template> <h1>我是主页</h1> </template> 在src ......
再学Blazor——组件建造者
使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ，本文主要介绍该高级方案的具体实现，我们采用测试驱动开发（TDD）方法，大致思路如下： 从测试示例入 ......
15、SpringMVC之常用组件及执行流程
15.1、常用组件 15.1.1、 DispatcherServlet DispatcherServlet 是前端控制器，由框架提供，不需要工程师开发； 作用：统一处理请求和响应，整个流程控制的中心，由它调用其它组件处理用户的请求。 15.1.2、HandlerMapping HandlerMapp ......
【前端VUE】Vue3条件渲染指令（v-if、v-else、v-else-if、v-show、v-for）
新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......
前端框架vue路由hash模式与history模式的区别
hash模式会在页面初始化的时候，url后面会带上/#的hash值，后面是路由组件加携带参数，缺点是看起来不太美观，但相比于history模式来说，它具有用户在页面各种点击操作后，点击刷新后数据不丢失，也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观，但问题就是项目部 ......
kubelet监控资源组件cAdvisor
为什么kubelet引入cAdvisor 1 无法提供节点粒度资源数据。2 docker stats只能查看容器当前资源占用情况，无法查看历史数据。3 没有可视化页面。 部署cAdvisor容器并访问页面 docker run -itd \ --rm \ --volume=/:/rootfs:ro ......
Vue2纯前端导出
//导出 exportExcel() { //构造数据 const data = [ ['姓名', '手机号码', '卡号', '身份等级'], ...this.list.map((item) => [item.clientName, item.clientPhone, item.card, ite ......
React 组件之状态
没有什么是不可能的，只是需要找到正确的方法。 1. 什么是状态？ 状态就是组件内部特有数据的载体（组件数据挂载方式），改变数据页面就会刷新，由组件自己设置和更改，也就是说由组件自己产生、维护，使用状态的目的就是为了在不同的状态下使组件的显示不同（自己管理），这在 React 中称为：条件渲染。 为什 ......
LiteCVR前端解码与后端解码有何区别？一文看懂
随着科技的进步，摄像头的分辨率、存储空间和传输速度等技术得到了明显提高。这使得视频监控技术更加精确、可靠和普及化，同时也降低了监控成本。 ......
满满干货！搭建智能视频监控系统如何挑选前端设备？
特点: 利旧现场互联网接入，具备存储功能，可直接存储前端视频；采用AES-128对称加密算法主动注册接入，传输和存储全程加密，确保数据安全。 ......
前端技术探秘-Nodejs的CommonJS规范实现原理
Node.js是一个基于ChromeV8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块，提... ......
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起：https://blog.csdn.net/weixin_43991241/article/details/126319259?ops_reque ......
简单的低开编辑器(三):实现组件画布内拖拽
好家伙， 0.代码已开源 Fattiger4399/lowcode-demo: 一个简单的低代码编辑器 技术栈:Vue3 element-plus jsx (github.com) 本篇实现效果如下： 1.分析 这玩意的思路很好理解 本质上就是给组件绑个拖拽方法 拽到哪里，就把位置更新给组件就好了， ......
【前端VUE】Vue3+TypeScript+Django Rest Framework-环境准备
开发环境搭建 需要用到的环境如下： * Python 3.7.7 * Node.js v20.4.0 * NPM 9.7.2 * Yarn 1.22.21 * Git 2.40.1.windows.1 前端环境安装 1、下载安装Node.js,下载链接 https://nodejs.org/dist ......
前端使用连接 socket.io
//安装 npm install socket.io-client//引入 import { io } from "socket.io-client"; //页面链接 onMounted(() => { // 初始化 Socket.IO const socketio = io("http://192 ......
前端vue使用表单form或表格table时的注意事项
如图，该table表格的data名字为：MyData 因此在后面需要在表格里展示数据的时候需要给MyData赋值 如下图 ......
前端vue在表单tableData中scope的注意事项
如图 ps（scope为表单中这一行的数据） this.scope和scope不是同一个数据 如果像上图这么写的话，会报错如下 显示scope未被使用， 可以将scope赋值给某个数据然后就不会报错了 二、关于scope和scope.row的区别 ①scope ②scope.row undefine ......
React 组件之样式
无论你的梦想有多么高远，记住，一切皆有可能。 我们从前面的学习知道一个 React 组件不仅仅只包含 DOM 结构的，还应该样式和 Javascript 逻辑的。这里我们学习下如何构建 CSS 样式。 1. 逻辑表示 JSX 中使用大括号语法来包裹 JS 表达式（简单逻辑代码）。例如： { 1 + ......
解决spring gateway 在globalFilter 中改写response后前端接到的数据不完整问题
表现情况 1. 前端请求后不响应 2. 前端接到的数据不完整 是因为修改返回体后没修改header 中的content-length. 设置成正确的content-length 就可以了 response.getHeaders().setContentLength(bodyStr.getBytes( ......
Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
1、需求 使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue <el-table> <!-- 其他列 --> <el-table-column labe ......
18、Scaffold 布局组件
Scaffold 是一个非常重要的布局组件，它提供了一个常见的应用程序结构布局，包含了许多基础的 UI 元素和交互方式。 Scaffold 组件主要由以下几个部分组成: AppBar：用于显示在页面顶部的应用栏，通常包含标题、导航按钮、操作按钮等。 body：包含了页面主要内容的部分，可以是任意的 ......