自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 webAPI的基础理解与运用移动端获取元素位置与本地储存(十)

获取元素位置offset系列 //获取元素的位置 DOM.offsetLeft DOM.offsetTop //获取元素的大小 DOM.offsetWidth: 元素大小内容区域大小 + 边框 + 内边距 DOM.offsetHeight: 元素大小内容区域大小 + 边框 + 内边距client系列 DOM对象....

2019-11-13 19:43:55 203

原创 webAPI的基础理解与运用文本框DOM节点事件流鼠标事件(九)

添加元素的其他方式注意 通过 父元素DOM对象.appendChild(元素), 将创建好的元素添加到了父元素中的末尾。insertBefore 语法: 父DOM对象.insertBefore(新节点,旧节点); 参数介绍: 1. 第一个参数表示的就是要在父容器中添加的新元素 2. 第二个参数表示的是要将新元素添加到哪个元素...

2019-11-10 19:49:28 120

原创 webAPI的基础理解与运用文本框DOM节点(八)

获取下拉列表框选中状态1. DOM对象.selected ---> 获取当前列表项的选中状态的 如果得到结果是true,那么代表被选中了 如果得到的结果是false,那么代表未被选中2. DOM对象.selected = 值; ----> 设置列表项是否被选中 如果值是true ,那么代表被选中 如果是false,那么代表未被选中...

2019-11-10 19:48:03 160

原创 webAPI的基础理解与运用事件表单属性(七)

webAPI 能够使用js实现操作页面中的标签【通过js操作标签的样式】组成DOM : Document Object Model在js中,将整个网页抽象成了一个对象,可以通过js操作网页。 —》 document对象BOM : Browser Object Model将浏览器抽象成一个对象, -----》 window对象DOM 将整个...

2019-11-05 21:05:51 138

原创 Javascript对象的基础理解与运用(六)

对象对象:也是一个容器,可以实现数据一 一对应,将数据的关系一 一对应保持起来万物皆对象:我们可以将任何一个具体的事物,在程序中抽象描述成一个对象。1. 对象的组成属性:就是对对象的特征的描述,一般用名词表示方法:描述对象具体的功能,一般用动词表示,本质就是一个函数2. 定义对象通过字面量方式定义一个变量,对象里面没有值就是空对象 <script> ...

2019-11-04 20:44:49 83

原创 Javascript里面函数基础理解与运用(五)

当我们需要重复使用一段代码的时候,我们可以使用函数来将代码封装到一个函数中,需要使用的时候直接调用就可以了!函数基础的两种定义方法1.通过关键字function定义函数定义完函数后函数不会立即执行,函数西药调用才可以执行里面的代码。定义函数的时候,函数名后面的小括号不能省略 <script> function 自定义函数名称() { ...

2019-11-02 21:12:45 248

原创 Javascript中循环语句的理解与运用(三)

循环语句什么是循环?循环语句有什么用?答:循环就是重复的去做一件事情,当条件满足的时候执行循环代码,当条件不满足的时候不会执行循环代码。1.switch语句应用场景:一般情况下当在程序中能狗明确变量的具体值,可以考虑使用switch语句注意:switch后面的变量的数据类型一定要和case后面值的类型保持一致语法: <script> switch (...

2019-11-01 21:02:14 310

原创 Javascript中数组的理解与运用(四)

数组1.什么是数组将多条数据组合到一块,集体保存。特点:数组中能保存多条数据2.数组的作用作用:用来保存数据。本质与变量相同,也是一个容器。变量只能保存一个数据,而数组能保存多个3.数组如何使用3.1 定义数组:通过字面量的方式定义数组//定义数组 var 自定义数组名称 = [];通过构造函数定义数组 <script> //通过构造函...

2019-11-01 21:02:06 713

原创 Javascript运算符与判断语句类别的理解与运用(二)

本篇文章主要描述t运算符与判断语句类别的理解与运用运算符1.算数运算符= | - | * | % | / | () |//加,减,乘,取余,除+(加号)特点:可以拼接字符串;//字符串拼接var ursname = '小猪佩奇';console.log('姓名:' + ursnamme)—(减号)特点:在做减法的过程中会发生隐式转换(变量在计算过程中发生的变化)var a ...

2019-10-29 18:37:14 176

原创 Javascript基础复习笔记(一)

Javascript基础介绍首先我们要知道网页的标准:HTML是网页的结构Css是网页的表现,美化Javascript是网页的动态结构,也就是行为。本篇文章中简单的介绍了1. js的基础语法2. 变量的命名规范3. 变量的赋值4. js里面的简单数据类型(number,string,boolean,undfined)与数据类型的装换我们学习Js之后我们能做什么?我们可以给网页...

2019-10-27 17:19:10 1115 2

原创 rem移动端之rem布局基础理解与运用

首先简单介绍一下rem布局的基础了解rem布局,最为直观的效果,页面全部元素现实等比缩放,包括文字,盒子大小;本篇文章中涉及三点1. 媒体查询@media2. less预编译处理器的详解3. rem单位的详解1.媒体查询语法与运用介绍1.1:媒体查询可以响应屏幕的变化,根据屏幕不同的宽,从而获得不同的样式,然后实现不同的样式显示。1.2:语法如下@media mediatype ...

2019-10-24 17:04:32 4472 1

原创 flex布局基础理解与运用

移动端flex布局小总结1.介绍*首先我们需要明白:flex布局又叫伸缩、布局 、弹性布局、伸缩盒布局 、弹性盒布局 *1.采用 Flex 布局的元素,称为 Flex 容器(flexcontainer),父级简称"容器",容器默认存在两条轴一条水平的主轴,一条垂直的交叉轴(侧轴)。2.它的所有子元素自动成为容器成员,称为 Flex 项目(flexitem),简称"项目"。任何一个容器都...

2019-10-23 20:10:08 3834 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除