2019年01月_yin_991

原创渲染机制类

1、什么是DOCTYPE及作用？DOCTYPE的作用是用来声明文档的类型和DTD的规范，主要用途是文件的合法性验证。DTD是文档类型定义，是用来定义XML、XHTML、HTML文档的类型，浏览器用它来判断文档的类型，并决定使用何种协议来解析文档以及切换浏览器模式。DOCTYPE不存在浏览器会启用兼容模式（混杂模式）。对于HTML5来说，DOCTYPE的声明只需要写一行简短的代码就能做到...

2019-01-31 22:14:11 171

原创通信相关

1、什么是同源策略及限制同源策略限制指的是限制从一个源加载的文档与另一个源加载的文档进行进行交互，它是一种隔离潜在的恶意文件的安全机制。所谓同源，指的是同协议，同端口，同域名，三者缺一不可，那所谓非同源，指的是三者中有一个不同，就算非同源，也是所谓的跨域。同源策略会有如下限制：cookie、localstorage、indexDB无法读取，dom无法操作、ajax请求无法发送2、前...

2019-01-30 20:16:49 259

原创创建Ajax的流程

var xmlhttp=null;if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest();} else if(window.ActiveXObject){ xmlhttp=new ActiveXObject();}xmlhttp.open('get','file',true);xmlhttp.send()...

2019-01-29 19:58:59 231

原创回顾——原型对象、原型链、构造函数、实例对象之间的关系

说到原型链、原型对象，首先需要讲到构造函数。创建实例可以通过构造函数来创建。但创建实例不止通过构造函数这一种方法，还有字面量创建对象、Object.create()方法。创建实例对象的几种主要的方法：1、字面量var obj={name: "Jakey"};2、构造函数var people=function(){ var name="Tom";}var obj2=...

2019-01-29 14:20:13 744

原创 javascript DOM事件

1、DOM事件的级别DOM 0级事件element.onclick=function(){}DOM 2级事件element.addEventListener('click',function(){},false)DOM 3级事件element.addEventListener('keyup',function(){},false);2、DOM的事件模型事件捕获 ...

2019-01-28 23:23:18 322

原创 javascript——DOM篇

什么是DOM？DOM的全称是=>Document Object Model，翻译过来指的是文档对象模型。DOM是w3c（万维网联盟）的标准，它是“中立于平台和语言的接口，且允许程序和脚本动态地更新文档的内容、结构和样式”。DOM包含：（1）核心DOM：针对任何结构化文档的标准模型（2）XML DOM：针对XML的标准模型（3）HTML DOM：针对HTML的标准模型本...

2019-01-28 20:14:54 181

原创 html&css扫盲篇

XHTML规则1、使用恰当的文档声明和命名空间2、使用meta标签声明内容类型3、属性值使用引号4、为属性赋值5、元素、属性小写6、关闭标签7、空标签使用空格斜杆结束8、注释内容不要使用双下划线9、确保小于号及和号是<、&css选择器id选择器不能以数字开头，因为mozilia/firefox不支持css3选择器分类基本选择器元...

2019-01-28 20:09:34 295

原创边距重叠及解决方法

边距重叠有三种情况边距重叠指的是盒子垂直方向的边距重叠问题1、父子元素之间的边距重叠2、兄弟元素之间的边距重叠3、空元素设置了外边距之后的高度解决方法：创建BFC（块级格式化上下文）BFC的原理（渲染规则）由于BFC这个元素的垂直方向会发生边距重叠，创建了BFC的区域不会与浮动元素的边距重叠，BFC在页面上是一个独立的容器，外面的元素不会影响它里面的元素，里面的元素也不...

2019-01-28 19:58:35 3566

原创 js获取盒子模型的高宽

dom.style.width/height 只能获取到内联样式的属性值，外部样式、内部样式的属性值是获取不到的。dom.currentStyle.width/height 只有ie支持window.getComputedStyle(dom).width/height 通用性好dom.getBoundingClientRect().width/height ...

2019-01-28 18:59:47 2048

原创浮动方法实现三列布局的原理

方法1 浮动<style> .float>div{ height: 100px; } .float .left{ width: 300px; float: left; background: red; } .float .right{ width: 3...

2019-01-28 11:44:57 1477

yin_991的博客