随笔分类 - Web 前端
摘要：对于作用域，可以分为全局作用域和局部作用域 全局作用域 全局作用域中的对象可以在代码中的任何地方访问，一般来说，下面情况的对象会在全局作用域中： 最外层函数和在最外层函数外面定义的变量 没有通过关键字"var"声明的变量 浏览器中，window对象的属性 局部作用域 局部作用域又称函数作用域，所有的
阅读全文
摘要：前言： 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述
阅读全文
摘要：BFC的生成 满足下列css声明之一的元素便会生成BFC 根元素 float的值不为none overflow的值不为visible display的值为inline-block、table-cell、table-caption position的值为absolute或fixed BFC的约束规则
阅读全文
摘要：原文：http://www.cnblogs.com/0603ljx/p/4326674.html 原文：http://www.cnblogs.com/0603ljx/p/4326674.html 在制作一个Web应用或Web站点的过程中，你是如何考虑它的UI、安全性、高性能、SEO、可维护性以及技术
阅读全文
摘要：原文：https://segmentfault.com/a/1190000000415572 定义： 拥有length属性，其他属性（索引）为非负整数（对象中的所有会被当做字符串来处理，这里你可以当做是个非负整数串来理解） 不具有数组所具有的方法 类数组示例： 非类数组示例： 没有length属性，
阅读全文
摘要：我们会从三部分来聊聊webp这个话题。 什么是webp，它有什么用? 使用webp的常规方法以及优劣。 我们是如何用上webp的。 PS：如果是对webp有一定了解的朋友，建议直接看第三部分。因为是讲我们的实践之路，所以第三部分会多讲一些。 一、什么是webp，它有什么用？ webp是谷歌推出的一种
阅读全文
摘要：原文：http://web.jobbole.com/87695/ <!-- BEGIN .entry-header --> <!-- BEGIN .entry-meta --> 1. web始祖HTTP 全称：超文本传输协议(HyperText Transfer Protocol) 伴随着计算机网络
阅读全文
摘要：说说你对闭包的理解？ 使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。 闭包有三个特性: >1.函数嵌套函数 >2.函数内部可以引用外部的参数和变量 >3.参数和变量不会被垃圾回收机制回收 请你谈谈Coo
阅读全文
摘要：看懂此文，不再困惑于 JS 中的事件设计 <!-- END .entry-meta --> <!-- BEGIN .entry --> 原文出处： aitangyong 抽空学习了下javascript和jquery的事件设计，收获颇大，总结此贴，和大家分享。 (一)事件绑定的几种方式 javasc
阅读全文
摘要：原文：http://blog.csdn.net/joyhen/article/details/21631833 1.同源策略如下： URL说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/la
阅读全文
摘要：原文：http://caibaojian.com/ajax-jsonp.html 一、JS原生ajax ajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是 XMLHttpRequest 对象；ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收
阅读全文
摘要：CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介 CORS需要浏览器和服务器同时支持。目
阅读全文
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变
阅读全文
摘要：原文:http://www.mamicode.com/info-detail-1199706.html 1. HTTP2.0的前世 http2.0的前世是http1.0和http1.1这两兄弟。虽然之前仅仅只有两个版本，但这两个版本所包含的协议规范之庞大，足以让任何一个有经验的工程师为之头疼。htt
阅读全文
摘要：原文：http://www.cnblogs.com/mq0036/p/3934867.html JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式 1.方法调用模式：先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行
阅读全文
摘要：当我们在浏览器的地址栏输入 www.linux178.com ，然后回车，回车这一瞬间到看到页面到底发生了什么呢？整个流程如下： 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，
阅读全文
摘要：【前端安全】JavaScript防http劫持与XSS 作为前端，一直以来都知道HTTP劫持与XSS跨站脚本（Cross-site scripting）CSRF>跨站请求伪造（Cross-site request forgery）。但是一直都没有深入研究过，前些日子同事的分享会偶然提及，我也对这一块
阅读全文
摘要：前面的话 display属性在网页布局中非常常见，但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值，本文将详细介绍display属性的各个方面 定义 display属性用于规定元素生成的框类型，影响显示方式 值: none | inline | bloc
阅读全文
摘要：转自http://web.jobbole.com/10011/ 一、浏览器的发展与CSS 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1，这个协议在RFC2616中被完整定义。HTTP/1.
阅读全文
摘要：用css3绘制你需要的几何图形 原文出处：http://www.cnblogs.com/wdlhao/p/5751211.html 1.圆形 示例: 思路：给任何正方形元素设置一个足够大的 border-radius ，就可以把它变成一个圆形.代码如下： html: css: 2、自适应椭圆 思路：
阅读全文