案例 事件 页面react
VUE3请求数据接口，将时间戳转换为时间案例
<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
差分隐私的原理、优势和应用案例
由于声誉受损或受到法规罚款等因素，数据隐私的侵犯对组织来说代价高昂。根据IBM的2022年数据泄露成本报告，数据泄露的平均总成本接近450万美元。但是许多重要的业务问题仍然需要访问私人信息，这就需要隐私保护，本文介绍2023年被重点关注的隐私保护技术——差分隐私。 ......
13-点击页面其它地方触发某个事件
自定义指令实现（通过自定义指令实现对操作dom） <div class="ml-5 select-wrap"> <Button class="select-button" type="primary" icon="md-arrow-dropdown" v-click-outside="handdle ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......
使用element-plus的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法
如果使用 Element UI 的 el-scrollbar 组件时，滚动条没有显示出来但页面可以滚动，可以尝试调用其 update 方法来更新滚动条。 在适当的时机（例如在数据加载完成后或组件更新后），调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸，从而实现正 ......
实现一个事件总线
使用 C# 实现一个 Event Bus Event Bus（事件总线）是一种用于在应用程序内部或跨应用程序组件之间进行事件通信的机制。它允许不同的组件通过发布和订阅事件来进行解耦和通信。 在给定的代码片段中，我们可以看到一个使用C#实现的Event Bus。它定义了一些接口和类来实现事件的发布和订 ......
本地事件总线和事务
本地事件总线和事务 通过重写Ef Core的SaveChanges/SaveChangesAsync来实现事务。当然，如果您愿意实现仓储层，可以在仓储层实现展开对应实体包含的事件，并且调整事件的处理顺序。 Github仓库地址：soda-event-bus 实现AggregateRoot类 Aggr ......
K8s攻击案例：Dashboard未授权访问
Dashboard 在配置不当情况下有可能会产生未授权访问的情况，从而有可能进一步造成接管集群。 （1）攻击场景 在deployment中开启enable-skip-login，那么就可以在登录界面点击跳过登录进dashboard。 将默认的Kubernetes-dashboard绑定cluster ......
K8s攻击案例：kube-proxy不安全配置
通过使用kube-proxy暴露未授权访问的服务或组件，可能会形成外部攻击入口点，从而导致集群被入侵。 （1）攻击场景 使用kubectl proxy命令设置API server接收所有主机的请求。 kubectl --insecure-skip-tls-verify proxy --accept- ......
K8s攻击案例：kubelet未授权访问
kubelet会在集群中每个节点运行，对容器进行生命周期的管理，如果kubelet配置不当，攻击者可创建恶意Pod尝试逃逸到宿主机。 （1）攻击场景 anonymous默认为false，修改为true，并将mode从Webhook修改为AlwaysAllow。 vi /var/lib/kubelet ......
K8s攻击案例：etcd 未授权访问
etcd 用于存储K8s集群中的所有配置数据和状态信息，如果管理员配置不当，导致etcd未授权访问的情况，那么攻击者就可以从etcd中获取secrets&token等关键信息，进而通过kubectl创建恶意pod从而接管集群。 （1）攻击场景 将client-cert-auth=true 改为fal ......
K8s攻击案例： API Server未授权访问
API Server 是集群的管理入口，任何资源请求或调用都是通过kube-apiserver提供的接口进行。默认情况下，API Server提供两个端口服务，8080和6443，配置不当将出现未授权访问。 8080端口，默认不启动，无需认证和授权检查，一旦暴露将导致未授权访问。 6443端口，默认 ......
事件绑定
微信小程序跟vue语法基本差不多 在js中定义数据和方法 在wxml页面中加入按钮 等等 在wxss中加入样式 事件绑定现在wxml中加入按钮 绑定点击事件 然后在js文件中声明方法 修改值的方法有所不同 使用setData方法 取到data中的值进行修改 ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构，要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
【原创】一款AI Agent浏览器插件，让你在任意页面、任意地方使用大模型能力
介绍 赐我白日梦AI Agent，一款可以让你在任意浏览器页面使用大语言模型的插件神器。 视频讲解 https://www.bilibili.com/video/BV17T4y1W7YP/?vd_source=ff5ff1551c3f08b3759567d6405cf747 核心功能 曜夜黑主题UI ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
python_selenium定位页面元素
页面元素常用的定位方法有id、name、css、xpath id和name直接通过对应的值定位 class属性值有多个值时，使用css选择器定位只需要其中一个属性值即可，使用xpath时，属性值需要全部写上 示例：<input type="" autocomplete="on" placeholde ......
彻底取消unigui的/server页面及扩展应用(78)
https://www.cnblogs.com/qiufeng2014/p/14779399.html unigui的应用默认会在/server显示相关信息，unigui编译的应用能不能简单设置就可以取消/server页面? 经验证，在UniServerModule.UniGUIServerModu ......
react项目经验，以及一些骚写法
语法糖 1.const logged = !!getToken(); 这里的`!!`是求布尔值的快捷方式 类似的： 2.var a=b*1 是转数字的快捷方式 3.var a=b+'' 是转字符串的快捷方式 架构相关 1.webpack 2.qiankuan 通过package.json 可以查看r ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。 // 获取元素的绝对位置坐标（相对于页面左上角） function getElementPagePosition(element){ //计算 ......
23年底，我出齐了Spring boot,Spring cloud和案例方面的书，正在写一本面试书（代年终总结）
年末了，再来总结一下吧，希望本人明年的年终总结文还能在博客园发。 这次总结的主题是本人出的java书。这几年本人出了不少书，其中有python、redis和Java方面的。 姑且不说其它，java方面，本人出了spring boot，spring cloud（第一代），spring cloud al ......
js事件流
什么是事件流 事件流指的是浏览器处理事件的方式 在js中，事件流分为3个阶段：捕获阶段，目标阶段，冒泡阶段 这三个阶段的发生顺序：先是捕获阶段，再是目标阶段，最后是冒泡阶段 捕获阶段 事件从最外层的文档对象（document）开始，逐级向下传播，知道到达事件的目标节点 目标阶段 事件到达目标节点，触 ......
盘点一个Python自动化办公实战案例（四）
大家好，我是皮皮。 一、前言 前几天在Python最强王者交流群【钟爱一生】问了一个Python自动化办公的问题，一起来看看吧。 【温馨提示】 遇到表达不清的，能稍微描述下，想要达成的结果吗？在excel上，或者画图也行。最好是把你想要的结果展示在excel中，另外，你展示的这个表格最好做个小的de ......
ModelSim的TCL脚本仿真流程【超详细案例教学】
目录前言常用的tcl脚本仿真复杂tcl脚本仿真（以Quartus中带ipcore为例）参考 前言 在编写完成verilog代码时，我们常用需要使用modelsim软件进行仿真，一般我们都是在modelsim中手动添加文件，波形等等，小工程倒是无所谓，但是一旦信号量较多，涉及到观察以及编译方式使用GU ......
给数组循环遍历添加属性，数组数据打印出来实际已经添加了，但是页面数据并没有展示出来，该怎么解决
问题复述，即：在vue项目中中，会遇到修改完数据，但是视图却没有更新的情况 参考：https://blog.csdn.net/weixin_48998573/article/details/130620390 ......