02 2014 档案

HTTP头的Expires与Cache-control区别
摘要：1.概念Cache-control 用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了 Pragma: no-cache）Expires 表示存在时间，允许客户端在这个时间之前不去检查（发请求），等同max-age的效果。但是如果同时存在，则被Cache-Control的max-age覆盖。2格式Cache-control:数据包中的格式：Cache-Control: cache-directivecache-directive可以为以下：request时用到：| "no-cache"| "no-store"| "max-ag 阅读全文
posted @ 2014-02-17 20:40 xiezhenzhong 阅读(2767) 评论(0) 推荐(0)
sea.js学习
摘要：http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html 原文地址前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。Sea 阅读全文
posted @ 2014-02-17 19:14 xiezhenzhong 阅读(176) 评论(0) 推荐(0)
js奥秘学习例子
摘要：http://ejohn.org/apps/learn/ 阅读全文
posted @ 2014-02-14 20:41 xiezhenzhong 阅读(82) 评论(0) 推荐(0)
ie下面图片延迟加载问题
摘要：image还有一个complete属性用来表示图片是否已经加载完成。complete属性只有2种，true表示图片已经加载完成、false表示图片未加载完成。而只要在complete为false的时候绑定onload事件，该事件就一定会执行，而complete为true的时候表示图片已经预加载完成，可以直接为img标签的src赋值了 阅读全文
posted @ 2014-02-14 19:36 xiezhenzhong 阅读(212) 评论(0) 推荐(0)
平面内两条线段的位置关系(相交)判定与交点求解
摘要：概念平面内两条线段位置关系的判定在很多领域都有着广泛的应用，比如游戏、CAD、图形处理等，而两线段交点的求解又是该算法中重要的一环。本文将尽可能用通俗的语言详细的描述一种主流且性能较高的判定算法。外积，又称叉积，是向量代数（解析几何）中的一个概念。两个二维向量v1(x1, y1)和v2(x2, y2)的外积v1×v2=x1y2-y1x2。如果由v1到v2是顺时针转动，外积为负，反之为正，为0表示二者方向相同（平行）。此外，文中涉及行例式和方程组的概念，请参阅线性代数的相关内容。为方便计算，对坐标点的大小比较作如下定义：x坐标较大的点为大，x坐标相等但y坐标较大的为大，x与y都相等的点 阅读全文
posted @ 2014-02-13 17:29 xiezhenzhong 阅读(1389) 评论(0) 推荐(1)
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offse 阅读全文
posted @ 2014-02-11 14:22 xiezhenzhong 阅读(123) 评论(0) 推荐(0)
iframe跨域与session失效问题 转
摘要：何为跨域跨域session/cookie？也就是第三方session/cookie。第一方session/cookie指的是访客当前访问的网站给访客的浏览器设置的seesion /cookie, 会被存储在访客的计算机上。第三方session/cookie指的是当前访问的网站中会加载（嵌入）另外第三方的网站代码，例如促销广告，那么第三方网 站也会在访客的计算机上添加session/cookie，这种就是第三方session/cookie。我的问题在开发讯息在线产品（http://iap.pgia.net）测试各种浏览器的兼容性时，发现IE浏览器（v7\8）都无法登录（总是提示验证码不匹配错误） 阅读全文
posted @ 2014-02-11 11:36 xiezhenzhong 阅读(458) 评论(0) 推荐(0)
介绍两个非常好用的Javascript内存泄漏检测工具
摘要：内存泄漏对开发者来说一般很难检测因为它们是由一些大量代码中的意外的错误引起的，但它在系统内存不足前并不影响程序的功能。这就是为什么会有人在很长时间的测试期中收集应用程序性能指标来测试性能。最简单的检测内存泄漏的方式是用任务管理器检查内存使用情况。在Chrome浏览器的新选项卡中打开应用并查看内存使用量是不是越来越多。还有其他的调试工具提供内存监视器，比如Chrome开发者工具。这是谷歌开者这网站中的堆分析的特性的教程。目前IE的常用内存泄露工具主要有两个：sIEve和IE JavaScript Memory Leak Detector。sIEve 官方网站：http://home.wanado 阅读全文
posted @ 2014-02-11 11:23 xiezhenzhong 阅读(1054) 评论(0) 推荐(0)
图片预加载功能
摘要：首先看看一篇文章写的延迟加载的一个例子http://www.cnblogs.com/ranzige/p/js_pic_preload.html 下面我经常使用一个延迟加载例子： /** * 延迟加载图片 * @param $image * @param src * @param callback */ var loadImage = function ($image, src, callback) { if ($.browser.webkit) { $image.attr('src', ''); }... 阅读全文
posted @ 2014-02-11 10:34 xiezhenzhong 阅读(180) 评论(0) 推荐(0)
图片放大镜效果
摘要：1 2 3 4 5 图片放大镜-柯乐义 6 7 8 9 10 34 35 图片放大镜把光标移动到下面图片上 原文36 37 38 39 40 41 42 /*Enlarge for jQuery v1.1 2013http://keleyi.com/*/(function ($) { // 默认参数 var defaults = { // 鼠标遮罩层样式 shadecolor: "#FFD24D", shadeborder: "#FF8000", shadeopacity: 0.5, cursor: "move", //... 阅读全文
posted @ 2014-02-09 21:52 xiezhenzhong 阅读(150) 评论(0) 推荐(0)
我是怎么发现并解决项目页面渲染效率问题的（IE调试工具探查器的使用）
摘要：背景之前的项目中，有很多的登记页面，一般都有100-200甚至更加多的字段，而且还涉及到字典、日期及其他效果的显示，载入时很慢，而且会有卡死的现象，IE下特别明显IE调试工具探查器的使用当时找了不少资料，不过最后还是把目光聚焦到IE自带的调试工具了目前我电脑里面的是IE10，当时分析时用的是IE9，里面有一页探查器引起了我的注意，经过一轮的折腾，掌握了其分析方法如下：打开要分析的页面，F12进入开发人员工具，并切换到探查器页面在点击开始采样后进行一系列的操作（由于我的问题是载入页面的效率，自然是刷新页面），结束后再次点击该按钮则会有结果，把视图切换成调用树，则最耗时的函数调用就会一目了然找到问 阅读全文
posted @ 2014-02-09 20:46 xiezhenzhong 阅读(113) 评论(0) 推荐(0)
转 面向切面编程
摘要：Aop又叫面向切面编程，用过spring的同学肯定对它非常熟悉，而在js中，AOP是一个被严重忽视的技术点，这篇就通过下面这几个小例子，来说说AOP在js中的妙用.1, 防止window.onload被二次覆盖.2，无侵入的统计代码.3, 分离表单请求和校验.4，给ajax请求动态添加参数.5，职责链模式.6, 组合代替继承.先给出before和after这2个“切面”函数. 顾名思义，就是让一个函数在另一个函数之前或者之后执行，巧妙的是，before或者after都可以和当前的函数公用this和arguments, 这样一来供我们发挥的地方就多着了.处理window.onload被二次覆盖. 阅读全文
posted @ 2014-02-08 18:22 xiezhenzhong 阅读(191) 评论(0) 推荐(0)
跨域方法
摘要：跨域问题跨域的形成：主域、子域、ip和域名、协议不同、端口不同常用解决方案iframe+document.domain：适用于垮子域的情况缺点是如果一个域名下存在安全问题，另一个域名下可能也会有问题，还有就是创建iframe的开销动态引入js脚本：适合所有的跨域场景引入的脚本会立刻执行，存在安全风险要与远端沟通约定变量，增加了开发和维护成本iframe+location.hash：适合各种场景下跨域iframe嵌套引用，开销更大会产生历史记录，url中暴露传递的内容iframe+window.name：使用iframe的window.name从外域传递数据到本地域，适合各种场景下跨域且数据安全 阅读全文
posted @ 2014-02-06 22:12 xiezhenzhong 阅读(198) 评论(0) 推荐(0)