MHuajian的博客

转载 js中几种实用的跨域方法原理详解

js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以

转载 JS OffsetParent属性深入解析

offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译注：IE和

转载 面试最后一问

“最后一问”该问些什么？一般来说，围绕公司、职位的提问会让面试官觉得你确实是关心这份工作的。虽然常规的公司介绍、职位描述会在面试里完成，但你不妨就此问题深入下去。    以下几个问题，供求职者参考：1. 公司对这个岗位的期望是什么样的？其中，哪些部分是我需要特别努力的？     2. 公司是否有正式或非正式培训？    3. 公司的升迁渠道如何？    4. 公司是否有

转载 CSS hack

CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_width:200px;由于下划线_width只有I

转载 JavaScript作用域和闭包

还记得最开始接触JavaScript时，只是会用document.getElementById("")这种DOM操作来做点简单特效，但仅仅如此已经让我欣喜。后来的知道了原来可以利用ajax技术来实现无刷新获取服务端数据，这让我开始觉得前端还是有好多事可以做的，在之后因为老师的一个项目的关系接触了AngularJS，便开始了AngularJS的学习。AngularJS让我深刻地认识到在前后端分离的时

转载 JSON的运用

一）什么是JSON （1）JSON（JavaScript Object Notation（记号,标记））是一种轻量级的数据交换语言， 以文本字符串为基础，且易于让人阅读 注意：XML就是一个重量级的数据交换语言 （2）JSON采用完全独立于任何程序语言的文本格式，使JSON成为理想的数据交换语言 二）JSON的作用 （1）简化创建自定义对象的方式 注意：JSON就是

转载 js中的call函数

a.call(b);网上说明的版本比较多。有的说，是指针替换。有说，将a对象的方法加在b对象执行。官方说：什么对象替换什么对象。反正看了几个版本，尽管有具体的实例，看了我三次都没看懂它的具体含义。看过还是云里雾里的。后来发现，结合实验去理解非常好。 其实，换成自己能够接受的方式理解为好。a对象的方法应用到b对象上(函数apply的意思正好说明符合这样理解：a对象应用到b对象上去)a

转载 深入分析Javascript事件代理

JavaScript事件是所有网页互动性的根基。在传统的事件处理中，事件处理器将有可能导致内存泄露或者是性能下降,JavaScript事件代理则是一种简单的技巧，通过它你可以把事件处理器添加到一个父级元素上，这样就避免了把事件处理器添加到多个子级元素上。很久很久以来，总感觉事件发生与事件代理到之间没什么鸟区别。最近，又看了一下，感觉区别其实真不大！看怎么理解吧。要搞清楚什么是事件代

原创 offsetLeft与style.left的区别

offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：1. style.left

原创 JSON.parse和eval的区别

JSON.parse()用来将标准json字符串转换成js对象；eval()除了可以将json字符串（非标准的也可以，没有JSON.parse()要求严格）转换成js对象外还能用来动态执行js代码。例如：JSON.parse('{"name":"张三"}')能被成功转换，但是JSON.parse('{name:"张三"}')、JSON.parse('{\'name\':"张三"}')和JSON.p

原创 JSON 正确写法

var json = '{"name":"imooc"}'; // 这个是正确的JSON格式 var json = "{\"name\":\"imooc\"}"; // 这个也是正确的JSON格式 var json = '{name:"imooc"}'; // 这个是错误的JSON格式，因为属性名没有用双引号包裹 var json = "{'name':'imooc'}";

转载 JSON 数据格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。基础结构JSON建构于两种结构：1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object

转载 jquery eval解析JSON中的注意点介绍

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析，并且使用jquery的ea

原创 css命名规范

样式文件命名规范主要 master.css, style.css, main.css布局 layout.css专栏 columns.css文字 font.css打印 print.css▼附加 attach.css；模块 module.css基本共用 base.css布局，版面 layout.css▼主题 themes.css　　专栏

转载 <meta http-equiv="X-UA-Compatible" content="IE=edge" >

1，X-UA-Compatible是神马？文档：https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatibleX-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。为什么要用X-UA-Compatible？

原创 jquery获取对象在数组对象中的索引值

在jquery中有通过索引获取该jquery对象的，单如何通过对象获取该对象所在的索引呢？jquery提供了index(jqueryObj对象)的方法该方法的返回值是索引值，当对象数组中没有该对象时，返回的是-1.语法var index = $(".class").index($("#id"));上面的语法意思是：在所有.class类对象中找到id为"id"的jquery对象的

转载 图片下面出现空白4像素BUG的常用解决方法归纳

在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空白的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。 1、将图片转换为块级对象可去掉下边空白 即，设置img为：

转载 IE8下html5标签脱离文档流的现象及其解决方式

我们都知道，IE6-IE8对于html5的大部分新标签是不认识不支持的。所以在实际中也产生了许多这方面的插件，如html5shiv，不过如果页面内使用html5标签很少的情况下，反而使用插件显得有些累赘，有点大炮打蚊子的感觉。最简单的方式其实是下面的方式：[javascript] view plain copy var tagArr

转载 document.body和document.documentElement比较

document.body和document.documentElement比较：     document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。     IE在怪异模型（quick mode）下document.documentElement无法正确取到clietHeight scr

原创 运算符&&表达式

转载 Javascript的5中基本类型

数字类型和其他语言不一样，JavaScript不区分整数和浮点数。JavaScript中的所有数字都是用浮点数来表示的。 JavaScript中支持常见的算术表达式，如：加（+）减（-）乘（*）除（/）和求余（%），除此之外，JavaScript还支持更加复杂的运算，这些运算被封装在了Math对象的方法中，下面是Math对象常用的方法方法名含义Mat

原创 CSS心得

1.input的属性 autocomplete默认为on其含义是否让浏览器自动记录之前输入的值，很多时候，需要对客户的资料进行保护 可以在input中加入autocomplete="off"来关闭记录 1.{     ime-mode版本：IE5+专有属性　继承性：无     语法：      ime-mode : auto | acti

转载 理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1.  2.  3.  4.  5.  闭包演示