随笔分类 - JavaScript
摘要：Douglas Crockford是 Javascript 权威，Json 格式就是他的发明。 去年 11 月他有一个演讲（Youtube），谈到了好的 Javascript 编程风格是什么。 我非常推荐这个演讲，它不仅有助于学习 Javascript，而且能让你心情舒畅，因为 Crockford 讲得很幽默，时不时让听众会心一笑。 下面，我根据这个演讲和 Crockford 编写的代码规范，总结一下"Javascript 编程风格"。 所谓"编程风格"（programming style），指的是编写代码的样式规则。不同的程序员，往往有不同的编程风格。
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>文本框高度自适应</title> <style type="text/css"> #sha
阅读全文
摘要：function addClass(element,value){ if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += ""; newClassName += value; element.className = newClassName; }}函数解释：如果当前元素没有class，或者说是class值为空为null的时候，那就直接添加一个。否则，如果已经有了class，那么就在原来的class后面追加一
阅读全文
摘要：一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr－－代表一对特性名和特性值。这个节点类型不能包含子节点。Text－－代表XML文档中的在起始标签和结束标签之间，或者CD
阅读全文
摘要：function getNextElement(node){ if (node.nodeType == 1) return node; if (node.nextSibling) return getNextElement(node.nextSibling); return null;}关于浏览器对于换行符等理解成文本节点的问题，这个文章有详细讲解浏览器对换行符理解成文本节点的原因研究<!DOCTYPE html><html><head><meta charset="utf-8" /><title>javascri
阅读全文
摘要：前端团队阿里巴巴 UED-- 我们设计的界面，并没有几十亿的流量，但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED-- 阿里巴巴中国站UED成立于1999年，全称是用户体验设计部（User Experience Design Department），是阿里巴巴集团最资深的部门之一。支付宝前端开发-- 支付宝前端开发车间。淘宝UED-- 淘宝网用户体验团队。淘宝MED-- MED(Marketing Experience Design). 是淘宝营销体验设计部门，为淘宝网的营销产品做体验设计。口碑UED-- UED(User Experience Design) 中文意思就是用户体验
阅读全文
摘要：(function($){ $.fn.val2 = $.fn.val; $.fn.emptyValue = function(arg){ this.each(function(){ var input = $(this); var options = arg; if(typeof options == "string"){ options = {empty: options} } options = jQuery.extend({ ...
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>js返回Top，弹性</title> <style type="text/css"> body { height:3000px; } #goTopBtn { position:fixed; bottom: 35px; padding:5px; cursor: pointer; right:0; _position: absolute; _right: aut
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23
阅读全文
摘要：<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>焦点图 - 左右滚动</title><style type="text/css">* { padding: 0; margin: 0; }li { list-style: none; }img { border: none; }body { background: #ecfaff; }.box { width: 470px; height: 150px; ove
阅读全文
摘要：所有的Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素，自从元老级js库Prototype流行后，都喜欢这么简写它function $(id){ return document.getElementById(id); } 用_$(id)代替document.getElementById(id)prototype 中对document.getElementById的定义:function $(){ var elements = new Array(); for (var i = 0; i < arguments.
阅读全文
摘要：javaScript是一门解释性的语言、它不像java、C#等程序设计语言、由编译器先进行编译再运行、而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率。 1、减缓代码下载时间： Web浏览器下载的是javaScript的源码、其中包含的长变量名、注释、空格和换行等多余字符大大减缓了代码下载的时间。这些字符对于团队编写时十分有效、但在最后工程完成上传到服务器时、应当将它们全部删除。例如：view plainprint?functionshowMeTheMoney(){if(!money){returnfalse;}else{...}}可优化成：vie
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c
阅读全文
摘要：input-one：input-two：input-three：textarea-我是默认值textarea-我是默认值textarea-我是默认值 ====================================================================================== Name: Email: Message: Wri...
阅读全文
摘要：<form name="myform" method="get" action="" target="_parent"><input type="text" name="telephone" id="telephone" value="" size="20" onkeyup="check()" /><input type="submit" valu
阅读全文
浙公网安备 33010602011771号