前端

手摸手,带你优雅的使用 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.x的setup语法糖

什么是setup语法糖 vue3.0时setup的变量需要return暴露出来,template才能获取。到3.2之后只需要在script标签中添加setup,例如<script setup>,组件中不在需要特殊注册,直接引入,属性和方法便不需返回,在<script setup>中自定义的属性、指令可以直接在template使用。 setup参数 使用 setup 函数时,

任务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.

几个常用的chrome调试技巧

1. 拖动 dom 元素 选中一个dom元素,通过拖动就可以改变元素的位置。如下图: 2. 选中 dom 元素右键删除元素 选中一个dom元素右键菜单会有很多功能选项,常用的有隐藏、删除元素等。如下图: 3. 在控制台引用选中元素 $0 使用$0可以在控制台引用选中元素,如下图: 4. $_引用上一次的结果 使用$_可以在控制台引用上一次结果,如下图

Spring Security 一键接入验证码登录和小程序登录

最近实现了一个多端登录的Spring Security组件,用起来非常丝滑,开箱即用,可插拔,而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录,加上默认的Form登录,一共三种,现在开源分享给大家,接下来简单介绍一下这个插件包。 DSL配置风格 切入正题,先来看看配置: @Bean SecurityFilterChain defaul

使用 React 自动聚焦字段

自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单的方法是使用 autoFocus 属性(注意大小写): <input name="username" type="text" autoFocus /> 由于该属性在各个浏览器的工作方式不一致,React 内部实现了一个 polyfill,会在元素挂载时使用 focus()