Ruby web前端观察

摘要： 原文地址：http://www.cnblogs.com/hongru/archive/2010/12/19/1910476.html接上一篇的依靠像素模拟的球面的曲线图，通过不同的数学曲线，表现了一点点数学之美的皮毛（我甚至不能妄称了解了数学之美，因为自己深深地明白，数学的博大精深恐怕是我这辈子也难以企及的）。因为还是有一些同学比较感兴趣，所以这里稍作一点分解。既然我们不能参悟高深的数学，那就让我们以娱乐的心态去编码，去学习。 上一篇随笔的评论里我看有童鞋在问具体用了什么数学公式。其实基本上核心的就用了一个数学公式，即球坐标相关的东西。具体可以参考百度百科或者维基百科的球坐标相关释义。我自己. 阅读全文

摘要： http://www.cnblogs.com/hongru/archive/2010/11/07/1871264.html“三角边”，我想应该很多人都知道，而且如果运用熟练，很多以前我们认为只能用图片来做的东西可以通过它来实现。因此适当和熟练地使用它可以起到减少页面中图片http链接，增强页面性能的作用。本文要讲一点三角边的实际用途以及利用它来实现的一些特别的效果。希望对有需要的朋友一些帮助。 “三角边”-- 故名思意，即可以模拟三角。先看看下面的例子：没错，别怀疑你的眼睛，上面的html和css里没有任何图片，所有三角效果都是css直接模拟出来的，而且兼容所有浏览器。其实，原理很简单，给一. 阅读全文

摘要： 项目开发完成外发后，没有一个监控系统，我们很难了解到发布出去的代码在用户机器上执行是否正确，所以需要建立前端代码性能相关的监控系统。所以我们需要做以下的一些模块：一、收集脚本执行错误JavaScript1234567891011121314function error(msg,url,line){var REPORT_URL = "xxxx/cgi"; // 收集上报数据的信息var m =[msg, url, line, navigator.userAgent, +new Date];// 收集错误信息，发生错误的脚本文件网络地址，用户代理信息，时间var url = R 阅读全文

摘要： http://nqdeng.github.io/7-days-nodejs/#1.3.2 node学习地址http://codeigniter.org.cn/user_guide/toc.html CI框架学习地址http://linux.chinaitlab.com/special/linuxcom/Index.html linux 指令学习地址http://blog.csdn.net/xiongwjw/article/details/7333112 fiddle 教程http://www.infoq.com/cn/interviews/qzone-front-end 前端 qq空间博... 阅读全文

摘要： http://www.cnblogs.com/Wayou/p/movingstats.html#commentform 阅读全文

摘要： 在一个数组上 直接附加上另一个数组：Array.prototype.push.apply(array1, array2);将对象转换成一个数组：Array.prototype.slice.call(arguments);判断是不是一个数字：function isNumber(n){return !isNaN(parseFloat(n)) && isFinite(n);}给字符串添加去首末空格：String.prototype.trim = function(){returnthis.replace(/^\s+|\s+$/g, "");};判断是不是数组：fu 阅读全文

摘要： 如果要异步执行一个函数，我们最先想到的方法肯定会是setTimeout例如：setTimeout(function( /* 1s后做点什么 */){},1000}那如果说要最快速地异步执行一个函数呢？是否会是：JavaScript1setTimeout(function( /* 尽快做点什么 */){},0}可惜的是，浏览器为了避免setTimeout嵌套可能出现卡死ui线程的情况，为setTimeout设置了最小的执行时间间隔，不同浏览器的最小执行时间间隔都不一样。chrome下测试 setTimeout 0 的实际执行时间间隔大概在12ms左右。那么如果想最快地异步执行一个函数，有没有什么 阅读全文

摘要： 浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 （Enclosing float or Clearing float）？很多人都已经习惯称之为清除浮动，以前我也一直这么叫着，但是确切地来说是不准确的。我们应该用严谨的态度来对待代码，也能更好地帮助我们理解开头的三个问题。1 阅读全文

摘要： 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 阅读全文

摘要： http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html 原文地址前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。Sea 阅读全文