前端

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

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

react 复习

一.jsx 1.定义虚拟DOM时,不要写引号 2.标签中混入JS表达式时要用{} 3.样式的类名指定不要用class,要用className 4.内联样式,要用style={{key:value}}的形式去写 5.标签必须只有一个跟标签 6.标签必须闭合 7.标签首

Claude+Android Studio联动开发:我是如何用AI助手10分钟搞定WebView项目模板的

Claude+Android Studio联动开发:我是如何用AI助手10分钟搞定WebView项目模板的上周三下午,产品经理突然丢过来一个需求:“下周一要演示一个内嵌H5页面的App原型,能不能先搭个架子?”我看了眼时间,距离下班只剩两小时。要在这么短的时间内从零开始搭建一个完整的Android WebView项目,还要处理好权限声明、Gradle依赖、网络配置这些琐碎但容易出错的部分,换作以前

阻止移动端 touchmove 与 scroll 事件冲突

在移动端开发过程中,如果要实现一个元素或按钮的拖动定位,会出现很多坑。例如:元素上下移动过程中,会触发 body 的 scroll 事件,导致整体的位置偏移,这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。 DOM Touchmove Scroll 一、解决思路 当移动端 touchmove 与 scroll 事件冲突时,首先想到的就是在 touchmove

地理空间大揭秘:身份证首位数字的隐藏含义-使用WebGIS进行传统6大区域展示

目录前言一、关于身份证的空间信息1、身份证与省份信息2、首位数字与区域二、数字与空间展示可视化1、地域及图例的前端定义2、省份与区域信息展示三、成果展示1、华北地区2、东北地区3、华东地区 4、中南地区5、西南地区6、西北地区 四、总结前言        在我们日常生活中,身份证号码是每个人独一无二的身份标识,它承载着丰富的信息,其中第一位数字更是蕴含着与

速通前端篇 —— HTML

  找往期文章包括但不限于本期文章中不懂的知识点: 个人主页:我要学编程程(ಥ_ಥ)-CSDN博客 所属专栏:速通前端 目录HTML的介绍如何创建HTML文件HTML 文件基本结构HTML常用标签title标签  标题标签 h1-h6 段落标签 p换行标签 br图片标签 img 超链接 a表格标签 table表单标签input 标签form 标签

Vue3.2语法糖使用总结

Vue3.2语法糖使用总结 一. 概述 在Vue2时期,组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里,这样编写的代码不便于后期的查阅,查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题,它让我们的逻辑关注点更加集中,语法也更加精简,但是当我们在使用vue3.0的语法就构建组件的时候,总是需

vue3.x的setup语法糖

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

(六)redux状态管理

redux 为什么使用Redux: 使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。 一、什么是Redux? Redux 是一个 JS 库,一个状态容器。 作用: 集中式管理 Reac

使用 React 自动聚焦字段

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