window对象 内置的JS全局对象(顶级对象)console.log() alert()DOM 知识点 documentBOM location navigato...
window对象 内置的JS全局对象(顶级对象)console.log() alert()DOM 知识点 documentBOM location navigato...
页面滚动事件scroll 给某个元素来注册更多的是给页面注册window 或者 document 页面加载事件 1.load,资源加载完毕事件(包含图像和视频内容)给 win...
综合案例的小知识点字符串:字符的数量 通过 length属性 可以获取到trim() 去除字符的首尾空格时间对象:toLocaleString() 可以得到本地化时间格...
排他思想 先干掉所有人,在复活我自己先找到高亮的元素,移除到类名,在给当前添加高亮类名 节点 节点是DOM树的任意内容包括:1.标签节点 2.属性节点 3.文本节点获取 父节...
事件 是啥:编程系统内发送的动作点击动作:注册事件 语法:元素.addEventListener('事件', 事件处理函数)元素可以注册同名事件元素注册之后,不会立即触发页面...
基本认知 作用:就是使用 JS 去操作 html 和浏览器分类:DOM (文档对象模型)BOM(浏览器对象模型) DOM 概念:DOM是浏览器提供的一套专门用来操作网页内容的...
匿名函数 没有名字的函数函数表达式:let 变量= function(){}自调用函数:沙箱模式;(function(){})() 对象 概念:一种数据类型,无序的 定义:l...
函数 作用:将代码块封装起来,方便复用声明定义:function 函数名称(形式参数列表){函数体} 函数名命名规范:1.和变量命名基本一致2.尽量小驼峰式命名法3.前缀应该...
循环关注点 循环条件,使用while循环比较好循环次数,使用for循环比较好 for循环 语法:for(变量定义及初始值;条件;变量的变化){循环体}细节:分号不能少第一次执...
运算符 算术运算符 赋值运算符 对变量进行赋值赋值的简便写法num += 1 // num = num + 1将等号右边的值赋予给左边, 要求左边必须是一个变量 一元运算符...
JavaScript介绍 一、JS是什么 1.重要性:前端的唯一脚本语言; Vue,react等框架语言都是基于js的2.概念:是一种通常运行在浏览器中(运行环境)的编程语言...
媒体查询@media 一、常用写法 1.max-width上限(小于等于)2.min-width 下限(大于等于) 二、其他写法 1.完整写法,min跟max用and链接 2...
vw是相对单位相对视口的尺寸计算结果(VScode插件:px to vw) vw:viewport width1vw = 1/100视口宽度vw单位的尺寸 = px单位数值 ...
长度单位 一、媒体查询@media 二、rem1.目标能够使用rem单位设置网页元素的尺寸 2.网页效果屏幕宽度不同,网页元素尺寸不同(等比缩放) 3.单位rem是相对单位r...
主轴方向 flex-direction 主轴默认是水平方向, 侧轴默认是垂直方向 修改主轴方向属性:flex-direction: column列, 垂直(最常用)row 行...
移动端特点 一、移动端和PC端网页不同点 1.PC屏幕大,网页固定版心2.手机屏幕小, 网页宽度多数为100% 二、谷歌模拟器 1.使用谷歌模拟器调试移动端网页2.可以选择设...
空间位移 属性:transform 一、空间:x 、y 和z三条坐标轴构成了一个立体空间,z轴的正方向为屏幕到人的眼睛的方向 二、语法:1.transform: transl...
字体图标 优点:1.灵活性:灵活地修改样式,例如:尺寸、颜色等2.轻量级:体积小、渲染快、降低服务器请求次数3.兼容性:几乎兼容所有主流浏览器 下载字体图标(https://...