
JavaScript
文章平均质量分 67
Archer_An
这个作者很懒,什么都没留下…
展开
-
JSON数据的格式及使用
为什么众多 Ajax 应用程序工程师更喜欢使用 JavaScript 代码而不是 XML 来对数据编码?答案很明显。JavaScript 代码更容易读取和管理,并且也更容易被浏览器处理。JSON对象的定义格式如下: [ { author: ‘Jack Herrington’, title: ‘Code Generation in Action’ },{ author: ‘Jack Herringt转载 2016-01-21 19:53:42 · 679 阅读 · 0 评论 -
jQuery效果
jQuery效果隐藏/显示语法: (selector).show(speed,callback);(selector).show(speed,callback); (selector).hide(speed,callback); $(selector).toggle(speed,callback);jQuery滑动效果 jQuery 拥有以下滑动方法: jQuery slideDow原创 2016-06-17 16:58:46 · 260 阅读 · 0 评论 -
jQuery属性
jQuery属性context - 在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文(检测上下文)jquery - 返回的字符串包含 jQuery 的版本号jQuery.fx.interval - 用于改变以毫秒计的动画运行速率原创 2016-06-17 17:00:10 · 260 阅读 · 0 评论 -
jQuery遍历
jQuery遍历jQuery向上遍历parent() - 返回被选元素的直接父元素parents() - 返回被选元素的所有祖先元素parentsUntil() - 返回介于两个给定元素之间的所有祖先元素jQuery向下遍历children() - 返回被选元素的所有直接子元素find() - 返回被选元素的后代元素,一路向下直到最后一个后代jQuery同节点遍历siblings()原创 2016-06-17 17:01:11 · 539 阅读 · 0 评论 -
jQuery-HTML
jQuery-HTMLjQuery捕获/设置jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 获得内容 - text()、html() 以及 val() - text() - 设置或返回所选元素的文本内容 - html() - 设置或返回所选元素的内容(包括 HTML 标记)原创 2016-06-17 17:01:42 · 350 阅读 · 0 评论 -
jQuery-Ajax
jQuery-AjaxjQuery-AJAX load()方法load()方法从服务器加载数据,并把返回的数据放入被选元素中 语法: $(selector).load(URL,data,callback); - URL - 必须的参数,规定您希望加载的 URL - data - 可选的参数,规定与请求一同发送的查询字符串键/值对集合原创 2016-06-17 17:02:26 · 341 阅读 · 0 评论 -
AngularJS简介
AngularJS简介前言: AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。 AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。原创 2016-06-17 17:03:15 · 292 阅读 · 0 评论 -
AngularJS模型
AngularJS模型前言: AngularJS 应用组成如下: - View(视图), 即 HTML - Model(模型), 当前视图中可用的数据 - Controller(控制器), 即 JavaScript 函数,可以添加或修改属性Scope概述scope 是模型。是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。原创 2016-06-17 17:03:51 · 390 阅读 · 0 评论 -
AngularJS事件
AngularJS事件AngularJS Select示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head>原创 2016-06-17 17:04:43 · 381 阅读 · 0 评论 -
AngularJS服务
AngularJS服务前言: AngularJS 中你可以创建自己的服务,或使用内建服务。 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS内建了30 多个服务。 $location 服务可以返回当前页面的 URL 地址。原创 2016-06-17 17:05:18 · 382 阅读 · 0 评论 -
Node.js简介
Node.js简介前言: Node.js之所以是一个出色的框架,主要是基于以下几个原因: - JavaScript端到端:Node.js最大的一个优点在于,它可以让你用JavaScript同时编写服务器端和客户端脚本。在决定是把逻辑放入客户端脚本还是服务器端脚本方面一直有困难。利用Node.js,你可以在客户端上编写JavaScript,并轻松地在服务器上适应它,反之亦然。原创 2016-06-17 17:06:01 · 1072 阅读 · 0 评论 -
Node.js事件模型
Node.js事件模型**前言:**Node.js应用程序在一个单线程的事件驱动模型中运行。虽然Node.js在后台实现了一个线程池来工作,但应用程序本身不具备多线程的任何概念。Node.js回调函数Node.js异步编程的直接体现就是回调。异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有 API 都支持回调原创 2016-06-17 17:06:28 · 1623 阅读 · 0 评论 -
jQuery基本语法
jQuery语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).action()$符号定义 jQuery选择符(selector)”查询”和”查找” HTML 元素jQuery 的 action() 执行对元素的操作原创 2016-06-17 16:57:00 · 419 阅读 · 0 评论 -
JSON语法解析
JSON语法JSON三种类型值简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript的特殊值undefined.如JSON表示字符串的方式:Hello World!对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型的值。JSON中的对象与JavaScr原创 2016-06-17 16:55:33 · 471 阅读 · 0 评论 -
浏览器端测试:mocha,chai,phantomjs
目标: 建立一个 lesson7 项目,在其中编写代码,我们在lesson7中新建一个文件夹命名为 vendor 这次我们测试的对象是之前提到的 fibonacci 函数此函数的定义为 int fibonacci(int n)- 当 n === 0 时,返回 0;n === 1时,返回 1;- n > 1 时,返回 fibonacci(n) === fibonacci(n-1) +原创 2016-06-30 18:53:06 · 1760 阅读 · 0 评论 -
JQuery实现一键返回顶部
本文主要实现一键返回顶部的功能,具体返回顶部的图片及样式在js文件中定义。下面是yestop.js中的代码:/*!* YesTop(jQuery GoToTop)* version: 1.1.2* Copyright (c) 2015 HoverTree* http://hovertree.com* http://hovertree.com/texiao/yestop/*/(原创 2016-03-16 08:39:34 · 1936 阅读 · 0 评论 -
动态HTML和W3C文档对象模型
1、Web标准 1994年,Tim创立了万维网联盟(World Wide Web Consortium,W3C),该组织致力于Web技术演变的管理。它主要有三个目标:提供通用的访问技术,让任何人都能使用Web开发相应的软件环境,允许用户利用Web指导Web的发展,考虑由Web引发的法律、社会和经济问题。 HTML4.01是一个相对稳定的HTML标准,其中包含原创 2016-04-01 09:35:26 · 654 阅读 · 0 评论 -
正则表达式测试
正则表达式测试:使用正则表达式的语法正确需要一定的思考和时间,本实例中创建一个简单的正则表达式测试器,以简化编码。具体编码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">原创 2016-03-15 10:34:34 · 924 阅读 · 0 评论 -
JS正则表达式验证账号、手机号、电话和邮箱
/** 验证账号是否符合合法 验证规则:字母、数字、下划线组成,字母开头,4-16位。 */ function checkUser(str) { var re=/^[a-zA-Z]\w{3,15}$/; if(re.test(str)) { alert("正确!"); }else { alert("错误!"原创 2016-03-15 15:07:40 · 7267 阅读 · 3 评论 -
Express.js安装
Express是Node.js最欢迎的Web开发框架,能大大地加快Node.js的网站开发速度。我们可以透过以下指令安裝Express.js: npm install -g express-generator - -原创 2016-06-26 17:18:21 · 291 阅读 · 0 评论 -
一个简单的express应用
知识点:包管理器 npm 。使用 npm 安装包,并自动安装所需依赖。框架 express 。学习新建 express 实例,并定义 routes ,产生输出。包管理器 npmnpm 可以自动管理包的依赖。只需要安装你想要的包, 不必考虑这个包的依赖包。在 PHP 中, 包管理使用的 Composer, python 中,包管理使用 easy_install 或者 pip,ruby 中我们使用原创 2016-06-26 20:46:39 · 417 阅读 · 0 评论 -
学习使用外部模块
目标:建立一个 lesson2 项目,在其中编写代码。 当在浏览器中访问http://localhost:3000/?q=alsotang时,输出alsotang的 md5 值,即 bdd5e57b5c0040f9dc23d430846e68a3。挑战:访问http://localhost:3000/?q=alsotang时,输出alsotang的 sha1(安全哈希算法)值,即 e3c766原创 2016-06-27 08:11:47 · 532 阅读 · 0 评论 -
使用 superagent 与 cheerio 完成简单爬虫
目标: 建立一个 lesson3 项目,在其中编写代码。 当在浏览器中访问 http://localhost:3000/ 时,输出 CNode(https://cnodejs.org/ ) 社区首页的所有帖子标题和链接,以 json的形式。知识点:1. 学习使用 superagent 抓取网页2. 学习使用 cheerio 分析网页Node.js中异步的场景运用的很多,其中爬虫的场景就比较适原创 2016-06-28 11:07:32 · 1282 阅读 · 1 评论 -
eventproxy 控制并发
目标: 建立一个lesson4项目,输出CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题,链接和第一条评论,以 json 的格式。知识点: 1. 体会Node.js的callback hell之美2. 学习使用eventproxy控制并发 在lesson3中我们介绍了如何使用 superagent 和 cheerio 来取主页内容,那只需要发起一次 htt原创 2016-06-29 20:20:36 · 1030 阅读 · 1 评论 -
使用 async 控制并发
目标: 新建一个 lesson5 项目,在其中编写代码。 代码的入口是 app.js,当调用 node app.js 时,它会输出 CNode(https://cnodejs.org/ ) 社区首页的所有主题的标题,链接和第一条评论,以 json 的格式。注意:与之前不同的是,并发连接数需要控制在 5 个。知识点: 1. 学习 async(https://github.com/caolan/a原创 2016-06-29 20:21:51 · 2157 阅读 · 0 评论 -
测试用例:mocha,should,istanbul
目标: 建立一个 lesson6 项目,在其中编写代码。main.js: 其中有个 fibonacci 函数。此函数的定义为 int fibonacci(int n)- 当 n === 0 时,返回 0;n === 1时,返回 1;- n > 1 时,返回 fibonacci(n) === fibonacci(n-1) + fibonacci(n-2),如 fibonacci(10)原创 2016-06-30 18:52:18 · 539 阅读 · 0 评论 -
Node.js EventEmitter
Node.js EventEmitter**前言:**Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。 Node.js里面的许多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件, 一个fs.readStream对象会在文件被打开的时候发出一个事件。 所有这些产生事件的对象都是events.EventEmitter 的实例。EventEmitt原创 2016-06-17 17:06:56 · 443 阅读 · 0 评论