前端
文章平均质量分 89
记录
桐花思雨
这个作者很懒,什么都没留下…
展开
-
原生JS中的Ajax请求与jQuery中的Ajax请求
目录1. `Ajax` 请求简介2. 原生 `JS` 中的 `Ajax` 请求流程2.1. 创建异步对象2.2. 调用`open()` 方法设置请求行2.2.1. `open()` 方法参数1. Ajax 请求简介ajax(Asynchronous JavaScript and XML):是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新。这就意味着可以在 不重新加载整个网页的情况下,对网页的局部进行更新2. 原生 JS 中的 Ajax 请求原创 2022-05-24 19:34:53 · 957 阅读 · 0 评论 -
Vue的生命周期和钩子函数
目录`Vue` 的生命周期`Vue` 的生命周期与钩子函数Vue 的生命周期通俗地来说 vue 的生命周期:就是 vue 实例从创建到销毁的过程,我将这个过程中的一些关键点抽取出来,简化为下面这个流程图Vue 的生命周期与钩子函数vue 2.0 提供了一系列钩子函数,这些函数和生命周期的各个阶段一一对应钩子函数描述beforeCreate在实例初始化之后,数据观测(data observer)和 event/watch事件配置之前被调用created在实例创建完成后立即原创 2022-02-10 17:50:00 · 1602 阅读 · 0 评论 -
Vue入门之常用指令
目录`Vue` 常用指令`v-html` 指令Vue 常用指令Vue 指令是以 v- 开头的,作用在 HTML 上将指令绑定在元素上时,会给绑定的元素添加一些特殊行为,可将指令视作特殊的 HTML 属性 attribute下面将介绍 Vue 中常用的几个内置指令。当然,Vue 除了内置指令,也可以根据需求自定义指令v-html 指令v-html:能识别 HTML 标签<!DOCTYPE html><html> <head> <meta chars原创 2022-02-10 12:40:10 · 1277 阅读 · 1 评论 -
jQuery的总结
目录`jQuery` 是什么`jQuery` 基础语法引入 `jQuery``jQuery` 文档就绪函数`jQuery` 选择器`id` 选择器`class` 选择器`jQuery DOM` 操作`jQuery` 操作 `CSS``jQuery` 遍历`jQuery` 的 `AJAX` 请求`load()` 函数可选的 `data (Map)` 是发送至服务器的 `key/value` 数据可选的 `callback` 参数规定当 `load()` 方法完成后所要允许的回调函数。回调函数可以设置不同的参数原创 2021-04-27 18:22:02 · 194 阅读 · 2 评论 -
thymeleaf判断对象是否为空的相关逻辑处理
thymeleaf判断对象是否为空有关逻辑处理在项目中,有时会遇到下面场景:添加页面和编辑页面共用一个页面,而通过后台传来的对象来判断提示用户是编辑页面还是添加页面,而编辑页面要使用这个对象的,添加页面用不到。在此记录下自己遇到的问题,看到了别人的博客才解决了@RequestMapping(path = {"/add", "edit"}, method = {RequestMethod.GET})public String addOrEdit(Model model, @RequestParam原创 2020-08-18 00:22:49 · 21008 阅读 · 0 评论 -
thymeleaf使用总结
目录`thymeleaf` 简介thymeleaf 简介Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎,它可以完全替代 JSP 。相较与其他的模板引擎,它有如下三个极吸引人的特点Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果Thymeleaf 开箱即用的特性。它提供标准和 spring 标准两种方言,可以直接套用模板实现 JSTL、 OGNL 表达式效果,避免每天套原创 2021-10-19 15:29:52 · 279 阅读 · 0 评论 -
关于thymeleaf模板引擎中th:if的使用
1)如果表达式结果为布尔值,则为 true 或者 false2)如果表达式的值为 null,th:if 将判定此表达式为 false3)如果值是数字,为 0 时,判断为 false;不为零时,判定为 true4)如果 value 是 String,值为 “false”、“off”、“no” 时,判定为 false,否则判断为 true,字符串为空时,也判断为 true5)如果值不是布尔值,数字,字符或字符串的其它对象,只要不为 null,则判断为 true原创 2020-08-17 18:56:33 · 42795 阅读 · 1 评论 -
关于thymeleaf 遍历 List<Map<String,Object>> 类型数据
thymeleaf 遍历 List<Map<String,Object>> 类型数据部分后台 postService.weekHotDiscussion(); List<Map<String, Object>> list = new ArrayList<>(); /*从 redis 中的 zSet 有序集合中获取'本周合并每日评论数量排名'*/ Set<ZSetOperations.Ty原创 2020-08-17 19:29:26 · 2435 阅读 · 2 评论 -
Vue入门
目录`Vue` 简介Vue 简介Vue (读音 /vjuː/,类似于 view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动Vue 是当下很火的一个 JavaScript MVVM 库,它是以数据驱动和组件化的思想构建的。相比于 Angular,Vue 提供了更加简洁、更易于理原创 2022-02-09 19:12:38 · 177 阅读 · 0 评论