2017年11月_张小嫿

原创适配知识点

em和rem的使用避免px单位的使用是个很重要的一点。这里用em和rem来代替px。em：根据父标签的字体大小来设置当前标签的宽高或字体大小。如：<div id=”a”><div id=”b”></div></div>如果给b设置字体大小为0.5em，则b的字体大小将会是a的一半。但是本人并不推荐大量使用em，因为这会让你的计算变得困难。试想，当多层嵌套时都使用em那最里面的字体将是最外层标

2017-11-27 10:00:15 325

原创前端样式水平垂直居中

水平居中水平居中这个问题首先要搞清楚存在两个条件才能够称之为水平居中，即父元素必须是块级盒子容器，父元素宽度必须已经被设定好，下面对子元素的不同情况进行讨论：子元素为行内元素，宽度是由其内容撑开的这种情况下解决方案是给父元素设定text-align:center;html代码：<div class="wrap center"> <span class="span">1111</spa

2017-11-19 22:39:52 440

原创事件模型的解释

原始事件模型在原始事件模型中（也有说DOM0级），事件发生后没有传播的概念，没有事件流。事件发生，马上处理，完事，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。书写方式有两种：HTML代码中指定属性值：<input type=”button” onclick=”func1()” />在js代码中指定属性值：document.getElementsByTagNam

2017-11-19 20:59:57 1731

因为浏览器和服务器的交互是通过HTTP协议执行的，而GET和POST也是HTTP协议中的两种方法。HTTP全称为Hyper Text Transfer Protocol，中文翻译为超文本传输协议，目的是保证浏览器与服务器之间的通信。HTTP的工作方式是客户端与服务器之间的请求-应答协议。HTTP协议中定义了浏览器和服务器进行交互的不同方法，基本方法有4种，分别是GET，POST，PUT，DELETE

2017-11-19 14:38:21 1536

原创 json、jsonp、jsonp跨域

jsonJSON是一种基于文本的数据交换方式，或者叫做数据描述格式json 对象和 json 字符串的区别：json 对象var str2 = { "name": "asan", "sex": "man" };json字符串var str1 = '{ "name": "deyuyi", "sex": "man" }';你可以使用 for-in 来循环对象的属性：var myObj = { "

2017-11-19 13:54:54 396

原创前端 AJAX 梳理

ajax所包含的技术大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。使用CSS和XHTML来表示。使用DOM模型来交互和动态显示。使用XMLHttpRequest来和服务器进行异步通信。使用javascript来绑定和调用。在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经得到了广泛使用的，XMLHttp

2017-11-18 23:37:34 347

原创前端知识点作用域和作用域链

作用域作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，JavaScript中只有全局作用域与局部作用域如何判断是全局还是局部作用域？全局：最外层函数和在最外层函数外面定义的变量拥有全局作用域所有末定义直接赋值的变量自动声明为拥有全局作用域所有window对象的属性拥有全局作用域局部：函数内部用var声明的变量var a=3; //全局变量 f

2017-11-18 22:42:25 552

原创前端知识点闭包

闭包的概念各种专业文献上的“闭包”（closure）定义非常抽象，很难看懂。我的理解是，闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。分析下面的代码：function a() { var i = 0; fu

2017-11-18 17:52:44 283

原创前端优化策略列举（二）

1、使用json作为数据的交换格式 Json在浏览器解析的效率至少高于XML一个数量级，高级浏览器中内置的有生成和解析json的方法，IE6中要用额外的方法（http://json.org）,不要用eval，容易引发性能和安全问题。2、尽可能对images和table设定宽高值对图片和table是设定宽高，是考虑到如果浏览器能立刻知道图片或者tables的宽高，它就能够直接呈现页面而不需要

2017-11-17 19:41:01 1159

原创前端优化策略列举（一）

1.尽量减少http请求个数合并图片（如css sprites，内置图片使用数据）、合并CSS、JS(JsCssZip)，这一点很重要，但是要考虑合并后的文件体积。可见每次请求都会带上一些额外的信息进行传输(这次请求中还没有带cookie)，当请求的资源很小，比如1个不到1k的图标，可能request带的数据比实际图标的数据量还大。所以当请求越多的时候，在网络上传输的数据自然就多，传输速度自然

2017-11-17 19:19:56 2624

原创 position：absolute、float、display：inline-block

绝对定位position：absolute 完全脱离了普通流，无法跟普通流建立交互关系（普通流能影响绝对定位，但绝对定位不影响普通流）。这样来说，在弹性布局的场景中，绝对定位就存在缺陷。但也因为它完全脱离文档流，定位绝对很擅长做层叠布局。另外，绝对定位对于元素位置的控制也是最为灵活的。浮动，本身不是用来做布局的，而是做文字环绕效果。但是CSS2.1好像也就这个属性能够快速地满足一些需求，因此才有了

2017-11-17 18:02:00 712

原创域名收敛与域名发散

DNS（通常 Internet 主机域名的一般结构为：主机名.三级域名.二级域名.顶级域名。） Tables http://www.w3school.com.cn/html/index.asp scheme://host.domain:port/path/filename 值含义 Scheme 定义英特网服务的类型（通常为http） Host 定义域主机（http的主

2017-11-17 16:18:42 501

原创前端样式 meta viewport原理

HTML中：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。当然maximum-scale=1.0, user-scalable=0不是必需的，是否

2017-11-17 15:52:25 3451

原创前端知识点 prototype与_proto_

prototype和 _ proto_ 的关系是什么？_ proto_是每个对象都有的一个属性，而prototype是函数才会有的属性。_ proto_指向的是当前对象的原型对象，而prototype指向的，是以当前函数作为构造函数构造出来的对象的原型对象每个对象的_ proto_属性指向自身构造函数的prototype对于以下的代码：<script type="text/javascrip

2017-11-17 15:24:35 511

Zhang_h_的博客