04 2020 档案
摘要：一.OSIOSI：open system Interconnection ,开发式系统互连，一般称为OSI参考模型 1.作用首先明确一点OSI参考模型是由ISO（国际标准化组织）研究发布的，目的就是推荐所有的公司都使用这个规范来控制网络，克服使用众多私有网络模型所带来的困难和低效性,以实现网络的互联
阅读全文
摘要：DOM事件对象 div.onclick = function(event){.......} 小括号中的event就是事件对象 （1）事件对象是系统给我们自动创建的，我们只需要在小括号中声明一下就可以了，并且可以自主命名，如event，evt，e都可以 （2）事件对象是和我们创建的事件相关的一系列数
阅读全文
摘要：DOM事件流 描述的是从页面接收事件的顺序 事件发生时，会在元素之间按一定的顺序进行传播，这个传播过程就是DOM事件流 （1）捕获阶段 ： 事件从最顶层元素 window 一直传递到绑定事件的目标元素 （2）目标阶段 ： 事件到达目标元素，然后执行事件， 如果事件指定不冒泡. 那就会在这里中止. （
阅读全文
摘要：利用节点层级关系获取元素 1.父节点操作 node.parentNode; //获取父节点，获取到的是离元素最近的一个父节点。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="v
阅读全文
摘要：1.设置自定义的属性以及属性值 element.setAttribute("属性名", "属性值"); 自定义属性 规定以 data- 开头作为属性名 2.获取自定义的属性值 element.getAttribute("属性名"); 3.删除自定义的属性名 element.removeAttribu
阅读全文
摘要：1. 获取，修改元素内容 （1）获取元素内容 innerText// 返回指定标签中 的内容，但是不识别HTML标签，去除空格和换行 innerHTML //直接返回整个标签的内容，包括HTML标签，空格，和换行 <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要：1. 根据ID获取元素并且绑定事件 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initia
阅读全文
摘要：1.API API即应用程序编程接口，给我们提供了一个接口，通过它可以完成某些功能，而又无需理解内部工作机制的原理和细节 2.Web API 是浏览器提供的一系列操作浏览器功能和页面元素的API（如DOM,BOM） 3.DOM 页面文档对象模型，通过DOM可以对页面上的各种元素进行操作 名词解释 （
阅读全文
摘要：1.简单数据类型 Number ， string ， Boolean， null， undefined JavaScript的内存分为堆和栈。 简单数据类型存放在栈中，里面直接开辟一个空间，存放的是值。 2.复杂数据类型 通过new 关键字创建的对象，如 object，array，date等。 它在
阅读全文
摘要：JavaScript对象 1 indexOf（） 查找某个字符在字符串中第一次出现的位置，如果没有该字符，则返回-1 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewpo
阅读全文
摘要：JavaScript数组 1.数组的几个特点 （1）数组中可以存放任意类型的数据 （2）可以通过索引号（从0开始）获取或修改数组元素 （3）数组的长度可以通过length属性获取 （4）可以通过for 循环遍历数组 <!DOCTYPE html> <html lang="en"> <head> <m
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t
阅读全文
摘要：Date对象 （日期对象） 1. 基本使用 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, init
阅读全文
摘要：Math 对象 ： JavaScript的一个内置对象 1.Math.PI 圆周率的值 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="wi
阅读全文
摘要：1.JavaScript对象 在JS中，对象是一组无序的属性和方法的集合。 2. 创建对象的三种方式 （1） 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport
阅读全文
摘要：1.js作用域 全局作用域（整个script标签内）， 局部作用域（函数内部） 2.作用域链 内部函数访问外部函数的变量时，采用的是链式查找的方式进行获取的。 这种结构我们称为作用域链。 3..预解析 JS代码在浏览器中是由JS引擎进行解析执行的，分为两步，预解析和代码执行 预解析分为 变量预解析（
阅读全文
摘要：JavaScript函数 1.JavaScript函数 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width
阅读全文
摘要：JavsScript流程控制 通过规定的语句让程序代码按照一定的方式执行 JavaScript的流程控制分为三类 （1）顺序结构 （2）分支结构 （3）循环结构 1.顺序结构 按照书写顺序来执行，是程序中最基本的流程结构 2.分支结构 根据给定的条件有选择的执行相应的语句 （1）if 语法结构 1
阅读全文
摘要：JavaScript变量 1.什么是变量 变量就可以看作是一个装东西的盒子，变量就是存放数据容器，我们可以通过变量名获取数据并且修改数据 变量的本质就是程序在内存中申请了一块用于存放数据的空间 2. JS中的变量 （1）JS中的数据类型 分为 数字型（包括整型和浮点型）， 字符串型， 布尔型， Un
阅读全文
摘要：JAVAScript简介 1.什么是javascript JavaScript是运行在客户端的脚本语言 脚本语言： 即不需要编译，运行时由JS解释器逐行进行解释执行 2.浏览器如何执行JavaScript代码 浏览器有两个非常重要的部分，分别是渲染引擎和JS引擎。渲染引擎主要用于解析HTML和CSS
阅读全文
摘要：1.鼠标样式 cursor : default; //默认箭头 cursor : pointer; //小手图案 cursor： move； //移动图案 cursor： text； //文本图案 cursor：not-allowed； //禁止图案 2.表单 （1）表单有默认的轮廓线，是蓝色的 可
阅读全文
摘要：CSS三角 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：CSS字体图标技术 主要是用来显示网页上常用的一些小图标 字体图标的优点 （1）轻量级 本质上是文字，易加载 （2）本质上是文字，可以随意的修改大小，颜色，产生阴影透明效果 （3）兼容性高，几乎支持所有的浏览器 字体图标的使用 （1）下载字体图标 网址： https://icomoon.io/ （2
阅读全文
摘要：CSS精灵技术产生的原因 当网页中的图片过多时，服务器频繁的接受请求和发送图片，会造成服务器的压力过大，这将大大的降低页面的加载速度 CSS精灵技术 将网页中的小背景图片整合到一张大图上，这样服务器只需要一次请求即可。 这样大大减少了服务器接受和发送请求的次数，提高了页面的加载速度 CSS精灵技术的
阅读全文
摘要：CSS元素的显示和隐藏 1.display display : none; //隐藏元素 ，隐藏元素后，不再占据原先的位置 display: block; //显示隐藏的元素 做一个简单的代码测试，有两个按钮，点击开的按钮，div标签的dispaly属性改为 block，显示出来，点击关的按钮，di
阅读全文
摘要：CSS定位 首先，思考一个问题，如果我们想要某个元素在一个盒子内自由的移动位置，并且压住盒子，应该怎么做？ 使用标准流 ，浮动是很难做到如上操作的，那么就需要定位。 标准流常用于多个块级盒子的纵向排列 浮动可以让多个块级盒子在一行内没有缝隙的排列显示，常用于横向排列 而定位可以让盒子自由的在某个盒子
阅读全文
摘要：浮动 float 网页布局的实质，通过css 来摆放盒子，把盒子放到相应的位置 CSS提供了三种传统网页布局方式 （1） 标准流 就是标签按规定好的方式排列 （2） 浮动 （3）定位 float : none; // 不浮动 （默认值） float : left; // 左浮动 float : ri
阅读全文
摘要：CSS3的一些新属性（ie9 及以上版本的浏览器支持） 圆角边框 ， 盒子阴影 ， 文字阴影 （1）圆角边框 border-radius : length; // length可以是一个数值，如10px,50px, 也可以是一个百分比，数值越大，那么圆角边框的弧度越明显 典型示例1： 做出一个圆形的
阅读全文
摘要：CSS盒子模型 css盒子模型 由 边框 border， 外边距 margin ，内边距 padding ，和实际内容组成 （1）边框 border border： 1px solid black; // 第一个参数1px指的是边框的粗细，第二个参数solid指的是边框的样式：实线 第三个参数指的是
阅读全文
摘要：CSS背景 1.1 背景颜色 background-color 1.2 背景图片 background-image : url(); 那么就出现了一个问题，背景图片的大小 小于 div标签设置的大小 ，那么背景图片就会循环铺满整个div 标签 那么我们还有一个属性专门用来设置背景图片的平铺问题 ba
阅读全文
摘要：HTML中元素的显示模式 HTML中元素的显示模式分为三类，块级元素，行内元素，行内块元素 1.1 块级元素 特点：（1）独占一行 （2）高度，宽度，外边距，内边距都可以自己控制（3）是一个容器，里面可以放行内元素或块级元素 块级元素：<h1> - <h6> , <p>,<div>(最典型的块级元素
阅读全文
摘要：1.CSS字体属性 1.1 字体 font-family 1.2 字号 font-size 1.3 字体粗细 font-weight font-weight : bold; font-weight: 700; // bold 和 700 均表示粗体，但是更建议使用700，方便记忆 font-weig
阅读全文
摘要：css的格式： 选择器 + 一条或多条声明 选择器 ： 基础选择器(单个选择器组成) 复合选择器 1.基础选择器： 类选择器， 标签选择器， id选择器， 通配符选择器 2.复合选择器（由基础选择器组合而成）： 后代选择器，子选择器，并集选择器， 伪类选择器 1.1 标签选择器：标签选择器其实对应的
阅读全文
摘要：1.http原理 1.1 URL和URI URL: 统一资源定位符 URI: 统一资源标识符 URI是URL的父类，URI还有一个子类叫做URN（统一资源名称），URN只命名资源，而不指定如何定位资源，所以URN用的非常少，几乎所有的URI都是URL 1.2 超文本：网页的源代码HTML就可以称之为
阅读全文
浙公网安备 33010602011771号