Ruby web前端观察

摘要： http://ejohn.org/apps/learn/ 阅读全文

摘要： image还有一个complete属性用来表示图片是否已经加载完成。complete属性只有2种，true表示图片已经加载完成、false表示图片未加载完成。而只要在complete为false的时候绑定onload事件，该事件就一定会执行，而complete为true的时候表示图片已经预加载完成，可以直接为img标签的src赋值了 阅读全文

摘要： 代码如下可以直接运行，判断向量相交并求出交点坐标 判断线段相交并求交点 判断相交并求交点 阅读全文

摘要： 概念平面内两条线段位置关系的判定在很多领域都有着广泛的应用，比如游戏、CAD、图形处理等，而两线段交点的求解又是该算法中重要的一环。本文将尽可能用通俗的语言详细的描述一种主流且性能较高的判定算法。外积，又称叉积，是向量代数（解析几何）中的一个概念。两个二维向量v1(x1, y1)和v2(x2, y2)的外积v1×v2=x1y2-y1x2。如果由v1到v2是顺时针转动，外积为负，反之为正，为0表示二者方向相同（平行）。此外，文中涉及行例式和方程组的概念，请参阅线性代数的相关内容。为方便计算，对坐标点的大小比较作如下定义：x坐标较大的点为大，x坐标相等但y坐标较大的为大，x与y都相等的点 阅读全文

摘要： 源码例子下载 ： 画椭圆 画一个椭圆并判断点击是否在椭圆内 阅读全文

摘要： HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offse 阅读全文

摘要： 何为跨域跨域session/cookie？也就是第三方session/cookie。第一方session/cookie指的是访客当前访问的网站给访客的浏览器设置的seesion /cookie, 会被存储在访客的计算机上。第三方session/cookie指的是当前访问的网站中会加载（嵌入）另外第三方的网站代码，例如促销广告，那么第三方网 站也会在访客的计算机上添加session/cookie，这种就是第三方session/cookie。我的问题在开发讯息在线产品（http://iap.pgia.net）测试各种浏览器的兼容性时，发现IE浏览器（v7\8）都无法登录（总是提示验证码不匹配错误） 阅读全文

摘要： 内存泄漏对开发者来说一般很难检测因为它们是由一些大量代码中的意外的错误引起的，但它在系统内存不足前并不影响程序的功能。这就是为什么会有人在很长时间的测试期中收集应用程序性能指标来测试性能。最简单的检测内存泄漏的方式是用任务管理器检查内存使用情况。在Chrome浏览器的新选项卡中打开应用并查看内存使用量是不是越来越多。还有其他的调试工具提供内存监视器，比如Chrome开发者工具。这是谷歌开者这网站中的堆分析的特性的教程。目前IE的常用内存泄露工具主要有两个：sIEve和IE JavaScript Memory Leak Detector。sIEve 官方网站：http://home.wanado 阅读全文

摘要： 首先看看一篇文章写的延迟加载的一个例子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', ''); }... 阅读全文

摘要： 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", //... 阅读全文