JS进阶(1)
1. 箭头函数(重要) 基本语法 使用场景:箭头函数更适用于那些本来需要匿名函数的地方 语法1:基本写法 //1. 普通函数 const fn = function () { console.log(123) } fn() // 2. 箭头函数 const fn = () => { conso…
vue详解(2)
1. 指令修饰符 通过 "." 指明一些指令 后缀,不同 后缀 封装了不同的处理操作 → 简化代码 ① 按键修饰符 @keyup.enter → 键盘回车监听 ② v-model修饰符 v-model.trim → 去除首尾空格 v-model.number → 转数字 ③ 事件…
vue详解(1)
1. 创建 Vue 实例,初始化渲染的核心步骤: 准备容器 引包 (官网) - 开发版本 / 生产版本 CDN:<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script&…
web APIs总结(3)
1. 本地存储介绍(重点) 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage和localStorage约 5M 左右 本地存储分类- localStorage 作用: 可以将数据永久存储在本地(用户的电脑), 除非手动删除,否则关闭页面也会存在 …
web APIs总结(2)
1. 页面滚动事件 很多网页需要检测用户把页面滚动到某个区域后做一些处理, 比如固定导航栏、返回顶部 事件名:scroll 监听某个元素的内部滚动直接给某个元素加即可 获取位置 scrollLeft和scrollTop (属性) (注:获取html元素写法:document.documentElem…
按下回车发布评论的注意点
如何获取焦点(css的focus伪类选择器) 点击表单输入框,输入框向右边拉长 input { width: 200px; transition: all .3s; } /* focus伪类选择器 获得焦点 */ input:focus { width: 300px; } <input typ…
thumbnail
web APIs总结(1)
1. 根据CSS选择器来获取DOM元素 (重点) 获取一个DOM元素我们使用谁?能直接操作修改吗? querySelector() 可以 返回值:CSS选择器匹配的第一个元素,一个 HTMLElement对象。如果没有匹配到,则返null 获取多个DOM元素我们使用谁?能直接修改吗? 如果不能可以怎…
JS基础总结
1. 遍历对象用哪个语句? for in 2. 遍历对象中, for k in obj,获得对象属性是那个,获得值是那个? 获得对象属性是 k 获得对象值是 obj[k] 对象的使用: 查询对象(查):对象.属性。删除对象中属性(删):delete 对象名.属性名。 重新赋值(改):对象.属性 = …
springboot的分层解耦IOC & DI
三层架构 Controller:控制层,接收前端发送的请求,对请求进行处理,并响应数据。 Service:业务逻辑层,处理具体的业务逻辑。 Dao:数据访问层(Data Access Object)(持久层),负责数据访问操作,包括数据的增、删、改、查。 过程 Service层接收到处理的请求时,需…
JavaWeb中的请求响应——响应
响应数据 定义 @ResponseBody注解可将方法返回值直接响应给浏览器 如果返回值类型是 实体对象/集合 ,将会转换为JSON格式响应 @ResponseBody作用在Controller方法上/类上,因此也叫方法注解/类注解 @RestController = @Controller + @…