摘要: 事件流指的是事件完整执行过程中的流动路径 说明:假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段 简单来说:捕获阶段是从父到子 冒泡阶段是从子到父 实际工作都是使用事件冒泡为主 事件捕获概念:从DOM的根元素去执行对应的事件(从外到里) 事件捕获需要写对应代码才能看到效果 阅读全文
posted @ 2023-03-15 20:52 小人(ren)物 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 事件监听【语法:元素对象.addEventListener(‘事件类型’,要执行的函数)】 事件监听三要素: 事件源:那个dom元素被事件触发了,要获取dom元素 事件类型:用什么方式触发,比如鼠标单击click,鼠标经过 mouseover 等 事件调用的函数:要做什么事 注意:1.事件类型要加引 阅读全文
posted @ 2023-03-14 15:53 小人(ren)物 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 变量声明 变量声明有三个 var let 和 const 我们用const(建议const优先,尽量使用const,原因是:const语义化更好,实际开发中,比如react框架,基本const) 有了变量先给const,如果发现它后面是要被修改的,再改为let 建议数组和对象使用const来声明 W 阅读全文
posted @ 2023-03-13 11:25 小人(ren)物 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 对象 对象使用:1.对象声明语法:let 对象名 = {} let 对象名 = new Object() {}是对象字面量 2.对象有属性和方法组成 属性是信息或特征(名词) 方法是功能或行为(动词) 属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔 多个属性之间使用英文 , 分隔 阅读全文
posted @ 2023-03-08 08:34 小人(ren)物 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 函数:函数可以实现代码复用 function,是被设计为执行特定任务的代码块 函数可以把具有相同或相似逻辑的代 “包裹” 起来,通过函数调用执行这些被 “包裹” 的代码逻辑,这么做的优势是有利于精简代码方便复用 函数使用: 函数声明语法: function 函数名() { 函数体 } 函数的命名规范 阅读全文
posted @ 2023-03-06 18:25 小人(ren)物 阅读(14) 评论(0) 推荐(0) 编辑
摘要: for 循环-基本使用 for循环语法:作用:重复执行代码 好处:把声明起始值、循环条件、变化值写到一起,让人一目了然,它是最常使用的循环形式 for (变量起始值; 终止条件; 变量变化量) { // 循环体 } 2. 退出循环:continue 退出本次循环,一般用于排除或者跳过某一个选项的时候 阅读全文
posted @ 2023-03-05 16:33 小人(ren)物 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 运算符:赋值运算符:对变量进行赋值的运算符 = 将等号右边的值赋予给左边,要求左边必须是一个容器 其他赋值运算符:+= -= *= /= %= 使用这些运算符可以在对变量赋值时进行快速操作 一元运算符:众多的JavaScript的运算符可以根据所需表达式的个数,分为一元运算符(正负号)、二元运算符( 阅读全文
posted @ 2023-03-04 21:52 小人(ren)物 阅读(49) 评论(0) 推荐(0) 编辑
摘要: JavaScript是什么? JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。 作用:网页特效(监听用户的一些行为让网页作出对应的反馈) 表单验证(针对表单数据的合法性进行判断) 数据交互(获取后台的数据,渲染到前端) 服务端编程(node.js) JavaScript 阅读全文
posted @ 2023-03-04 09:57 小人(ren)物 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 响应式 什么是响应式网页?就是一套代码适配不同的屏幕宽度,不同的适配 媒体查询:能够根据设备宽度的变化,设置差异化样式 开发常用写法: 媒体特性常用写法 max-width min-width @media (媒体特性) { 选择器 { 样式 } } 完整写法:@media 关键词 媒体类型 and 阅读全文
posted @ 2023-03-03 12:44 小人(ren)物 阅读(17) 评论(0) 推荐(0) 编辑
摘要: vw/vh:(能够使用vw单位设置网页元素的尺寸) 相对单位 相对视口的尺寸计算结果 vw:viewport width(1vw=1/100视口宽度) vh:viewport height(1vh=1/100视口高度) vw适配原理:(实现在不同宽度的设备中,网页元素尺寸等比缩放效果) vw单位尺寸 阅读全文
posted @ 2023-03-02 16:29 小人(ren)物 阅读(19) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示