摘要：
如果说JS能实现跨域cookie，你可能觉得不太可能实现，不过事实上，这个还是可以搞定的，不过需要一定的条件才行的哦！具体方案如下：一共需要3个文件，第一个文件为需要获取cookie的页面，在这个页面内嵌入存在网站B的获取cookie的代码，第二个文件存在网站B，读取cookie，然后将自身URL修... 阅读全文
摘要：
http://css-tricks.com/examples/ShapesOfCSS/ 阅读全文
摘要：
Demo 原理是标准浏览器下用table和table-cell布局，然后用vertical-align:middle居中元素，但IE67不支持table布局，所以用了用了css hake，就是带#开头的属性... 阅读全文
摘要：
在 JavaScript 中，所有整数字变量默认都是有符号整数，这意味着什么呢？有符号整数使用 31 位表示整数的数值，用第 32 位表示整数的符号，0 表示正数，1 表示负数。 数值范围从 -2^31 - 2^31-1 即 -2147483648 到 2147483647。JavaScript 进... 阅读全文
摘要：
内容参见：http://css-infos.net/properties/webkit具体的定义网页里有详细说明。做有一些html5的应用的时候如果不能很好的适应手机，可以到这上面去找找方法-webkit-animation-webkit-animation-delay-webkit-animati... 阅读全文
摘要：
一、call 方法 调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)。 Js代码 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, a... 阅读全文
摘要：
1.根据角度算弧度 R*Math.PI/1802. sin =a/c; //角的对边比斜边3. cos =b/c; //角的邻边比斜边4. tan =a/b; //角的对边比对边的邻边5.已知圓的中心点坐标(c1,c2)求圆环的坐标 x = c1 + Math.sin( 弧度 * Math.PI / 180 ) * R; y = c2 + Math.cos( 弧度 * Math.PI / 180 ) * R;6.自定义画圓函数 /** * 用点画圓 * @param c * @param x :中心坐标x * @param y :中心坐标y ... 阅读全文
摘要：
项目结构 sea-demo sea.html sea.js assert admin.js user.jssea.htmlhello sea user.jsdefine(function(require,exports,module){ var admin = require('admin'); admin.show(); exports.show=function(){ alert(... 阅读全文
摘要：
padding-bottom: 5000px;margin-bottom: -5000px; 阅读全文
摘要：
//获取元素的样式值。function getStyle(elem,name){ if(elem.style[name]){ return elem.style[name]; }else if(elem.currentStyle){ return elem.currentStyle[name]; }else if(document.defaultView&&document.defaultView.getComputedStyle){ name=name.replace(/([A-Z])... 阅读全文
摘要：
.pagenavi .floatBox1{position:relative;left:50%; float:left;}.pagenavi .floatBox2{position:relative;left:-50%; float:left;} 阅读全文
摘要：
1. 最后一个逗号如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此）。IE会报语法错误，但语焉不详，你只能用人眼从几千行代码中扫描。2. this的引用会改变如这段代码：并不如你所愿，答案并不是”JavaScript rules”。在执行MyObject.ClickHandler时，代码中红色这行，this的引用实际上指向的是document.getElementById("theText")的引用。可以这么解决：实质上，这就是JavaScript作用域的问题。如果你看过，你会发现解决方案不止一种。3. 阅读全文
摘要：
转自: http://hi.baidu.com/masaiui/item/971775e8b316238bc10d754b参考: http://hedgehogking.com/?p=556最近在开发手机端WEB2.0网站。转载一个留着备用touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前DOM元素上手指的列表。changedTouches：涉及.. 阅读全文
摘要：
jsonp方式: c.html 阅读全文
摘要：
form表单也有target属性,可以指向到一个iframe。将iframe提交后通过回调函数进行操作。 阅读全文
摘要：
HTTP协议中的5类状态码详细列出： ① 客户方错误 100 继续 101 交换协议② 成功 200 OK 201 已创建 202 接收 203 非认证信息 204 无内容 205 重置内容 206 部分内容 ③ 重定向 300 多路选择 301 永久转移 302 暂时转移 303 参见其它 304 未修改（Not Modified） 305 使用代理④ 客户方错误 400 错误请求（Bad Request） 401 未认证 402 需要付费 403 禁止（Forbidden） ... 阅读全文
摘要：
Linear一下，你就知道 阅读全文
摘要：
transition: 过渡时间 被改变属性 执行函数 延迟时间 transition:width 1s,height 2s 1s;transform: 平移(translate)、缩放(scale)、旋转(rotate)、扭曲(skew) translale:translateX、translateY、translateZ、translate(x,y)、translate3d(x,y,z) scale:scaleX、scaleY、scaleZ、scale(x,y)、scale3d(x,y,z) rotate:rotateX、rotateY、rotateZ、... 阅读全文
摘要：
"_" ------ IE6 "-" ------ IE6 "+" ------ IE7 "!important" ------ IE7 "*" ------ IE6/IE7 "\9" ------ all IE 阅读全文
摘要：
1，父级div定义heightLeftRightdiv2原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单，代码少，容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用评分：★★☆☆☆2，结尾处加空div标签clear:bothLeftRightdiv2原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单，代码少，浏览器支持好，不容易出现怪问题缺点：不少初学者不理解原理；如果页面浮动布局多，就要增加很多空div， 阅读全文
摘要：
function $_id(id){return document.getElementById(id)};//$只定义为通过ID返回元素的功能//-----------------------dom 自定义方法类---------------------------function dom(obj){//实现自定义类的一个实例，obj为元素的ID或元素本身 return new customDom(obj);}function customDom(obj){//实现元素自定义方法的类，obj为元素的ID或元素本身 if(typeof(obj) == "string... 阅读全文
摘要：
/* global */document,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ul,ol,dl,li,dt,dd{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;line-hei 阅读全文
摘要：
1.Cache-control: 用户每一次访问www.google.com，浏览器查看缓存文件夹，发现不存在缓存文件，于是发送http请求。 server端返回http头中包含 cache-control=max-age=60。 5秒钟后，用户刷新该页面，浏览器发现缓存文件夹中有该页面的缓存，也在存活期内，则直接把缓存文件作为响应。 2.Last-Modified 60秒钟后用户继续刷新该页面，此时max-age已经过期，但缓存文件夹中还有此文件，浏览器读取到该文件的Last-Modified，并将Last-Modified的值 作为If-Modified-Since的值发送给s... 阅读全文
摘要：
<!DOCTYPE html><html><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script> var reg_class=new RegExp("^\.+"); console.log(reg_class.test(".abc")); var reg_id=/^#/; console. 阅读全文
摘要：
console.time('a'); //开始计时 console.trace(); //显示方法调用流程 console.dirxml(p); //显示对象的xml console.timeEnd('a'); //结束计时 console.group('flag1'); //分组显示，以免混淆 console.log('1'); console.groupEnd(); console.group('flag2')... 阅读全文
摘要：
<!DOCTYPE html><html><head> <title>关于this对象</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <script> function Person(username){ var _self=this; this.username=username; /** * setTimeout是window的方法，所以setTime内调用thi 阅读全文
摘要：
delete 删除当前对象的属性或方法function Person(){}Person.prototype.eat=function(){ alert('person eat');}var gg=new Person();gg.eat=function(){ alert('gg eat');}delete gg.eat;gg.eat(); //alert person eat总结： delete 只删除当前对象中的值，而不会删除prototype中的值。 如果要删除prototype中的值，使用delete Person.prorotype.eat 阅读全文
摘要：
网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;理由如下： font-size采用px, 不采用em. 理由是em带来的可用性提升很有限，同时基于em很难保证视觉设计的精确性，并且现在主流浏览器都支持“全页面缩放（Full Page Zoom）”功能，是时候不用考虑基于字体大小（em）的设计了。 line-height采用1.5, 也就是18px. 这是淘宝视觉规范中定义的行高，对于12px字体，这个行高看起来很舒服。 font-family默认采用Tahoma. Tahoma是英文Windows操作系统的默认... 阅读全文
摘要：
关于默认元素在不同浏览器中的margin值是多少的问题，今天做了一个探讨 /*2013-4-11*/// body的margin值firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px;Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px;Internet Explorer 7.0 ----------- body的margin为: margin:16px 11px 16px 11px;Internet Ex 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
摘要：
border-bottom:1px solid#e6eaf5;border-top:1px solid#7390bf;overflow:hidden;height:0px; 阅读全文
摘要：
一、文件规范1、文件均归档至约定的目录中（具体要求以豆瓣的CSS规范为例进行讲解）：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/radio/外联CSS文件适用于全站级和产品级通用的大文件。内联CSS文件适用于在一个或几个页面共用的C 阅读全文
摘要：
说到prototype，就不得不先说下new的过程。我们先看看这样一段代码：<scripttype="text/javascript">varPerson =function() { };varp =newPerson();</script>很简单的一段代码，我们来看看这个new究竟做了什么？我们可以把new的过程拆分成以下三步：<1> var p={}; 也就是说，初始化一个对象p。<2> p.__proto__=Person.prototype;<3> Person.call(p);也就是说构造p，也可以称之为 阅读全文
摘要：
如何通过js动态的生成如下json数据呢？var list={ 'xxxx-xxxx-0001':{ 'a':a, 'b':b } , 'xxxx-xxxx-0002':{ 'a':a, 'b':b }}解决办法：var list={};list['xxxx-xxxx-0001']={'a':a,'b':b};//不能通过 list.xxxx-xxxx-0001={'a':a,'b':b};list['xxxx- 阅读全文
摘要：
本文是我学习MySQL官方教程Managing Hierarchical Data in MySQL的笔记多层数据结构估计所有的web开发者估计都不会陌生，各种软件的分类都是基于多层结构来设计的。下面是一个典型的多层数据结构示意图：相关创建数据语句：CREATE TABLE category(category_id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(20) NOT NULL,parent INT DEFAULT NULL);INSERT INTO categoryVALUES(1,'ELECTRONICS',NULL),(2 阅读全文
摘要：
给元素设定 left: 0; right: 0 ,元素就会实现自适应 阅读全文
摘要：
chrome版本：24.0.1312.5在一个上左右的框架页中，上为logo，左侧为菜单，右侧为内容展示页。如果在内容展示页中创建一个js脚本，并定义一个“ var name=''; ”，chrome会认为更改了 window.name 。后续会出现左侧展示的功能菜单点开的所有功能 都是在一个新页面中打开的。解决办法： name是关键字，更换为其它变量。 阅读全文
摘要：
public class DeviceAction extends AbstractAction implements ModelDriven<Device> { private static Log log = LogFactory.getLog(DeviceAction.class); private Device device=new Device(); //只能json化 模型驱动的bean private String result; //无法返回reslut的json值 public String getResult(){ re... 阅读全文
摘要：
1. 使用对象冒充实现继承function Person(username){ this.username=username; this.sayHello=function(){ alert(this.username); }}function Child(username,password){ this.superUserName=Person; this.superUserName(username); delete this.superUserName; this.sayWord=function(){ ale... 阅读全文
摘要：
w3c事件流: 从根文档(html)开始遍历所有子节点，如果目标事件的父节点设置为捕获时触发，则执行该事件，直到目标被执行，然后再事件冒泡(设置为捕获时触发的事件不再被执行)。ie事件流: 从目标事件被执行，然后再冒泡父节点的事件，直到根文档。捕获时触发事件:<!DOCTYPE html><html> <head> <title>test event</title> </head> <body> <input id=btn1 type=button value=点击 /> <script> 阅读全文