js 操作class属性、事件、传递机制、表单事件、字符串常用apiclassList 操作class属性 add() : 添加class属性h1.classList.add('red'); contains() : 判断是否有xx属性console...

js dom 元素的增删改、操作内容、自定义属性操作对象、js操作cssdom 元素的增删改 读 : 遍历 dom 写 : 增、删、改 创建元素 createElement()const span = document.createElement(...

js 浏览器中JS、’类’数组、获取DOM操作、表单元素获取、遍历dom树浏览器中JS js使用场景 : 1.传统:浏览器 2.扩展:服务器(Node.js 不涉及DOM) // 1. 预定义属性,id,class,styleBtn1

js 访问器属性、构造函数、解构赋值访问器属性1.对象字面量声明 一次性添加 let item = { // 添加data,结构更清晰 data: { name: "手机", num: 2, price: 5000, },}...

js参数、返回值、模板字面量、模板函数和闭包参数和返回值参数 参数一一对应 // 1. 参数一一对应function name(参数) { return 返回值 }console.log(name(值)); 参数不足 —> 给一...

js 数据类型和流程控制数据类型1.原始类型:number、string、boolean、undefined、null特点 : 1.单值 2.动态:数据的类型,由值来决定 2.引用类型:、array(数组)、object(对象)、function(函...

JS基础知识 F12->控制台 : 浏览器内置的JS代码执行器/引擎 JS需要依赖于浏览器环境来执行

仿写手机端京东首页布局思路 效果图 遇到的问题 轮播图覆盖在红色背景上,用的相对定位,导致轮播图整体的div高度增加,后面的元素都需要向上 思考在内容部分与页眉之间添加一个独立的div制作红色背景 css代码引用技巧 写一个index.css,...

移动端布局三个视口 布局视口:面向开发者,与设备无关,默认980px,用 width 表示视觉视口:与具体设备硬件相关,用 deive-width 表示理想视口:开始布局时,就用视觉视口布局,width = deive-width 在理想视口下,用...

grid布局实例 html代码

网格布局:grid 容器/项目属性步骤 grid 容器划分网格单元将项目放到指定的网格单元 一、创建 grid 容器.container { display: grid;} 二、划分网格单元.container { display: grid; ...

flex 容器常用的 6 个属性flex 容器,就是一个块元素,只在一个方向上排列元素(默认水平排列) 主轴 : 元素排列交叉轴 : 元素对齐所有子元素自动转为行内级的块元素沿主轴排列剩余空间 : 未分配的空间,可以利用的空间项目 : 容器中的子元素...

默认布局与自定义布局默认布局与元素类型1.浏览器默认 : 1.元素显示顺序,就是元素在源码中的书写顺序2.元素的排列位置,具有"预测性"3.名称: 文档布局流/正常布局流4.默认定位:position:static(静态定位) 2.默认情况下,浏览器...

常用的单位、表格样式、字体图标和媒体查询常用的单位 绝对单位:像素 px , 1 英寸=96px相对单位:必须要有一个参照物 2.1 % : 参照物父级 2.2 em:字号大小,参考浏览器默认字号,通常为 16px是一个变量,受当前或它的祖先元素的 ...

伪类选择器和盒模型常用属性伪类选择器(结构伪类、状态伪类)1. 结构伪类:根据元素位置获取元素 伪类的权重与 class 一样 item1 item2 item3