JavaScript&jQuery - 随笔分类(第6页) - Joanna Qian

几种浏览器内核（百度百科）-转

摘要：几种浏览器内核（百度百科）浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。Trident：IE使用的内核，是微软在Mosaic代码的基础之上修改阅读全文

posted @ 2013-02-10 07:14 Joanna Qian 阅读(679) 评论(0) 推荐(0) 编辑

JavaScript正则表达式

摘要：一、正则表达式作用测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字二、正则表达式创建方法——JavaScript1、RegExp构造函数方法 var re = new RegExp(); //RegExp是一个对象,和Aarray一样//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去 re =new RegExp... 阅读全文

posted @ 2013-02-09 04:24 Joanna Qian 阅读(413) 评论(0) 推荐(0) 编辑

视差滚动(Parallax Scrolling)效果的原理和实现

摘要：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。可以先看看效果：http://www.ok-studios.de/home/一、什么是视差滚动？视差效果，原本是一个天文学术语，当我们观察星空时，离我们远的星星移动速度较慢，离我们近的星星移动速度则较快。当我们坐在车上向车窗外看时，也会有这样的感觉，远处的群山似乎没有在动，而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素在滚动屏幕时发生的位置的变化，然而各个不同的元阅读全文

posted @ 2013-02-08 04:38 Joanna Qian 阅读(37382) 评论(3) 推荐(10) 编辑

Webkit内核的浏览器中用CSS3+jQuery实现iphone滑动解锁效果（译）

摘要：译自：http://css-tricks.com/slide-to-unlock/刚刚看到一篇文章，用css3和jQuery实现了iphone滑动解锁效果，真的很神奇！效果链接源码下载链接一、渐变结构原理HTML结构如下<div id="page-wrap"> <div id="well"> <h2><strong id="slider"></strong> <span>slide to unlock</span></h2> </d 阅读全文

posted @ 2013-02-05 02:04 Joanna Qian 阅读(1050) 评论(0) 推荐(0) 编辑

JavaScript编写计算器-《JavaScript王者归来》读书笔记1

摘要：最近研究月影的《JavaScript王者归来》，会不间断的写一些读书笔记。一、概要需求清单1.支持鼠标点击按钮的操作方式2.提供普通的四则运算功能3.支持乘方开方、倒数、百分比功能4.提供记忆功能5.运算范围、精度达到要求6.运算异常时返回异常状态和异常提示信息7.提供清除并从异常恢复的功能二、系统设计1、系统用例图2、界面原型3、领域模型/功能设计一个用来保存中间计算结果的对象，初始值为0一个用来保存当前操作符的对象，初始值为0一个操作符与运算函数的映射表一个根据当前操作符来返回中间结果和当前数值运算结果的闭包一个保存记忆结果的对象用两个堆栈n和p来保存操作数a，b和操作函数o，需要计算的时阅读全文

posted @ 2012-10-06 10:11 Joanna Qian 阅读(468) 评论(0) 推荐(0) 编辑

jQuery选择器简表

摘要：1、基本选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1,selector2,selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#divId 阅读全文

posted @ 2012-10-06 01:47 Joanna Qian 阅读(278) 评论(0) 推荐(0) 编辑

jQuery简单手风琴效果（Accordion）学习总结

