介绍Less（Leaner Style Sheets 的缩写）是一门CSS扩展语言，也成为CSS预处理器。 在CSS的语法基础上，引入了变量，Mixin（混入），运算已经函数等功能，简化了CSS的编写，降低了CSS的维护成本，进入Less中文网站 目前只记录简单使用，主流还是SCSS，详见另一篇 配置webstorm自动编译安装less模块1234# 全局安装lessnpm i less -g#

浏览器现状PC常见 360浏览器（双内核IE和Webkit） 谷歌浏览器（Webkit内核） 火狐浏览器（Gecko内核） QQ浏览器（双内核IE和Webkit） 百度浏览器（双内核Trident和Blink（Webkit））【已停止维护】 搜狗浏览器（Webkit内核） IE浏览器【已淘汰，转Edge（Webkit内核）】 移动端常见 UC浏览器 QQ浏览器 欧朋浏览器 百度手机浏览器 360

介绍之前记录的react脚手架中，我记录的全是react router 6的用法，这里来统计一下，也详细记录下react-router React Router介绍React Router 以三个不同的报发布到npm上，它们分别为： react-router：路由的核心库，提供了很多的：组件，钩子 react-router-dom：包含了react-router所有内容，并添加一些专门用于DOM

setState（状态更新）在类组件中，setState用于更新state中的数据，有以下两种写法： 对象式：setState(stateChange, [callback]) stateChange为一个对象，更新后的数据 callback为render调用后执行的回调函数 函数式setState(updater, [callback]) updater为一个函数，返回stateChang

Redux介绍redux是一个专门用来做状态管理的JS库（不是react插件库），前端三大框架都可以使用，但基本和react配合使用，点击进入官方文档 使用条件： 某个组件的状态，需要让其他组件可以随时拿到（共享） 一个组件需要改变另一个组件的状态（通信） 总体原则：能不用就不用，如果不用比较吃力才考虑使用 三大核心属性action一个js对象，包含两个属性： type：标识属性，值是字符串

Fetch介绍Fetch是在es6出现的，基于promise设计的，但是Fetch并不是ajax的封装，而是原生的js，无需引入包即可使用，没有XMLHttpRequest对象 相比xhr优点 语法更加简单，类似axios 基于es6的Promise对象实现，支持 async / await 对resp，req的操作更加方便 使用GET请求1234567fetch('/api

搭建react项目使用webpackyarn12345yarn create react-app 项目名# ornpm init react-app 项目名# or npx create-react-app 项目名 使用webpack作为底层服务器，构建比较慢，需要一分钟左右，启动在3000端口 使用vite构建1yarn create vite 项目名 选择react即可，启动在5173

普通函数中的this我们都知道在普通的函数（使用function关键字定义）中，this的指的是它所属的对象 但它拥有不同的值，分以下情况决定： 在方法中，this指的是所有者对象 单独的情况下，this指的是全局对象 在函数中，this指的是全局对象 在函数中，严格模式（"use strict";）下，this是undefined 在事件中，this指的是接收事件的元素

初识React相对于js渲染页面来说，react使用空间换取时间，渲染相似数据时，只改变改动的数据 js渲染过程：遍历数据添加dom ——》浏览器dom重新渲染 react渲染过程：遍历数据添加虚拟dom ——》虚拟dom于上次比对，只更新改动的地方 ——》浏览器dom重新渲染 以下都是基于React16.x版本开发的单页内容 Hello, React创建html，引入react.develo

需求注入application.yml配置文件中的常量 application.yml如下： 123456789101112131415161718192021aboutMe: name: FSAN age: 21 height: 172about-you: name: FSAN age: 22 height: 174 map: k1: v1 k2: v2 list:

关于JSR303JSR-303 是JAVA EE 6 中的一项子规范，叫做Bean Validation，Hibernate Validator 是 Bean Validation 的参考实现 . Hibernate Validator 提供了 JSR 303 规范中所有内置 constraint 的实现，除此之外还有一些附加的 constraint。 引入依赖1234<dependency

函数式编程思想概念面向对象思想需要关注用什么对象完成什么事情。而函数式编程思想就类似于我们数学中的函数。它主要关注的是对数据进行了说明操作。 优点 代码简洁，开发快速 接近自然语言，易于理解 易于“并发编程” Lambda表达式概念Lambd是JDK8中一个语法糖。可以看成是一种语法糖，他可以对某些匿名内部类的写法进行简化。它是函数式编程思想的一个重要体现。 例1匿名内部类中简化使用 简化前：

导入依赖1234<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId></dependency> 最简结构建立websocket服务类123456

准备工作 导入依赖 配置邮箱服务器 导入依赖12345<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> <version>2.6.7</v

介绍AOP （Aspect Orient Programming）,直译过来就是 面向切面编程。AOP 是一种编程思想，是面向对象编程（OOP）的一种补充。面向对象编程将程序抽象成各个层次的对象，而面向切面编程是将程序抽象成各个切面。 导入依赖1234<dependency> <groupId>org.springframework.boot</groupId&