随笔分类 - Javascript
摘要：公司简介：深圳市彩讯科技有限公司公司网址：http://www.richinfo.cn/index.php公司产品：http://www.richinfo.cn/products.php岗位职责：参与负责中国移动139邮箱WEB标准版、企邮邮箱WEB标准版、邮箱WEBAPP版本的前端页面构建。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户
阅读全文
摘要：深圳彩讯科技 用户体验室 页面重构组 招页面重构师！！！岗位职责：负责中国移动139邮箱WAP版、HTML5版、PAD版、WEB版等网页重构。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的WEB用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户至上"、"细节决定成败" 的思想贯穿于实际行动中；6、熟悉手机网站的重构优先考虑；7、熟悉对象模型与脚本语言Java
阅读全文
摘要：HTML, 从HTML文档的开始到结束排列:<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)<link rel=”apple-touch-icon” href=”icon.png”/> 设置你网页的图标, 尺寸为57X57 px<!– i
阅读全文
摘要：移动web开发之道（Android与Iphone） 1、javascript篇 （1）使用querySelector和querySelectorAll这两个方法获取文档对象中DOM节点的引用 由于这两个方法都是本地方法，因此在执行效率上比较理想//获得一个id为masthead的对象的引用：var masthead = document.querySelector( "#masthead ");//获得id为banner的UL元素下面最后一个LI元素下的A标签的引用：var anchor = document.querySelector( "#banner >
阅读全文
摘要：本文会告诉你目前所出现的18中手机浏览器的细节，更多信息可以参见http://quirksmode.org/mobile/mobilemarket.html手机浏览器被分为全浏览器和简化版浏览器safari浏览器受欢迎度:非常好供应商:apple操作系统:IOS(及苹果手机操作系统)渲染引擎:webkit文档：http://developer.apple.com/safari/library/navigation/index.html#section=Resource%20Types&topic=Reference版本：参照iphone os版本，iphone用户一般都会非常勤劳的去更
阅读全文
摘要：最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。 一、什么是闭包？ “官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 相信很少有人能直接看懂这句话，因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包，因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段代码：function a...
阅读全文
摘要：今天国庆第三天休息，下雨没出门，改了公司一个焦点图切换效果。简单需求：1、文字与大图对应自动切换2、鼠标点文字时，大图对应改变3、鼠标在文字或大图上时，停止自动切换效果，移开时又恢复自动切换4、没了，就这么简单，不搞复杂，实用就好相关代码如下：只有简单结构样式，要好看自个可修改结构样式。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Dom</title><style>html,body,ol,li{margin:0;paddi
阅读全文
摘要：在使用Dom操作HTML和XML时．我们时常会遇到空格问题．或许你还没有遇到过．例如：我们在获取ul下所有li元素的时候．或者是某个元素的下一个元素时．都有可能会碰到这讨厌的空格问题．当然在IE浏览器里这些空格会被自动过滤．而FF则没有那么勤劳．FF浏览器会把这些空格也看作为一个元素．如果你对Dom中的空格元素感到疑惑，请运行下面的代码．至少使用IE和FF两种浏览器测试．你会明白一切！<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Dom</ti
阅读全文
摘要：/*** 将数值四舍五入(保留2位小数)后格式化成金额形式** @param num 数值(Number或者String)* @return 金额格式的字符串,如'1,234,567.45'* @type String*/function formatCurrency(num) { num = num.toString().replace(/\$|\,/g,''); if(isNaN(num)) num = "0"; sign = (num == (num = Math.abs(num))); num = Math.floor(num*100
阅读全文
摘要：ontrolJS 主要为了是解决网页加载中Js文件的性能问题，ControlJS的原理ControlJS本身是异步进行加载的，首先将script的标签type属性值更改为浏览器无法识别的类型，这样浏览器不会认为这是一个脚本。本身异 步加载的ControlJS执行时开始遍历type=”text/cjs”的script标签(包括内嵌脚本)，如果存在”DATA-CJSSRC”属性 将创建IMAGE或者OBJECT对象(依赖浏览器而选择)，去异步预下载脚本文件并缓存文件，直到window.onload时解析并执行 javascript，同时第二次去遍历遗漏的script标签。异步加载ControlJS
阅读全文
摘要：jQuery是一个非常优秀的JavaScript库，与Prototype,YUI,Mootools等众多的Js类库相比，它剑走偏锋，从Web开发实用的角度出发，抛除了其它Lib中一些不实用的东西，为开发者提供了短小精悍的类库。其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发Web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择jQuery来进行Web开发。一些开发人员在使用jQuery时，由于仅仅只知道jQuery文档中的使用方法，不明白jQuery的运行原理，时常会碰到许多的问题。这些问题大部分是使用不当而产生，极少数是jQuery的Bug。如果不明白
阅读全文
摘要：这是一套适用于JavaScript程序的编码规范。它基于Sun的Java程序编码规范。但进行了大幅度的修改, 因为JavaScript不是Java。软件的长期价值直接源于其编码质量。在它的整个生命周期里,一个程序可能会被许多人阅读或修改。如果一个程序可以清晰的展现出它的结构和特征,那就能减少在以后对其进行修改时出错的可能性。编程规范可以帮助程序员们增加程序的健壮性。所有的JavaScript代码都...
阅读全文
摘要：Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy Load 灵感来自...
阅读全文
摘要：今天不用上班！哈哈！言归正传》今看JS时突然想到这个问题：严格来讲有区别。javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。因而除了部...
阅读全文
