随笔分类 - web开发基础
摘要：一、Dom属性 1.1 设置属性(setAttribute) 设置某个标签的属性，setAttribute(key,value) 设置value属性： 1.2 删除属性，removeAttribute(key) 1.3 获取所有属性(attributes) 1.4 获取某个属性(getAttribu
阅读全文
摘要：一、样式 1.1 className 设置和获取样式的类名 1.2 classList 以列表的形式返回样式类名 以上修改样式的时候，都是以类的形式存在的，但涉及到具体的某个样式的时候，可能不是很方便。 二、修改具体style样式 我们修改p标签具体的字符大小、颜色和背景色
阅读全文
摘要：一、文本内容操作 内容： 1.1 innerText 仅仅获取文本内容 即便更改innerText的内容，将其设置为标签形式，显示也是字符串 1.2 innerHTML 可以获取文本内容，也能获取标签信息 将内容设置为a标签 二、标签值的设置 2.1 input 输入框中原本是没有内容的，我们为其设
阅读全文
摘要：一、前言 面向对象：专注于由哪一个对象来解决这个问题，编程特点是出现了一个类，从类中拿到对象，由这个对象去解决具体问题。 对于调用者来说，面向过程需要调用者自己去实现各种函数。而面向对象，只需要告诉调用者，对象中具体方法的功能，而不需要调用者了解方法中的实现细节。 二、Javascript面向对象
阅读全文
摘要：一、作用域 几乎所有的语言都有作用域的概念，简单的说，作用域就是变量和函数的可访问范围，即作用域控制在变量和函数的可见性和生命周期。 在Javascript中，引擎、编译器和作用域共同协调完成Javascript的执行过程。 引擎: 从头到尾负责Javascript代码的编译和执行 编译器：负责词法
阅读全文
摘要：一、eval()函数 eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象。如果参数是一个表达式，eval() 函数将执行表达式。如果参数是Javascript语句，eval()将执行 Javascript 语句。 js的数据类型为弱类型,可以在定义的时候指定数据
阅读全文
摘要：一、序列化 1.1 序列化 将其他对象转换为字符串，用法：JSON.stringify() 1.2 反序列化 将字符串转换为对象类型，用法：JSON.parse() 二、字符编码 js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数
阅读全文
摘要：一、普通函数 使用function定义函数，通过函数名来调用函数 二、匿名函数 JS中的匿名函数没有函数名，使用时也就不能通过调用函数名来调用函数。但是可以将整个函数当中参数传给某个内部函数（类似），其在内部被直接使用。 三、自执行函数 在JavaScript中，形如： 以上代码就是定义并立即调用一
阅读全文
摘要：一、整体分布 简单的一个页面布局，头部、左侧菜单栏，右侧内容，头部和菜单栏固定位置，内容部分如果很长就会出现滚动条 两种方法能实现，其实两种差别只有一个属性不一样。 1.1 使用position：fixed 1.先定义三个div标签 2.设定头部样式，高48px，背景色蓝色 顶部出现一个蓝色长条 3
阅读全文
摘要：制作一个左侧菜单栏，包含菜单目录和内容 点击菜单栏才会展示内容，否则隐藏内容 二、事例 2.1 菜单栏基本样式 初步效果： 2.2 为菜单添加样式 初步效果： 2.3 隐藏内容 （第一个默认展开） 2.4 点击菜单栏时，出现内容，增加onclick事件 效果：点击其他菜单时，原本的隐藏，点击的展开
阅读全文
摘要：一、目标 制作一个表格，第一行分别为选择、主机名和端口 增加一个按钮，名称为添加 点击添加按钮，出现一个半透明的遮罩层，遮罩层中间有个弹出框 弹出框中有两个输入框，分别为主机名和端口，还有两个按钮，分别为确定和取消 点击取消按钮，遮罩层和弹出框消失 表格下方增加三个按钮，分别为 全选、取消和反选 点
阅读全文
摘要：一、Dom间接选择器 间接查找的属性 html代码 1.parentElement 父节点标签元素 2. children 所以子标签 3. previousElementSibling 前一个兄弟标签元素 二、操作标签 1.calss操作 2.className 修改标签class属性 3.cla
阅读全文
摘要：一、简介 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。 二、Dom直接选择器 2.1 查找标签 2.2 事例 （1）根据
阅读全文
摘要：一、If条件判断 1.1 if条件 1.2 if...else 1.3 if..else if..else 二、条件比较 2.1 == 和 != 只需要值相等就可以了，数据类型可以不一致 2.2 和!== 值和数据类型都要一致 2.3 && 和 || （and 和 or） 三、switch...ca
阅读全文
摘要：一、JS数组 JavaScript中的数组类似于Python的列表 常见功能： 1. length 数组的长度 2. push 尾部追加元素 3.pop 尾部获取一个元素，并且删除 4. unshift(ele) 头部插入元素 5. shift() 头部移除元素 6.splice(start, de
阅读全文
摘要：一、JS的变量 二、数字（Number） JavaScript中不区分整数值和浮点数值，JS中所有数字均用浮点数值表示 转换： parseInt()：将字符串转换成数字，不成功则NaN parseFloat()：将字符串转换为浮点数，不成功则NaN 特殊值： NaN，非数字。可使用 isNaN(nu
阅读全文
摘要：一、简介 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 二、JS的存在形
阅读全文
摘要：一、Background-image 在元素中设置背景图片 （1）默认图片铺满整个元素 实际中的2.png图片是很小，只是其中的一竖条： 所以使用background-image，图片会充满整个元素，重复平铺 （2）background（no-repeate;repeate-x;repeate-y）
阅读全文
摘要：一、Overflow overflow 属性规定当内容溢出元素框时发生的事情。 当插入的一张图片大小超过了元素本身大小，就会将元素撑大 此时显示的是整张图片的大小 1.1 hidden 隐藏超出部分 1.2 scroll 显示滚动条 1.3 auto 自动判断，未超出没有滚动条，超出显示滚动条 二、
阅读全文
摘要：一、fixed 固定位置 类似于网页中返回顶部的功能，是固定在页面右下角的位置，position中fixed功能就可以让一个元素固定在相对于浏览器窗口的某个位置。 1.1 返回顶部 效果： 1.2 固定顶部菜单栏 效果： 二、相对位置 2.1 absolute 在position中fixed固定位置
阅读全文