摘要：一、基本手风琴效果——参考jQuery UI官网(补充：这个是jQuery UI效果)<script>$(function() { $("#accordion") .accordion({ header: "> div > h3" }) .sortable({ axis: "y", handle: "h3", stop: function( event, ui ) { // IE doesn't register the blur... 阅读全文

posted @ 2012-10-06 01:39 Joanna Qian 阅读(786) 评论(0) 推荐(0) 编辑

瀑布流布局浅析+常用插件介绍（转&改编）

摘要：http://ued.taobao.com/blog/2011/09/14/waterfall/“瀑布流布局”随着pinterest网的流行而出名，现在国内使用这种风格布局的网站也越来越多，比如说Mark之，蘑菇街，点点网，哇哦等等。如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通阅读全文

posted @ 2012-10-05 09:51 Joanna Qian 阅读(510) 评论(0) 推荐(0) 编辑

JavaScript中的字符串操作(转）

摘要：http://www.cnblogs.com/xuebin/articles/1296837.html最近编一个javascript的翻译程序，发现无法正确比较两个字符串的相等，上网查了查，发现这篇文章，很全啊，就转载一下，并作为我的资料保存啦！谢谢作者。一、概述字符串在JavaScript中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置DOM对象的属性时，在操作cookie时，当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。当前的大部分浏览器也能从强大的正则表达式获益，因为它极大地简化了阅读全文

posted @ 2012-10-02 04:38 Joanna Qian 阅读(236) 评论(0) 推荐(0) 编辑

高效 JavaScript 单元测试（转）

摘要：http://www.ibm.com/developerworks/cn/opensource/os-jstesting/index.html来源: IBM developerWorks发布时间: 2011-12-01 13:26摘要：能在一个浏览器上运行的 JavaScript 并不一定能在其他浏览器上运行。如果没有对代码进行单元测试，那么在决定升级或支持新浏览器的时候，组织就需要花钱测试或重新测试 Web 应用程序。在本文中，了解 JavaScript 单元测试如何帮助您降低测试成本，轻松支持更多浏览器。一个损坏的 JavaScript 代码示例 Web 应用程序面临的一个最大挑战.. 阅读全文

posted @ 2012-10-02 01:57 Joanna Qian 阅读(385) 评论(0) 推荐(0) 编辑

保证JavaScript和Asp、Php等后端程序间传值编码统一（转）

摘要：http://www.jb51.net/article/17801.htm在WEB开发过程中，前后端要求数据编码一致的处理是经常会碰到的！在非英文字符集的页面上，如果使用Ajax方式进行数据交互的话，就必须要注意保证前后端数据的统一编码，否则，很容易就出现乱码！在后端是ASP程序的情况下，保持前端Javascript和Asp之间传值的统一编码可以使用以下函数进行处理：编码：escape(string)解码：unescape(string)这两个函数在JavaScript和Asp里都存在，而且功能完全一样，只要任何一端向另一端传数据，都先用escape进行编码，接收的一端用unescape进行解阅读全文

posted @ 2012-09-22 10:22 Joanna Qian 阅读(308) 评论(0) 推荐(0) 编辑

Javascript在页面加载时的执行顺序(转载）

摘要：原文：http://dancewithnet.com/2007/03/22/order-of-execution-of-javascript-on-web/一、在HTML中嵌入Javasript的方法直接在Javascript代码放在标记对<script>和</script>之间由<script />标记的src属性制定外部的js文件放在事件处理程序中，比如：<p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p>作为URL的主体，这个URL使用阅读全文

posted @ 2012-09-18 09:54 Joanna Qian 阅读(327) 评论(0) 推荐(0) 编辑

JavaScript 事件冒泡简介及应用（转）

摘要：http://www.jb51.net/article/21801.htm一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。打个比方说：你在地方法院要上诉一件案子，如果地方没有处理此类案件的法院，地方相关部门会帮你继续往上级法院上诉，比如从市级到省级，直至到中央法院，最终使你的案件阅读全文

posted @ 2012-09-15 11:10 Joanna Qian 阅读(242) 评论(0) 推荐(0) 编辑

jQuery-可以编辑的表格

摘要：html部分很简单<body> <table> <thead> <tr> <th colspan="2">鼠标点击表格项就可以编辑</th> </tr> </thead> <tbody> <tr> <th>学号</th> <th>姓名</th> </tr> ... 阅读全文

posted @ 2012-09-09 23:35 Joanna Qian 阅读(687) 评论(0) 推荐(0) 编辑

前端开发必备的工具

摘要：1.firefox 正是由于 firefox 的开放性才有了以下层出不穷的免费工具。1.1 firebug firebug 可以查看页面指定部分html，动态改变，调试javascript ，改变css，查看布局，。。。。一把瑞士军刀。 1.2 web developer 可以对网页的标准性，可访问性，等方面做诸多测试，可以方便禁用css，javascript，查看cookie ，等等。 1.3 html validator 可以根据 html dtd 详细检测出你的html不符合标准之处，并给出详细的解决之道，strict 模式必备1.4 httpfox 经常... 阅读全文

posted @ 2012-09-08 05:28 Joanna Qian 阅读(354) 评论(0) 推荐(0) 编辑

JavaScript面试笔试题

摘要：一、不定项选择题（每题3分，共30分）1 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）A. var obj = [name:"zhangsan",show:function(){alert(name);}];B. var obj = {name:"zhangsan",show:”alert(this.name)”};C. var obj = {name:"zhangsan",show:function(){alert(name);}};D. var obj = {name:" 阅读全文

posted @ 2012-09-07 10:58 Joanna Qian 阅读(2925) 评论(0) 推荐(0) 编辑

JavaScript解析JSON及XML

摘要：书写AJAX的时候，经常需要解析从服务器返回的一串字符串，这里简单介绍服务器返回字符的两种格式，及JavaScript对它们的解析方法。一、JSON 即JS对象标记（JavaScript Object Notation），是一种以JS声明对象的方式组合的一串字符串。 JS可以按以下方式定义对象：var obj = { id: 2, name: 'n' }; 这样就定义了对象 obj, 它有两个公共属性id和name，可以用 obj.id 的方式直接访问其属性值。从服务器获取数据时往往不止一个对象，这就需要用到对象数组，JS... 阅读全文

posted @ 2012-09-07 08:57 Joanna Qian 阅读(397) 评论(0) 推荐(0) 编辑

JavaScript之JSON详解

摘要：转载自：http://www.yiiyaa.net/1161 向服务器发出Ajax请求时，可以以两种不同的方式从服务器响应检索数据：一种是使用XMLHttpRequest对象的reponseXML属性访问 XML格式的数据；一种是XMLHttpRequest对象的responseText属性访问字符串格式的数据。当前，XML是进行数据传输的标准语言，但是使用XML的缺点之一是很难对它进行解析并提取要添加到页面的数据。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是J. 阅读全文

posted @ 2012-09-07 08:53 Joanna Qian 阅读(560) 评论(0) 推荐(0) 编辑

Javascript面向对象编程(转)

摘要：一直困惑于JavaScript的面向对象这个问题，“阮一峰的网络日志”给了一个浅显易懂的解释（转载自：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html,http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html,http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_con 阅读全文

posted @ 2012-09-02 03:09 Joanna Qian 阅读(279) 评论(0) 推荐(0) 编辑

Javascript闭包（Closure）初步接触

摘要：转载自：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){alert(n);}f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。f.. 阅读全文

posted @ 2012-09-01 23:33 Joanna Qian 阅读(239) 评论(0) 推荐(0) 编辑

随笔分类 - JavaScript&jQuery