浏览器中的jsjs使用场景:传统:浏览器使用,扩展:服务器(node.js,不涉及DOM操作) 常识:3.1 浏览器是用来显示页面的3.2 页面使用’html’写的3.3 凡是出现在html中的元素,必须用’标签’来描述3.4 js用在html中,...
访问器属性 1.1 对象字面量 1.1.1 一次性添加:一次性添加全部成员:属性和方法.对象内部添加 1.1.2 逐个追加:逐个添加成员,属性和方法,设置空对象,通过变量属性名逐一设置 1.2 访问接口:通过set,get定义读写的接口,否则只能...
函数参数与返回值1.1 传参不足或者传参过少,需要给默认值,定义函数时:xxx(参数名 = ‘默认值’)1.2 传参过多,多余的参数压到一个数组中给最后个参数名,定义函数时:xxx(参数名1, …参数名2);在函数调用’…’,功能是展开数组,相当于...
数据类型与流程控制(判断与循环) 数据类型1.1 原始类型1.1.1 number:数字,例:1,2,3;1.1.2 string:字符串,例:”我是谁”,”abdc”,”112233”;1.1.3 boolean:布尔值,只有true,false两...
js命名规则与函数初识总结:代码成员:数据,操作数据—>变量—>数据复用操作—>函数—>操作复用数据 let: 变量声明,支持块作用域,同一变量名不可重新声明,但可以重新赋值;var:变量声明,不支持代码块作用域,同一变量名可重新声明;const:...
grid和flex布局结合vw-rem布局实际应用布局实际应用 html源码
grid和flex布局实际应用布局实际应用 html源码
grid 网格布局详解网格布局主要的 9 个属性 属性 参考值 定义解释 display grid 声明为 grid 盒子 grid-template-columns/rows 列数/行数 划网格定义例/行数,repeat(重复次数,...
弹性盒子flex属性详解弹性盒子概述 弹性属性(display:felx)在父级盒子中申明;flex-direction属性设置在父级盒子中,决定了子盒子的排列依据;flex-wrap属性设置在父级盒子中,决定了是否换行;flex-flow:是2,3...
定位布局的概念与实例 概念:1.1 块(display-block):矩形盒子-合模型,例:/table/table-cell,td/list-item/form/p/h1-h6/,边距均有效,宽:占用父级宽度的100%,高:内容来定,均可自定义;1...
常用单位与图标引用以及移动媒体 绝对单位:像素px,1in = 96px相对单位:必须要有一个参照物2.1 %:参照物父级2.2 em:字号大小,参照浏览器默认字号16px 2.2.1 em:受当前或它的祖先元素的font-size影响 2.2.2 ...
伪类的分类详解与盒模型伪类的分类1. 结构伪类 1.1 nth-of-type():正向读取选择 1.2 nth-last-of-type():反向读取选择 1.3 first-of-type:第一个 1.4 last-of-type:最后一个 1....
样式分类与选择器详解样式分类1.内联样式1.1 默认样式:用户代理样式,是浏览器为每个元素预置的样式1.2 继承样式:颜色,字体等样式,可由父级进行设置,子级直接继承1.3 自定义样式:就是元素中的style属性设置的样式1.4 优先级:自定义样式 ...
表单以及简单的后台页面 源码
图文列表导航组件以及表格制作图文列表