放飞自我 LET DREAMS FLY

摘要： 网页中JavaScript最基本的功能是监听或响应用户的动作，这非常的有用。用户的动作有些频率非常高，有的十分罕见。有些监听器函数的执行如闪电般完成，而有些繁重的会把浏览器拖死。拿浏览器窗口的resize事件来说，这种事件会在浏览器窗口大小的每一尺度变化都触发一次，如果监听器体量很大，你的浏览器很快... 阅读全文

摘要： 背景在谷歌，我们不断地推测手机网页应用的可能性。像HTML5这样的技术使我们网页版的应用以及运行在手机设备上的原生应用。而这些技术的成就之一就是我们开发了一种新的创建按钮的方法，使按钮的响应时间远远快于一般的HTML按钮。在此之前的按钮或者其他响应事件，我们可能会设计一个点击事件。例如：Sign Up!这种方法的问题是，当你开始点击按钮开启点击事件时，浏览器会停留大约300毫秒的时间。这是因为浏览器在等待，看你是否双击按钮。对于大多数的按钮，我们在开发的时候就知道不会执行双击事件，所以点击后等待的这段时间是在浪费用户的时间。我们在Google Voice手机网页应用上第一次使用这种技术，目的是 阅读全文

摘要： 最近不是特别忙，我就利用html5写了个上传图片（或其他文件）的页面，主要利用是html5的file api，此页面比较简陋，没做样式的优化，包含上传图片预览，多图片上传，上传进度条（利用html5的progress标签做的），上传网速等，像删除选中的照片，重新选择照片，继续选择照片等简单的功能我就 阅读全文

摘要： 写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。　CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(b... 阅读全文

摘要： 常用:JS 获取浏览器窗口大小12345678910111213141516// 获取窗口宽度if(window.innerWidth)winWidth = window.innerWidth;elseif((document.body) && (document.body.clientWidth)... 阅读全文

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

摘要： 转载：http://www.36ria.com/3217关于Aptana2.0的使用，明河之前已经介绍不少了，今天这篇教程将作为Aptana2.0系列教程的完结篇，明河主要介绍一些Aptana2.0一些使用技巧。备注：Aptana3.0测试版已经面世了，但明河安装后无法启动，很遗憾没办法在近期发布试用报告，留待正式版后再另行介绍，Aptana3.0的更新好像集中在RUBY上，特性方面的改变很小，1）可以切换编辑器模板、2）支持git的操作。技巧1：如何设置页面编码？这是不少朋友问明河的问题（默认的Aptana2.0好像是采用GB18030），这里明河以改成UTF-8编码为例。有二种方法：1、点 阅读全文

摘要： 今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split("?")这样一步步的分解出需要的参数。后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下方法一：正则分析法1 function getQueryString(name){2 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");3 var r = window.location.search.su 阅读全文

摘要： 网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小 阅读全文

摘要： 要点：offsetParent，距离自己最近的定位的父元素用while 一层一层的向外获得父元素的坐标，并相加 1 function getPos(obj) 2 { 3 //obj为获得坐标的对象 4 var pos={x:0,y:0}; 5 while(obj.offsetParent) 6 { 7 pos.x+=obj.offsetLeft; 8 pos.y+=obj.offsetTop; 9 10 obj=obj.offsetParent;11 }12 13 retur... 阅读全文