前端 组件wolftable格式
React学习笔记06-函数式组件
函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo ......
React学习笔记05-类组件
ES6的加入让JavaScript直接支持使用class来定义一个类，react创建组件的方式就是使用的类的继承， ES6 class 是目前官方推荐的使用方式，它使用了ES6标准语法来构建，看以下代码 import React from 'react' import ReactDOM from ' ......
import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用
将 import { useRouter } from 'next/router'; 改为 import Router from "next/router"; 使用： Router.push('/'); 原来使用 import { useRouter } from 'next/router'; 会导 ......
解决多路由复用同一组件页面不刷新问题
如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期 ......
laravel:返回统一格式的json
一，参考文档 https://learnku.com/docs/laravel/10.x/responses/14850 二，php代码 1,App\extend\result\Result.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ......
高性能日志脱敏组件：已支持 log4j2 和 logback 插件
项目介绍 日志脱敏是常见的安全需求。普通的基于工具类方法的方式，对代码的入侵性太强，编写起来又特别麻烦。 sensitive提供基于注解的方式，并且内置了常见的脱敏方式，便于开发。 同时支持 logback 和 log4j2 等常见的日志脱敏插件。 拓展阅读 金融用户敏感数据如何优雅地实现脱敏？ 日 ......
Python输入输出、变量、格式化输出、注释、引号的使用
1、输入与输出 输入： input() 输出（打印）: print() 注意事项: 括号中如果是数字则不用加引号， 字符串都需要加引号 print中 除了可以输z自定义的字符串和数字外，还可以引用变量，函数名，方法名 2、变量 变量的概念： 在程序中定义一个字符串然后给这个字符串进行赋值，这个被赋值 ......
docker入门加实战—部署Java和前端项目
本文介绍了docker如何部署Java和前端项目，并进行演示和测试，从而加强docker的使用，达到快速上手的目的。 ......
DecimalFormat格式化
对数字进行格式化，可以使用DecimalFormat对象 0：表示整数或小数部分时，实际数字整数超过模板位数不处理，不足则最左侧补0；小数部分超过模板位数截取，不足补0。#：表示整数或小数部分时，实际数字整数位数超过或不够不做处理；小数位数超过模板位数截取，不足不补足。 0 阿拉伯数字# 阿拉伯数字 ......
递归引用组件
对于子组件相同但不确定是几层 for 循环的时候，可以递归引用组件，就是在组件中引用自身。注意要命名 name。 示例代码： 递归组件recursion-view.vue <template> <view class="recursion-view" :style="[views.css]"> <b ......
38 异步组件
异步，需要时才被加载 <template> <div> <KeepAlive> <component :is="tabComponent"> </component> </KeepAlive> <button @click="change">切换组件</button> </div> </templa ......
时间模板格式化
有时候再数据库传回的时间再传给前端就变成时间戳了 那如何解决呢 方式一： 在属性上加上注解，对日期进行格式化 @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") 或者： 在WebMvcConfiguration中扩展SpringMVC的消息转换器，统一对日期类型 ......
wujie 微前端实现及三种通信方式介绍
官网 https://wujie-micro.github.io/doc/ 对比 iframe 采用 iframe 的方案确实可以做到，而且优点非常明显。 优点 非常简单，使用没有任何心智负担 web 应用隔离的非常完美，无论是 js、css、dom 都完全隔离开来 由于其隔离的太完美导致缺点也非常 ......
Vue3 父子、兄弟组件通信
父组件向子组件通信 父组件：Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
MQTT控制报文格式--DISCONNECT 断开连接
该数据包由客户端发送给服务端，表示客户端正在断开连接。 没有可变包头和Payload 固定包头格式如下： Bit 7 6 5 4 3 2 1 0 byte 1 MQTT Control Packet type (14) Reserved 1 1 1 0 0 0 0 0 byte 2 Remainin ......
python国际化时间 转化格式
Python国际化时间转换格式简介在开发中，我们经常需要处理不同时区的时间，其中一个常见需求是将时间转换为本地化的格式，以满足用户的需求。Python提供了强大的国际化时间转换格式库，使得我们能够轻松地将时间转换为各种语言和时区的格式。 datetime模块Python的datetime模块提供了处 ......
Excel如何在条件格式中利用函数
1、规则简单的，可以选择单元格范围后，在条件格式工具条中选择相应规则即可。例如，可以对C5:C20设置条件格式空值，先选择C5:C20，然后在条件格式工具条中选择其它规则，再在编辑规则说明中的单元格值里面选择“空值”，然后设置好格式，确定即可。如下图： ２、对于需要利用函数的，则在选择C5单元格后， ......
前端面试题
[一大堆搜刮来的前端面试题 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2021/01/08/%E9%9D%A2%E8%AF%95/%E4%B8%80%E5%A4%A7%E5%A0%86%E6%90%9C%E5%88%AE%E6%9D%A5%E7%9A%84%E ......
36 动态组件
两个组件之间来回切换的行为需求--> 动态组件 组件确实切换了，但没有显示，为啥子 重点是： 1. <component :is="tabComponent"> </component> 2. data() { return { tabComponent: "ComponentB" } }, 3. ......
35 组件生命周期的应用
banner： 横幅，旗帜 这节课没啥的 重要的是，哪个时间节点应该做什么事，可以做什么事，这一点要理解。（或者说，不同的事情放在不同的时间节点完成） <template> <div> <h3>组件的生命周期</h3> <p ref="zhan">{{ msg }}</p> <button @cli ......
34 组件的生命周期
出生————> 死亡 在主要的时间节点上，自动执行 生命周期 钩子函数 mount ：安装 ，handle：处理 组件生命周期示意图 虽然写这东西没什么意义，但还是花了一点时间手撕代码吧 <template> <div> <h3>组件的生命周期</h3> <p>{{ msg }}</p> <butt ......
注册功能， 前端登录注册页面，前端登录功能，前端注册功能， redis介绍和安装
1 注册功能🍰 # 分析 前端：携带数据格式 {mobile:,code:,password} 后端： -1 视图类 》注册方法 -2 序列化类 》校验，保存（表中字段多，传的少 》随机，按某种格式生成 》后期修改） 视图类 class UserRegisterView(GenericViewSe ......
前端项目打怪升级之路
[年度总结：我是如何搭建百万级前端项目的 - 个人博客|沧沧凉凉的小站](https://www.cclliang.com/2022/01/14/React/%E5%B9%B4%E5%BA%A6%E6%80%BB%E7%BB%93%EF%BC%9A%E6%88%91%E6%98%AF%E5%A6%8 ......
Dotnet工具箱：开源、免费的纯前端工具网站，带你探索10大工具分类和73个实时在线小工具
https://www.cnblogs.com/Dotnet9-com/p/17767405.html 1. 前言 大家好，我是沙漠尽头的狼。 Dotnet工具箱是一个纯前端的、开源和免费的工具网站，周末我参考了开源项目it-tools，对网站界面文字进行了汉化，并重新部署了网站。该网站共有10大工 ......
前端知识点
前言 最近在开发时发现自己好多以前学习的知识点都记不太清了，在此做个记录，便于以后经常回看 W3C标准盒模型和IE盒模型 IE 盒模型：属性 width，height 包含 content、border 和 padding，指的是 content + padding + border 。 W3C 标 ......
对Date的扩展，将 Date 转化为指定格式的String
// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date ......
MQTT控制报文格式 -- PINGRESP – PING response
PINGRESP 数据包由服务器发送到客户端以响应 PINGREQ 数据包。 这表明服务器还活着。 该数据包没有可变包头和Payload，剩余长度值为0 固定包头格式如下： Bit 7 6 5 4 3 2 1 0 byte 1 MQTT Control Packet type (13) Reserv ......
轻松掌握组件启动之MongoDB（番外篇）：高可用复制集架构环境搭建-mtools
mtools是一个基于Python实现的MongoDB工具集，旨在提供一系列功能，包括MongoDB日志分析、报表生成以及简易的数据库安装等。它由MongoDB原生的工程师单独发起并进行开源维护。mtools包含了一些常用的组件，如mlaunch、mlogfilter、mplotqueries和ml... ......