使用 React 自动聚焦字段
自动对焦可以让你的应用程序更方便用户使用，有几种方法可以自动聚焦 React 输入框。
要让输入框自动聚焦，最简单的方法是使用 autoFocus 属性（注意大小写）：
<input name="username" type="text" autoFocus />
由于该属性在各个浏览器的工作方式不一致，React 内部实现了一个 polyfill，会在元素挂载时使用 focus()
前端
Spring Security 一键接入验证码登录和小程序登录
最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，一共三种，现在开源分享给大家，接下来简单介绍一下这个插件包。
DSL配置风格
切入正题，先来看看配置：
@Bean
SecurityFilterChain defaul
几个常用的chrome调试技巧
1. 拖动 dom 元素
选中一个dom元素，通过拖动就可以改变元素的位置。如下图：
2. 选中 dom 元素右键删除元素
选中一个dom元素右键菜单会有很多功能选项，常用的有隐藏、删除元素等。如下图：
3. 在控制台引用选中元素 $0
使用$0可以在控制台引用选中元素，如下图：
4. $_引用上一次的结果
使用$_可以在控制台引用上一次结果，如下图
任务6：hdfs操作、web操作、java代码操作（Hadoop部署10.29）
一、hdfs操作1.掌握HDFS相关进程的启停管理命令一键启停脚本HadoopHDFS组件内置了HDFS集群的一键启停脚本。$HADOOP_HOME/sbin/start-dfs.sh #一键启动HDFS集群一键启动HDFS集群执行原理：在执行此脚本的机器上，启动SecondaryNameNode；读取core-site.xml内容（fs.
streetmerchant前端组件库：设计系统与复用
streetmerchant前端组件库：设计系统与复用 【免费下载链接】streetmerchant 🤖 The world's easiest, most powerful stock checker 项目地址: streetmercha
vue3.x的setup语法糖
什么是setup语法糖
vue3.0时setup的变量需要return暴露出来，template才能获取。到3.2之后只需要在script标签中添加setup，例如<script setup>，组件中不在需要特殊注册，直接引入，属性和方法便不需返回，在<script setup>中自定义的属性、指令可以直接在template使用。
setup参数
使用 setup 函数时，
Vue.js基础-07-绑定事件（v-on）-01-点击事件（click）
1. 点击事件参数（click）
1.1 基本使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CROW-宋</title>
<script src="
手摸手，带你优雅的使用 icon
演进史
首先我们来说一下前端 icon 的发展史。
远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图
Augment Code神级实测：UI截图拖进VS Code，12分钟出可运行前端代码！
Augment Code 神级实测：UI 截图拖进 VS Code，12 分钟出可运行前端代码！作为前端开发者，你是否也曾被 UI 稿卡得动弹不得？明明只是还原设计，却要在切图、写 CSS、调响应式上耗费大半天？最近实测了一款 AI 编码工具Augment Code，直接颠覆了我对 “
Vue3 项目启动报错 Error [ERR_REQUIRE_ESM]: require() of ES Module D:\Aweb\project\doorandwindow-background
错误原因: 这个错误是因为你的项目在加载 vite.config.ts 时，遇到了 ESM (ES Module) 和 CommonJS 模块不兼容的问题。具体来说，package-manager-detector 是一个 ESM 模块，但被 CommonJS 代码（如 require()）尝试加载，导致报错。解决
