2016年05月_theanarkh

原创浏览器的各自位置和偏移

offsetLeft相对最近的定位父元素的内容边框左上角的左偏移，如果没有定位的父元素，则为body。 offsetTop相对最近的定位父元素的内容边框左上角的左偏移，如果没有定位的父元素，则为body。 offsetParent定位的父元素offsetLeft，offsetTop的参照物。 clientLeft元素的左边框宽度 clientTop元素的上边框宽度 clientWid

2016-05-31 20:45:16 1071

原创 localStorage和sessionStorage

localStorage存储的变量可以在同域名的页面里互相访问，在不同域名的网页里是无法访问的，sessionStorage存储的是会话变量，浏览器关闭之后就会销毁变量。用http://localhost/1.html和http://www.cyb.com/1.html两个url访问，可以看到a变量在两个页面里是独立的，这时我再写一个http://www.cyb.com/2.html,代码和1

2016-05-31 18:25:30 627

原创 css中自适应的问题

自适应是前端开发中很多时候都需要用到的知识，比如定义一个div长和宽是页面的一半大小，我们可以这样。 html,body{ height: 100% } xxxxxxxxxxxxxxxx 这个方法在各大浏览器中都能得到想到的效果，甚至在IE5，所以这

2016-05-28 15:01:12 763

原创关于Dom元素的属性(property)和特性(attribute)

关于这两个的问题一直是前端程序员的困惑，前几天看了一下网上的资料，前天恰好看了jquery作者的讲解，我的理解是属性是类似于js对象里的属性，可以随便写一个，特性是html里固有的变量，比如id和class等。下面说一下测试发现的结果。假设element变量代表一个dom元素。通过setAttribute("xxx",1)和element.xxx=1的形式设置值的时候， 1.如果xxx是

2016-05-28 05:52:51 1482

原创解析JavaScript对象间的关系

JavaScript里万物皆对象，但是对象之间的关系异常复杂和混乱，所以决定花时间把他们之间的核心关系搞清楚，并制作成图，分享出来，了解了这个图，再也不用买步步高点读机了，以下程序在ie11，chrome49，firfox46，opera37下都是true，ie10之前的ie版本访问__proto__会出错。啥也不说了，尽在图和代码中。 -->

2016-05-28 04:01:59 757 1

原创处理textarea的空格和换行

刚发了一篇博客，然后发现csdn在发布用户的文章时好像没有处理输入的换行和空格，之前没有很在意，因为这次我辛苦缩进的代码居然显示一团糟，有点接受不了，鉴于最近做的需求遇到了这个问题，所以说一下这个问题，鉴于开发是在windows下的，linux和苹果有空再测试一下，因为不同的操作系统对换行的表示不一样。其实这个处理那挺简单的，用一句代码就可以解决了，“your string”.replace(

2016-05-28 01:39:59 17129

原创简单的命令行模式

命令模式主要对操作和具体的实现进行解耦。我们只需告诉系统我们需要什么操作，而不关心具体是怎么怎么实现了这个操作。这样当我们需要修改对外的接口时也不会影响用户的功能。 --> var sqlOperation={ id:0,//数据唯一索引 db:{},//数据存储对象 argumentsConfig:{select:1,add:1,delete:1

2016-05-28 01:14:59 726

原创自制模态框和关于z-index的知识

click hello 確定取消 world！確定取消 $(function() { $("#one").click(function(){ $("#dialog").show() }) $("#ok").click(function(){ $("#two").show()

2016-05-22 15:03:52 2840

原创全局eval的实现

我们在函数里调用eval的时候，所创建变量的作用域是在当前的作用域下的，比如下面的代码: (function(){ eval("var a=1") })() console.log(a) 上面的代码所创建的变量是属于函数作用域的，在函数外面我们使用不了，所以下面说一下几种实现全局eval的方法 1，使用execScript，这个函数在低版

2016-05-22 03:52:17 1265

原创在多叉树中查找某个节点及其拓展思考

var tree= [ { id:1, children: [ { id:2, children: [ {id:4 } ] }, { id:3, children: [ { id:10 } ] } ] }, { id:11, children: [ { id:112, children: [ { id:114 } ] },

2016-05-18 02:02:37 4343

原创 iframe跨域应用

http://www.cyb.com/iframe.html document.domain="cyb.com" document.getElementById('w').onload=function(){ document.getElementById('w').contentWindow.fn() } /*setTi

2016-05-05 00:01:11 562

标子的专栏