前端开发

首页 标签 前端开发
# 前端开发 #
关注
151171内容
JavaScript基础
本课程系统讲解JavaScript核心基础,涵盖变量类型、原型链、作用域、闭包、异步编程等关键知识点,深入剖析JS执行机制、this指向、函数柯里化及bind实现原理,助力前端开发者夯实语言基础。
Spring Boot中使用拦截器
拦截器是Spring Boot中AOP的一种实现,用于拦截动态请求,常用于权限控制、登录验证等场景。它不拦截静态资源(如static目录下的文件),但需注意配置方式对静态资源的影响。通过实现HandlerInterceptor接口,可在请求前、后及完成后执行逻辑。自定义拦截器后,通过WebMvcConfigurer添加路径匹配规则即可生效。支持灵活配置,如排除特定方法拦截,结合注解实现可插拔控制,适用于前后端分离或传统项目中的请求过滤需求。
|
3天前
|
第六章 SpringMVC框架
一、核心组件 核心组件共 5 个,仅 Handler 需开发:①DispatcherServlet(核心控制器,分发请求);②HandlerMapping(按 URL 匹配 Handler);③HandlerAdapter(执行 Handler 并获结果);④Handler(即 Controller 方法);⑤ViewResolver(解析逻辑视图,前后端分离场景少用),SpringBoot 已自动配置。 二、请求流程 用户发请求至 DispatcherServlet;2. 调用 HandlerMapping 获处理器及拦截器,返回给 Servlet;3. 调用 HandlerAdapter
CSS预处理器
CSS预处理器如Sass、Less,通过引入变量、嵌套、混合等编程特性,提升CSS的可读性与维护性。经编译生成标准CSS,增强代码复用,支持模块化开发,但需学习成本与构建流程。scss用$定义变量,支持条件循环;less用@,无输出配置,功能较弱。
Bootstrap
Bootstrap是一款流行的前端框架,优点是结构清晰、支持响应式布局,可快速开发;缺点是定制复杂、体积较大。响应式通过media query实现,定制可通过覆盖类、修改变量或重构源码。面试常考其原理模拟。
CSS动画
CSS动画通过transition、keyframe和逐帧实现,支持平移、旋转、缩放等效果。关键帧动画控制更精细,无需状态变化;过渡动画依赖属性变化。性能良好,优于部分JS实现。文中的轮播图利用keyframes与left定位实现无缝切换,流畅且兼容性强。
跨域处理
本文详解跨域问题及CORS解决方案。介绍跨域概念、产生原因,并通过实例演示Spring Boot中使用@CrossOrigin注解实现跨域资源共享,解决前端请求被拦截的问题。
Spring Boot集成Thymeleaf模板引擎
Thymeleaf 是现代Java服务端模板引擎,支持HTML静态原型与动态数据融合,前后端可协作开发。通过 `th:*` 标签动态渲染数据,浏览器可直接预览页面,无需启动服务。Spring Boot 中集成简单,只需引入依赖并配置关闭缓存即可。支持对象、List 数据展示,常用标签如 th:value、th:each、th:if 等,便于构建动态页面。适用于错误页、表单等场景,提升开发效率。
Spring Boot中的项目属性配置
本文介绍了Spring Boot中配置管理及常用MVC注解的使用。通过`@Value`和`@ConfigurationProperties`实现不同环境下的配置分离与动态读取,结合多配置文件(如application-dev.yml、application-pro.yml)灵活切换开发与生产环境。同时详解了@RestController、@RequestMapping、@PathVariable、@RequestParam和@RequestBody等核心注解,涵盖RESTful接口设计、参数绑定、JSON数据接收等常见场景,提升开发效率与项目可维护性。
CSS布局
本文系统讲解CSS布局核心知识,涵盖两栏三栏布局、定位机制、层叠上下文、BFC原理、浮动清除、移动端适配、rem/em区别及水平垂直居中等常见问题,深入解析各布局方案的实现方式与适用场景,助力掌握现代前端布局关键技术。
免费试用