随笔分类 - Javascript
原生态JavaScript知识。
摘要：项目中有两份代码，一份是Main Site，一份是Mobile Site.Main Site里面主页使用到jQuery Tools Scrollable功能，让多张图片循环显示。但是这个功能移植到Mobile Site中，出现了一些问题。因为本身要实现scrollable功能，必须有特定的html结构和css。然后调用scrollable()方法才能实现这个功能。一个基本scrollable实现代码可以参考jQuery Tools的官方文档。参考地址：http://jquerytools.org/demos/scrollable/.scrollable{ position:relativ...
阅读全文
摘要：项目主要是欧美项目，所以大多数网站都要集成Facebook,Twitter和Email三个功能。随着Google大力推广Google+，而且现在图片分享也很火热。估计越来越多的网站会添加Google+和Pinterest功能。但是从目前开放API来看。Facebook是做的最好一家，文档和示例都很丰富，所以开发者也愿意接入FaceBook，不过可惜国内无法正常访问。网站需要兼容IE7-10,Chrome，Firefox和苹果设备上Safari。功能需求界面如下，点击图1的图标，弹出一个如图2的模式对话框。然后就有一些相关的信息，用户就把title和description分享出去。点击Like
阅读全文
摘要：项目开发中一直使用jQuery Tools中scrollable插件，一直也只是停留在使用上，最多看文档实现如何调用它的prev(spped)和next(speed)等几个方法。因为都是要完成几张图片在首页轮流展示，开发人员和测试人员都没有去关注图片的播放顺序是否正确。今天测试人员开出了一个bug，说页面在第一次载入时，scrollable展示图片的顺序不对。显示的是最后一个，而且显示第二张图片时，实际图片是第二张图片，而不是第一张。因为很多情况下，我们会出现表示当前第几张图片的小icon，如下图：问题来了，scrollable默认不是从第一张图片开始显示，而是：image 4->ima
阅读全文
摘要：1.var a=null==undefined?1:"abc";var b=typeof(a);var c=typeof(b);var d=typeof(null);console.log(a);console.log(b);console.log(c);console.log(d);写出a,b,c,d结果值var a=null==undefined?1:"abc";//1var b=typeof(a);//numbervar c=typeof(b);//stringvar d=typeof(null);//object2.<script type
阅读全文
摘要：在JavaScript学习和工作中，或多或少会接触一些底层的JavaScript知识。比如下面四个基本概念：1.prototype2.this关键字3.原型继承4.JavaScript闭包个人觉得的看得越多，技术好像也越来越复杂。之前看完《Head First JavaScript》，这本书里面讲到...
阅读全文
摘要：今天公司进行了内部的Windows8设计与开发一个很小的培训。培训的内容也就是蜻蜓点水，不过以一个他们team实际开发的项目为蓝本，这样也基本上讲解了Windows8 Apps开发流程，应用的架构。个人属于那种保守型的人，dev lead经常说：作为一个developer，我们应该必须有尝试追新的态度，技术和开发工具都应该使用最新版的。不过我的破神舟笔记本至今还在运行windows xp，所以对于windows8 应用的开发也只是在公司的虚拟机试试手，写了几个demo。前几天博客园里面经过“圣殿祭司”的宣传，大多数对使用HTML5，CSS和JavaScript来开发Windows8 Apps兴
阅读全文
摘要：网站变成网络应用程序。JavaScript 操作HTML DOMJavaScript操作XML DOMAjax(Asynchronous JavaScript and XML)：动态地快速下载并存储数据以及及时响应用户，却不用重新载入网页，提高应用程序或网站的交互性。XML(eXtensible Markup Language):可扩展标记语言，是一种为任何类型的数据设计格式的标记语言。XML+HTML=XHTML(eXtensible Hypertext Markup Language),是一种标记语言，表现方式和HTML类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用标
阅读全文
摘要：第一部分：form表单基础表单验证使用onblur还是onchange.JavaScript中的正则表达式提示：在JavaScript代码中，函数需要传入的参数是一个对象时，在函数主体body中一定需要对这个参数进行判断是否为null。表单验证的作用：把输入的表单数据传入给JavaScript代码进行验证，可以让网络应用程序更加可靠，也能减少服务器的负担，同时减少客户端与服务器的带宽。form表单常见需要验证的字段：Message(字符串)，ZIP code(邮政编码)，日期(date),Phone Number(电话号码)，Email(电子邮件)，smart Phone Number(手机号
阅读全文
摘要：函数能让开发者把JavaScript代码变得更有效率，而且更能重复吃用。函数解决思路：把大问题变成小问题，分割的思路。函数的语法：函数类型1：function Name(){Body}函数以function关键字开始，Name为函数名字，Body是函数的主体即为所有工作发生的区域。带有参数的函数。函数类型2：function Name(Arguments){Body}Arguments可以是一个或多个参数，以逗号分开。函数Body可以访问参数，此时这些参数就像已经完成初始化工作的局部变量。注意：函数的传递的参数很像函数内部的局部变量，但在函数内部改变函数的参数，却不影响函数外的任何事物。具有返
阅读全文
摘要：函数字面量(function literal):处理事件的无名函数(nameless function)。函数字面量有时也称为匿名函数(anonymous function)。可以在onload事件完成所有事件的初始化。函数字面量最好只被调用一次，而且不是被开发者写的程序代码调用。创建一个函数字面量并直接指派给一个元素的事件属性，而不是创建有名称的函数并指派到它的引用。如果在代码中不需要函数引用时，为了编写程序的效率，同时不想中规中矩为函数命名，函数字面量(匿名函数)才显得有必要。匿名函数调用：调用一个函数，必须有方法定位它，找到它。var functionName=function(a,b)
阅读全文
摘要：循环知识第一部分：重复运行的代码就可以使用循环来解决。JavaScript的重复机制为循环(loop)for：适合重复动作已知次数的循环。while：while循环能重复执行动作，直到特定条件语句为true。for循坏由4部分组成。1.初始化（initialization）：初始化只在循环开始时发生2.测试条件(test condition):测试条件检查循环是否要再继续3.动作(action)：循环里的动作就是每一轮循环实际重复执行的代码4.更新(update):循环里的负责更新每一轮循环的循环变量。具体组成：for(Init;Test;Update){Action;}while循环由两个不
阅读全文
摘要：循环知识：自我重复的风险 第一部分： 重复运行的代码就可以使用循环来解决。JavaScript的重复机制为循环(loop) for：适合重复动作已知次数的循环。 while：while循环能重复执行动作，直到特定条件语句为true。 for循坏由4部分组成。 1.初始化（initialization
阅读全文
摘要：JavaScript在客户端和服务器的应用场景。Draft and Typescript, Node.js第一部分：JavaScript中的定时器JavaScript中有2中定时器(timer)。单次定时器：定时器在终止并运行指定程序代码后，定时器就结束了。setTimeout(TimerCode,Timerdelay);间隔定时器：每隔一段时间就执行，直到程序让它停止。函数：clearInterval(timerID)clearInterval(timerID)函数清除setInterval()设置的间隔定时器。TimerID是创建定时器的时，由setInterval()返回的。第二部分：J
阅读全文
摘要：在Web开发日益成熟的过程中，PHP和JavaScript已经成为了Web工程师的必备技能。前者因为LAMP的经典组合，而后者JavaScript在经历过JavaScript滥用的时代之后，也来到了一个崭新的应用的时代。JavaScript几乎成了Web前端开发中必不可少的一项技术。HTML+CSS+JavaScript=真正的交互式应用/网站。JavaScript应用场景：1.提高应用的交互体验，这也是早期JavaScript用的最多的地方。比如鼠标跟随，弹出广告框，提示对话框，点击某个区域改变该区域的背景颜色等。2.客户端验证3.Ajax异步发送请求4.操作HTML DOM，修改页面的cs
阅读全文
摘要：设计要求效果如下：平时看到的radio button效果如下：可以看出设计上图的radio button选中和没有选中的状态都有自定义的图片样式。但是我们使用radio button基本上都是需要在互斥的一组。我们需要保持radio button本身的功能，同时又需要自定义的它的样式。之前项目中大家都是能使用传统的radio button过了就过了，也没有怎么研究。这次项目，我尝试使用了一些方法，可以达到自定义的radio button的样式。4个选项的结构都相同，只是内容有所改变，结构如下所示：<li> <span class="pollspanRadio&quo
阅读全文
摘要：最近复习JavaScript中的基础知识，一方面给新来的实习生介绍一下JavaScript基础知识，一方面也是自己工作一年来自己在JavaScript方面学习的总结。Javascript在Web开发中地位越来越重要，所以也很多人说，JavaScript在Web开发中地位就像C语言在操作系统上的地位。目前稍微复杂的Web应用或者企业拥有，都会使用到JavaScript。addEventListener(eventtarget,eventlistener,event caputring)设计demo的需求是，页面放置一个button。当用户点击button按钮时，对button添加事件，然后在ha
阅读全文
摘要：在JavaScript开发中，除了简单加减乘除运算之外，有时候开发，特别是动画或者游戏开发中，需要使用复杂的数学运算。JavaScript中Math对象提供了一系列属性和方法，能够满足大多数场合的需要。 Math对象常用的属性是Math.PI，这个属性在很多角度计算上需要使用到。 Math对象方法
阅读全文
摘要：JavaScript中的内置对象有以下6个： 1.Number对象 2.Boolean对象 3.Data对象 4.Math对象 5.String对象 6.Array对象 在JavaScript中，数字是一种基本的数据类型，同时JavaScript还支持Number这个对象，该对象是原始数值的包装对象
阅读全文
摘要：在Web开发中，前端掌握JavaScript，后台掌握PHP成为一个趋势。当然后台掌握C#/Java，当然还有Python，Ruby其中的一种，都是可以的。其实现在成熟的企业开发，移动mobile web开发都属于Web开发的大家庭。不过企业开发更多注重业务的逻辑性，同时要保持产品开发的稳定性，同时易于和其他现有的产品集成。所以企业级开发中级开发中使用Java来做的企业特别多。JavaScript作为一门优秀的前端开发语言，当然现在Node.js也将JavaScript开发扩展到服务器上。目前国内和国外都有很人在使用Node.js来开发，当然目前还未出现重量级的产品。JavaScript中的t
阅读全文
摘要：Javascript开发中，数组是用到最多一个内容。同时数组的方法不多，下面介绍在数组排序中用到的2个常用方法。sort()方法和reverve()方法。 sort()方法可以很容易将一个数组进行排序，可以根据字母的ASC码大小和数字大小来排序。 reverse()方法可以理解反序操作。 下面通过数
阅读全文