前端开发
-
.el-checkbox__input.is-checked+.el-checkbox__label{ color:#fff !important; }
2024-11-30 -
一、两栏布局的实现 两栏布局其实就是左侧定宽，右侧自适应的布局 1. float+margin <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .contain
2024-11-30 -
（标题不给用“!”） "~~"符号使用 1.对于number类型的值，~~是取整作用 const num: number = 3.14; const roundedNum: number = ~~num; // 3 2.对于boolean类型的值，~ ~ true还是true，false还是false “!!”符号使用 !!主要用于类型判断 if(!!dupha){ //dupha变量存在值，（不是Null或undefined或""或0） }
2024-11-30 -
要实现H5端扫一扫的功能前提必须是https协议才可。 以下代码是vue3写法。 废话不多说： 首先点击扫一扫进入到扫一扫的页面 如：scan.vue 完整代码如下copy即可使用： <template> <div class="scan"> <div class="reader-box"> <div class="reader" id="reader"></div> <div class="area flex_placeholder
2024-11-30 -
在启动类中添加： @Bean public FilterRegistrationBean httpServletRequestReplacedRegistration() { FilterRegistrationBean registration = new FilterRegistrationBean(); registration.setFilter(new HttpServletRequestReplacedFilter()); re
2024-11-30 -
今天不小心遇到一个这样的错误，我先来发一下错误的代码把（这个代码允许可以执行，但是这个组件的element-ui的组件，这个组件是进度条的一个组件） <div> <el-progress type="circle" width="150" stroke-width="25" :percentage="item.bfb"></el-progress> </div> 正确代码（就是少加了个 ： 这个符号） <div> <el-progress type="circle"
2024-11-30 -
拓扑未来网关支持通过MQTT与Thingsboard连接，连接成功后，网关所有外部终端设备都可以通过网关与Thingsboard平台通讯。首先需要在Thingsboard平台上新建一个网关设备，如下图，注意要勾选"是否网关"，否则该设备被视为普通终端设备。 新建网关设备 下一步设置登陆凭据，如下图，要选择"MQTT Basic"，如果不打算使用账号密码作为登陆凭据，建议“客户端ID”用英文和下划线，并且是高安全性和全局唯一的字符串。 设备MQTT凭据 服务端添加和配置好网关设备后，切到网
2024-11-30 -
将整个网站颜色变为灰色方法： 只需在元素上加上-webkit-filter: grayscale(.95);这个样式即可 <html class="gray"> <head> <style> html.gray { -webkit-filter: grayscale(.95); } </style> </head> </html>
2024-11-30 -
单向数据流在 React 中的作用 什么是单向数据流？ 单向数据流是指数据在应用程序中只按照一个方向流动。在 React 中，数据通常是从父组件流向子组件，形成一种清晰的架构模式。这种方式与双向数据绑定的模式形成对比，后者允许数据在组件之间双向流动。 单向数据流的优势 如何实现单向数据流 1. 父组件传递 props 在 React 中，父组件可以通过 props 将数据传递给子组件。例如： function ParentComponent() { const [data, setData
2024-11-30 -
<el-table :data="serviceList" tooltip-effect="dark" style="width: 100%" :show-header="false" :highlight-current-row="true" @row-click="serviceRowClick" @selection-change="handleServiceSelectionC
2024-11-30