- 博客(456)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript运算符(赋值、自增自减、比较、逻辑、展开、优先级)、分支语句(if、三元表达式、switch)、循环结构(while、for)、断点调试
可以将一个数组进行展开，但不修改原数组。注意: 展开数组是对数组的浅拷贝，数组中的元素如果是对象则拷贝的是地址。应用: 求数组最大值、数组合并。
2024-04-22 09:37:12
746
原创 JavaScript开发小工具(ZoomIt、Inspection Lens、Xmind)、JavaScript开发小技巧(当前按钮高亮)
和VS Code的Error Lens类似。是一款把代码检查(错误、警告、语法问题)进行突出显示的一款IDEA插件。将下载的压缩包进行解压，直接运行ZoomIt64.exe即可。还可以给主题设置填充色、图标等。效果如下：有3个按钮。
2024-04-15 09:19:00
394
原创 JavaScript正则表达式(元字符、字符集合、出现次数、或者运算符)
在正则表达式中被赋予特殊含义的字符，不能被直接当做普通字符使用。如果要匹配元字符本身，需要对元字符进行转义，转义的方式是在元字符前面加上“\”在线正则测试工具: http://tool.oschina.net/regex。: 在一个指定字符串中执行一个搜索。匹配成功返回一个数组，匹配失败返回null。
2024-04-08 09:31:59
385
原创 JavaScript数据类型(基本数据类型、数组及数组方法、获取变量数据类型、数据类型转换)
控制台中数字型和布尔型颜色为蓝色，字符串和undefined颜色为灰色。NaN和判断一个值是否为NaN。解构赋值: 将数组的值，依次赋值给对应的变量。可以存储不同数据类型的元素。数值可以是整数、浮点数。
2024-04-01 08:32:20
618
原创 HTML5的新特性(语义化标签、多媒体标签、input表单和表单属性)
功能和标签一样，在页面中可以使用多次。主要是针对搜索引擎的。标签使用的视频文件尽量使用mp4格式的，兼容性好。标签使用的音频文件尽量使用mp3格式的，兼容性好。新增的input表单，会对用户输入的内容进行一定的限制。显示效果如下，谷歌浏览器并不会自动播放。在网页布局中使用的位置如下所示。
2024-03-25 09:46:09
575
原创 CSS3单独制作移动端页面布局方式(响应式布局)、重绘和回流
Bootstrap基于HTML、CSS和JAVASCRIPT，有预制样式库、组件和插件，使得Web开发更加快捷中文官网：http://www.bootcss.com/官网：http://getbootstrap.com/推荐使用：https://v5.bootcss.com/
2024-03-18 08:28:34
861
原创 CSS3单独制作移动端页面布局方式(rem+媒体查询+less布局、vw/vh布局、vmin/vmax布局)
CSS的缺点CSS是一门非程序式语言，没有变量、函数、scope作用域等概念。CSS需要书写大量看似没有逻辑的代码，CSS冗余度是比较高的不方便维护及扩展，不利于复用CSS没有很好的计算能力Less的介绍常见的CSS预处理器有：Less、Sass、Stylus。Less(Leaner Style Sheets)是一门CSS扩展语言，它并没有减少CSS的功能，而是在现有的CSS语法上，引入了变量、Mixin(混入)、运算以及函数等功能。为CSS加入程序式语言的特性，大大简化了CSS的编写。
2024-03-11 09:12:23
872
原创 CSS3单独制作移动端页面布局方式(流式布局、flex弹性布局)
布局极为简单，移动端应用很广泛PC端浏览器支持情况较差，特别是IE 11或更低版本，不支持或仅部分支持为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效采用Flex布局的元素，称为Flex容器。它的所有子元素自动成为容器成员，称为Flex项目。项目可以设置宽和高。
2024-03-04 09:06:44
978
原创 CSS3移动端(介绍、Chrome DevTools、视口、倍图、backgroud-size、开发方案、CSS初始化、特殊样式)
国内的手机浏览器都是根据Webkit内核修改的，所以兼容移动端主流浏览器，处理Webkit内核浏览器即可不同型号的手机，屏幕尺寸不同、像素分辨率不同、物理像素比不同如iphone 12 pro屏幕的像素分辨率为(1170 x 2532), 正常可以显示宽1170px像素和高2532px像素的内容。但其物理像素比为3(Retina视网膜屏幕显示技术)，则只可以显示宽390px像素和高844px像素的内容，这样3个物理像素点显示1px像素会更清晰。
2024-02-26 09:27:39
836
原创 CSS3新特性之animation动画、3D转换(含两面翻转的盒子案例、swiper插件)、浏览器私有前缀
近大远小物体后面遮挡不可见x轴：水平向右。注意： x右边是正值，左边是负值y轴：垂直向下。注意： y下面是正值，上面是负值z轴：垂直屏幕。注意： 往外面是正值，往里面是负值。
2024-02-19 08:56:23
989
原创 CSS3新特性之新增选择器、border-box盒子模型、滤镜filter、calc函数、过渡、2D转换
sacle缩放可以设置转换中心点缩放(默认以中心点缩放)，而且不影响其他盒子的布局。2D转换是改变元素在二维平面上的位置和形状的一种技术。横向为X轴，向右为正，向左为负；效果：鼠标放到div上，等待3秒后，div在3秒内渐渐变大。鼠标移出div，等待3秒后，div在3秒内渐渐变小。可以实现元素的位移(translate)、旋转(rotate)、缩放(scale)等效果。可以根据元素特定属性来选择元素。主要根据文档结构来选择元素， 常用于根据父级选择里面的子元素。当元素从一种样式，渐渐的变换为另一种样式。
2024-02-18 09:25:08
781
原创 CSS3之项目实操(网站制作流程、favicon图标、TDK三大标签、LOGO的SEO优化、免费web服务器、蓝湖/摹客协作平台、使用github打开index.html)
对于我们前端人员来说，我们只需要准备好这三个标签，具体里面的内容，有专门的SEO人员提供。上传完之后，点击查看项目，就会打开web端的页面，里面就可以直接看到图片的大小，文字的大小、颜色、内容，图片之间的间距，相关的CSS代码，切图(可以进行导出)等。”、“×××网作为……”、“电话：010……选择PS的图层，然后在PS的慕客插件标记切图，当所有需要的图层都被标记为切图时，就可以选择上传全部画板，然后点击上传，就把全部切图上传到指定分组的指定项目下面了。在PS的窗口-拓展功能-慕客，打开PS的摹客插件。
2024-02-05 08:44:10
927
原创 SpringBoot使用Swagger接口文档(含分组配置)、Knife4j增强
Swagger可以快速生成实时接口文档，方便前后开发人员进行协调沟通。遵循OpenAPI规范。
2024-01-29 09:24:56
433
原创 SpringBoot远程过程调用RPC(WebClient、HTTP Interface客户端)
以前有sdk(Software Development Kit)工具包，导入jar包，直接调用功能即可。而远程过程调用由服务提供者提供API(接口: Application Programming Interface)服务，服务消费者通过连接对方服务器进行请求\响应交互，来实现调用效果如果是内部微服务，可以通过依赖springcloud、注册中心、openfeign等进行调用。或使用第三方框架Dubbo、gRPC如果是外部暴露的，可以发送http请求、或遵循外部协议进行调用。
2024-01-22 10:12:13
1257
原创 SpringBoot自定义Starter(@EnableXXX和META-INF的SPI自动添加)
-- 这样没有main主程序类也可以打包 -->
2024-01-15 09:25:58
907
原创 SpringBoot单元测试-JUnit5(嵌套测试、参数测试)
spring-boot-test-autoconfigure提供测试的一些自动配置，spring-boot-test提供核心测试能力，只需要导入spring-boot-starter-test即可整合测试。利用@ValueSource等注解，指定入参，我们将可以使用不同的参数进行多次单元测试，而不需要每新增一个参数就新增一个单元测试，省去了很多冗余代码。参数化测试是JUnit5很重要的一个新特性，它使得用不同的参数多次运行测试成为了可能，也为我们的单元测试带来许多便利。
2024-01-08 09:37:45
1091
原创 SpringBoot核心原理之事件和监听器(生命周期监听、事件触发、监听器、自定义事件发布和订阅)和配置类和Bean加载的时机
场景：监听应用从创建到销毁的整个生命周期。这样可以在应用启动之前，或启动之后做一些操作用于事件发布。在生命周期的各个重要环节，都会将事件进行广播，如果我们对那个事件比较关系，可以继续监听自定义示例如下：MyAppListener.javasrc\main\resources\META-INF\spring.factories启动springBoot应用，打印如下：1.2 生命周期全流程源码分析如下：2. 事件触发时机2.1 各种回调监听器BootstrapRegistryInitiali
2024-01-02 09:39:59
1372
原创 SpringBoot Profiles(Profile分组、Profile配置文件)、外部化配置
只在application.properties生效，在application-dev.properties等profile配置文件无效。以下是SpringBoot属性源加载顺序。配置不同就都生效（互补）。相同配置优先级由低到高，高优先级配置覆盖低优先级。指定一个环境，不管是否激活该环境，该环境都被激活。创建group1组，指定包含dev和test环境。快速切换开发、测试、生产环境。线上应用如何快速修改配置，并应用最新配置？，就会激活dev和test环境。如下：(后面覆盖前面)
2023-12-25 09:20:44
1205
原创 SpringBoot3 Web开发新特性(Problemdetails、函数式Web)
其中headers的Content-Type是application/problem+json。其中problem可以通过额外的拓展返回一些业务数据。使用函数式的方式，定义Web的请求处理流程。使用的java8函数式接口。以Restful方式，对User进行CRUD。
2023-12-18 09:12:45
130
原创 SpringBoot全面接管SpringMVC(WebMvcAutoConfiguration自动配置的规则、@EnableWebMvc禁用默认行为)
SpringBoot默认配置好了SpringMVC的所有常用特性。如果我们需要全面接管SpringMVC的所有配置并禁用默认配置，仅需要编写一个WebMvcConfigurer配置类定义MVC的底层行为，并标注@EnableWebMvc禁用默认配置即可。SpringMVC内部场景异常被它捕获。3.5. 请求上下文过滤器：RequestContextFilter: 任意位置直接获取当前请求。4.9. Validator： 数据校验JSR303提供的数据校验功能。3.6. 静态资源链规则。
2023-12-11 09:23:41
210
原创 SpringBoot嵌入式容器(自动配置原理、自定义嵌入式容器)
切换嵌入式服务器。-- springboot3使用jakarta-servlet 6，但是jetty使用jakarta-servlet 5- -->
2023-12-04 09:17:25
114
原创 SpringBoot错误处理机制(ControllerAdvice+ExceptionHandler自定义错误处理、默认机制源码分析、错误处理实战)
和内容协商一样，header头的accept参数设置application/xml，则以XML格式返回数据。参数配置的路径，如果没有配置参数，则默认是/error。由ErrorMvcAutoConfiguration添加的BasicErrorController组件进行处理。如果我们没有进行自定义的错误处理，springBoot提供默认的错误处理机制。我们先说HTML的错误处理。SpringBoot的DefaultErrorViewResolver，提供了解析自定义错误页的默认规则。再说移动端的错误处理。
2023-11-28 09:15:34
207
原创 SpringBoot的@GetMapping路径匹配规则、国际化
例如：/{type}/{id}.html匹配任意文件名为{id}.html，在任意命名的{type}目录下的文件。访问http://localhost:8080/abc/bd/abcdef/1/2。国际化的自动配置参照MessageSourceAutoConfiguration类。messages_zh_CN.properties：中文环境。messages_en_US.properties：英语环境。messages.properties：默认。
2023-11-20 09:11:28
643
原创 SpringBoot整合Thymeleaf、Thymeleaf语法、优先级、模板布局
如果需要服务端页面渲染，优先考虑使用模板引擎SpringBoot 包含以下模板引擎的自动配置FreeMarkerGroovyThymeleafMustache。
2023-11-13 09:18:31
353
原创 我的创作纪念日
提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等。
2023-11-13 09:12:52
54
原创 SpringBoot内容协商(简单使用、源码解读、默认Converters、自定义Converters)
添加依赖，用于对Object进行转换编写一个YamlHttpMessageConverter//把对象转成yaml// 告诉SpringBoot这个MessageConverter支持哪种媒体类型@Override> clazz) {// 只要是对象类型，不是基本类型，则都支持对接收的yaml格式参数进行解析，这里不处理@Override把对象以yaml格式传输出去@Override// try-with写法，自动关流。
2023-11-06 08:35:54
286
原创 SpringBoot的Web自动配置和默认功能、WebMvcAutoConfiguration原理
SpringBoot的Web开发能力，由SpringMVC提供。
2023-10-30 09:10:56
259
原创 SpringBoot的日志系统(日志分组、文件输出、滚动归档)
Spring5及以后Spring自己实现了commons-logging，来作为内部的日志。日志的jar包是org.springframework:spring-jcl:6.0.10。查看org.apache.commons.logging.LogAdapter......省略部分............省略部分......只要导入了哪些日志包，就会使用哪些日志实现框架。所以底层的日志是开放的，可对接其他日志框架支持 jul、log4j2、logback(默认)日志实现。
2023-10-23 09:23:04
401
原创 SpringBoot的日志系统(日志分组、文件输出、滚动归档)
web: 包含org.springframework.core.codec、org.springframework.http、org.springframework.web、org.springframework.boot.actuate.endpoint.web、org.springframework.boot.web.servlet.ServletContextInitializerBeans。查看org.apache.commons.logging.LogAdapter。需要开启日志文件输出。
2023-10-23 09:17:55
694
原创 SpringBoot采用集成多个Mybatis框架实现多JDBC数据源 + 多数据源本地事务
这里只做了一部分的记录，并未运行进行测试自定注解，然后通过多线程的方式执行多个事务方法@Component@Aspect// ComboTransaction类需要自己定义，还未定义@Autowiredtry {// 执行目标方法。
2023-10-16 09:20:24
194
原创 SpringBoot采用Dynamic-Datasource方式实现多JDBC数据源
DSTransactional能和@DS多数据源切换配合使用，@DSTransactional注解最好使用在方法上(类似好像不生效)，@DSTransactional注解不能对异常进行捕获手动回滚，只能自动回滚然后抛出异常。可以在Service的类或方法上(优先级更高)使用@Transactional实现事务。分别创建read_db.user和write_db.user，并向read_db.user写入数据。可以在Service的类或方法上(优先级更高)使用@DS注解选择DataSource。
2023-10-09 09:16:04
788
原创 SpringBoot采用AOP基于注解的方式实现多JDBC数据源
我们可以通过来帮我们实现动态数据源的切换，而且AbstractRoutingDataSource实现了很多DataSource的方法，稳定性更好targetDataSources：需要动态切换的所有DataSourcedefaultTargetDataSource：默认DataSourceresolvedDataSources：内部在afterPropertiesSet方法中自动从targetDataSources传递根据key从resolvedDataSources获取DataSource。
2023-10-03 10:34:36
217
原创 SpringBoot整合Kafka(自动配置分析、同步异步producer、comsumer、自定义KafkaAdmin和KafkaTemplate)
启动SpringBoot应用，就会在kafka中创建topic// 将NewTopic添加到IOC容器时，会自动创建kafka的topic@Bean// 创建一个name为springboot-create-topic1, 1个partition, replication为1@Bean// 创建一个name为springboot-create-topic2, 1个partition, replication为1// 实现自定义的KafkaAdmin，不建议这样做。
2023-09-25 09:07:11
618
原创 SpringBoot整合Redis(自动配置分析、切换Jedis、自定义序列化器)
Redis是一个开源(BSD许可)的、内存中的数据结构存储系统，它可以用作数据库、缓存和消息中间件。它支持多种类型的数据结构，如字符串(strings)、散列(hashes)、列表(lists)、集合(sets)、有序集合(sorted sets)与范围查询、bitmaps、hyperloglogs和地理空间(geospatial)索引半径查询。
2023-09-18 09:04:49
1789
原创 SpringBoot整合Mybatis-Plus(含自动配置分析)
Mybatis-Plus是一个Mybatis的增强工具，在Mybatis的基础上只做增强不做改变，能提高开发效率。
2023-09-11 09:02:42
994
原创 SpringBoot整合Mybatis(配置版 + 注解版 + 混合版)
查看mybatis-spring-boot-autoconfigure-2.2.2.jar的META-INF\spring.factories，可以看到给我们自动配置了MybatisLanguageDriverAutoConfiguration和MybatisAutoConfiguration。可以看到mybatis-spring-boot-starter的依赖了spring-boot-starter-jdbc、mybatis、mybatis-spring。添加Mybatis提供的starter。
2023-09-04 09:02:46
475
原创 SpringBoot使用Druid连接池 + 配置监控页面(自定义版 + starter版)
全方位监控、防SQL注入攻击等添加druid连接池的依赖，如下所示：2.2 MyDataSourceConfig实现说明如下：2.3 application.properties配置在代码中可以对DataSource进行各种配置参数的set，也可以在application.properties中对durid连接池进行配置，如下所示：编写Controller进行测试2.4 druid监控页面查看访问http://localhost:8080/druid/index.html，页面效果如下：其中
2023-08-28 09:14:57
7012
原创 使用SpringBoot对JDBC连接类型的数据库进行操作
SpringBoot帮我们简化了对JDBC连接类型的数据库的操作，只需要配置这个starter，然后在application.properties配置jdbc的相关配置和连接池的相关配置等，就可以对数据库进行操作了。
2023-08-21 09:28:08
638
原创 SpringBoot对一个URL通过method(GET、POST、PUT、DELETE)实现增删改查操作
虽然Postman这些工具可以直接发送GET、POST、PUT、DELETE请求。但是@RequestMapping并不支持PUT和DELETE请求操作。其中GetMapping、PostMapping、PutMapping、DeleteMapping等同于@RequestMapping对应的method。PUT和DELETE还是通过method=POST进行请求，但是需要添加对应的隐藏域_method=PUT/DELETE。我们都知道GET、POST、PUT、DELETE分别对应查、增、改、删除。
2023-08-14 09:10:56
318
原创 SpringBoot的index首页的访问、自定义Favicon图标
将favicon.ico文件放到静态资源目录下，然后访问任意一个URL，就会显示小图标。如果没显示小图标，注意清一下浏览器缓存注意：配置文件不要配置spring.mvc.static-path-pattern参数，否则不能看到Favicon图标。
2023-08-07 09:03:41
312
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人