01 2018 档案
摘要：各种类型的线条 世界那么大 ————————— 世界那么大 —————————
阅读全文
摘要：1：通信协议 定义：通信协议是指双方实体完成通信或服务所必须遵循的规则和约定。协议定义了数据单元使用的格式，信息单元应该包含的信息与含义，连接方式，信息发送和接收的时序，从而确保网络中数据顺利地传送到确定的地方。(通信间交流的规则) 在计算机通信中，通信协议用于实现计算机与网络连接之间的标准，网络如
阅读全文
摘要：1：事件驱动 1）事件:所谓事件就是js侦测到的用户的操作或是页面的一些行为(怎么发生的) 2）事件源对象:引发事件的元素。(发生在谁的身上) 3）事件处理程序:对事件处理的程序或是函数 (发生了什么事) 4）事件对象:当事件发生的时候，具体发生了哪些信息，（当按键盘的时候按的哪个键或者鼠标光标在页
阅读全文
摘要：1：DOM（Document Object Model）的概念和作用 document对象是DOM核心对象：对html中的内容，属性，样式进行操作。 节点树中节点之间的关系：父子，兄弟。 2：DOM常用属性 title：返回或设置当前文档的标题。 all：返回所有元素的集合。 forms：返回对文档
阅读全文
摘要：1：BOM（Browser Object Model）概念 window对象是BOM中所有对象的核心。 2：window属性（较少用） self：self代表自己，相当于window。 parent：返回父窗口。 top：返回顶层窗口，和parent作用一样。 opener：窗口开启者。 3：win
阅读全文
摘要：Math对象的介绍 1：Math对象 Math 对象用于执行数学任务。并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。 2：Math属性 PI：返回圆周率（约等于3.14159）。 3：Mat
阅读全文
摘要：1：字符串 JS中的任何数据类型都可以当作对象来看。所以string既是基本数据类型，又是对象。 2：声明字符串 基本数据类型：var sStr = ‘字符串’; 对象的方法：var oStr = new String(‘字符串’); //统计每个字符出现的次数，结果显示 a 2、b 1、c 2、d
阅读全文
摘要：1：ES5简介 ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准的修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。 2：严格模式的意义 相对于正常模式而言
阅读全文
摘要：一、定义：javascript是一种弱类型、动态类型、解释型的脚本语言。 弱类型：类型检查不严格，偏向于容忍隐式类型转换。 强类型：类型检查严格，偏向于不容忍隐式类型转换。 动态类型：运行的时候执行类型检查。 静态类型：编译的时候就知道每个变量的类型。 解释型：程序不需要编译，程序在运行的时候才翻译
阅读全文
摘要：一、 BFC的概念 BFC——block formating context的缩写，中文译为"块级格式化上下文" 二、如何触发BFC 1.设置float除none以外的值(left,right) 2.设置overflow除visible以外的值(hidden,auto,scroll) 3.设置dis
阅读全文
摘要：一、css3背景切割： background-clip:border-box|padding-box|content-box; 作用： 用来设置背景的可见区域 a) border-box 默认值，背景在边框及边框以内的区域可见 b) padding-box 背景在padding及padding以内的
阅读全文
摘要：一、css3圆角： border-radius:数值+单位; 1.设置一个值：border-radius:20px; 四个方向圆角都为20px(水平半径和垂直半径相等) 2.设置两个值 border-radius:50px 5px; 左上，右下为50px,右上，左下为5px 3.设置三个值 bord
阅读全文
摘要：一、css3过渡 语法： transition: 过渡属性 过渡时间 延迟时间 过渡方式; 1.过渡属性(transition-property) 取值：all 所有发生变化的css属性都添加过渡 eg: transition: all 1s; ident 指定要过渡的css属性列表 eg: tra
阅读全文
摘要：一、css3变形： transform:rotate(旋转)|scale(缩放)|skew(倾斜)|translate(位移); 注：当多种变形方式综合在一起时，用空格隔开 1.旋转 a) rotateX(180deg) 沿x轴翻转 等价于 rotate3d(1,0,0,180deg) b) rot
阅读全文
摘要：响 应 式 布 局 一、响应式布局:写一套css样式可以兼容多个终端设备，为移动互联网的开发做出了重要贡献 优点:一套样式可以兼容多个终端设备，灵活性更强 缺点：工作量增加，容易造成代码冗余，影响加载速度 核心原理:主要使用css3的媒体查询实现不同设备的响应 二、媒体查询 1.外联式媒体查询 <l
阅读全文
摘要：一、分栏布局 1.设置栏数column-count:数值; 2.设置每栏的宽度column-width:数值+单位; 注：当设置了column-width，column-count会失效，二者设置其一即可 3.设置栏间距column-gap:数值+单位; 4.设置栏间隔线column-rule:5p
阅读全文
摘要：一、基本选择器 1.* 通配符(通用选择器) 2.id选择器 3.class选择器(类选择器) 4.标签选择器(元素选择符) 5.群组选择器 (选择符1,选择符2{...}) 二、层次选择器（关系选择器） 1.后代选择器语法： E F eg: .box a{color:red;} 匹配.box中所有
阅读全文
摘要：一、html5新增标签 1.结构性标签 header 定义网页的头部 nav 定义网页的导航 footer 定义网页的底部 section 定义网页的某个区域 article 定义网页中的一篇文章 aside 定义网页的侧边栏 hgroup 将网页某个区域的标题进行组合 figure 将网页中的元素
阅读全文
摘要：1. 块级元素可以包含内联元素或某些块级元素，但内联元素却不能包含块级元素，它只能包含其它的内联元素： <div><h1></h1><p></p></div> —— 对 <a href="#"><span></span></a> —— 对 <span><div></div></span> —— 不合
阅读全文
摘要：一、常见浏览器兼容性问题 1.双倍浮动bug描述：块状元素设置了float后，又设置了横向的margin，在IE6下显示的margin值要比设置的值大 解决方案： 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案： 方案一： 给表单元素添加 v
阅读全文
摘要：一、宽度自适应 语法：width:100%; 注： a）块状元素的默认宽度为100% b) 当给元素设置宽度为100%时，继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应 语法：height:auto;（等同于不给元素设置高度） 三、最小高度，最大高度，最小宽度，最大宽度 1.
阅读全文
摘要：一、css布局模型 1.流动模型（Flow） 元素在不设置css样式时的布局模型，是块元素就独占一行，是内联元素就在一行逐个进行显示 2.浮动模型（Float） 使用float属性来进行网页布局，给元素设置float后会脱离正常的文档流 3.层模型（Layer） 使用position属性对元素进行定
阅读全文
摘要：一、元素类型分类 html元素可分为三大类：块元素，内联元素，可变元素 1.块元素 常见块元素：div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,fieldset,h1,h2,h3,h4,h5,h6 块状元素特点： a）块状元素会以块的形式显示为一个矩形区域 b
阅读全文
摘要：一、容器溢出 语法：overflow: visible | hidden | scroll | auto | inherit; visible:默认值，溢出内容不会被裁剪，正常显示 hidden: 溢出内容隐藏不可见 scroll: 当容器溢出时，溢出的内容以滚动条的形式查看（当容器没有溢出时，也会
阅读全文
浙公网安备 33010602011771号