jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库。据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度。本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧。 下载 jQuery 代码,并在页面中载入 首先...
打开一个网页,如果 HTML 没有完全加载完毕,就去操作页面中元素是不安全的,但是监测 HTML 是否加载完毕呢?jQuery 提供了一个 $(document).ready() 方法,任何 ready 中的代码在 HTML 完全加载完成后才会被执行。 $(document).ready(function() {console.log(ready!); });此外,它还有一个简写方式 $(function() {console.log(ready!); });$(document).ready() 中并非只能执行匿名方法,执行一个已命名的方法也是可以的: functi...
JavaScript基本语法 1、运算符运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。 可能很多人不知道"==="什么。 在这里,我为大家解释一下,在javascript中 "==="才是全等 只有"==="两边的内存地址也相等 才会返回真 ...
PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持,其快速,原生支持各种Web标准: DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 , 网络监测 , 网页截屏 ,以及 无界面测试 等。 PhantomJs官网:http://phantomjs.org/ GitHub:https://github.com/ariya/phantomjs/wiki/Quick-Start一、安装 安装包下载地址:http://phantomjs.org/download.html ,包括 ...
在Javascript的开发过程中,经常会遇到一些重复性的任务,比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常,我们需要使用不同的工具,来完成不同的任务,既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具,可以帮助我们自动管理和运行各种任 务。 简单说,Grunt是一个自动任务运行器,会按照预先设定的顺序自动运行一系列的任务。这可以简化工作流程,减轻重复性工作带来的负担。## 安装Gru...
引言 jQuery可以说是web开发领域应用最为广泛的轻量级javascript库,不仅专业的web开发者使用它,很多刚入门的web开发者或者web爱好者也通过使用jQuery轻松地融入到了javascript的开发。 而如果你还希望在这方面做得更好,就应学习和了解最佳实践。最佳实践(Best Practice)是随某一技术领域的发展而逐渐建立起来的关于最新技术和开发方法的信息,在web开发领域也非常有用。 本文内容参考了杰出前端工程师 Addy Osmani 的 jQuery ...
变量是用于存储信息的容器: x=5; length=66.10; 还记得在学校里学过的代数吗?当您回忆在学校学过的代数课程时,想到的很可能是:x=5, y=6, z=x+y 等等。 还记得吗,一个字母可以保存一个值(比如 5),并且可以使用上面的信息计算出 z 的值是 11。 您一定没有忘记,对吧。 这些字母称为变量,变量可用于保存值 (x=5) 或表达式 (z=x+y)。JavaScript 变量正如代数一样,JavaScript 变量用于保存值或表达式。 可以给变量起...
简介 如今最常用的JavaScript库之一是RequireJS。最近我参与的每个项目,都用到了RequireJS,或者是我向它们推荐了增加RequireJS。在这篇文章中,我将描述RequireJS是什么,以及它的一些基础场景。 异步模块定义(AMD) 谈起RequireJS,你无法绕过提及JavaScript模块是什么,以及AMD是什么。 JavaScript模块只是遵循SRP(Single Responsibility Principle单一职责原则)的代码段,它暴露了一个公开的API。在现今JavaScript开发中,你可...
正则表达式的好处到底在哪里呢,下面我们先进行个了解: 我们用js中处理字符串的方法,写出取出字符串中数字的函数: var str=dgh6a567sdo23ujaloo932;function getNumber(obj){var arr=[];for (var i = 0; i < obj.length; i++) {if (obj.charAt(i)>=0&&obj.charAt(i)<=9){arr.push(obj.charAt(i));}}return arr;};console.log(getNumber(str)); //["6", "5", "6", "7", "2", "3", "9", "3", "2"] 上面的方法我们取出了字符串中的...
分享第一篇,关于 NodeJS —— Javascript 的常用知识以及如何从 Javascript 开发者过渡到 NodeJS 开发者(不会介绍具体的框架)。在读本文前,希望你对 javascript 有一些初步的认识。 Javascript 是一门原型模型的解释型语言。解释型将在后面的 NodeJS 里面讨论,原型链是 ES6 之前的 Javascript 的面向对象的实现方式之一,在 ES6 中支持的 class 增加了一种新的实现方式。在 Javascript 里面所有东西都是对象,包括 “类”。接...
JavaScript事件是由访问Web页面的用户引起的一系列操作; 例如:用户点击;当用户执行某些操作的时候,再去执行一系列代码; 一 事件介绍 事件一般是用于浏览器和用户操作进行交互;最早是IE和Netscape Navigator中出现,作为分担服务器端元算负载的一种手段; 而DOM2级规范开始尝试以一种符合逻辑的方式标准化DOM事件; IE9/Firefox/Opera/Safari和Chrome全部已经实现了"DOM2级事件"模块的核心部分; IE8之前浏览器仍然使用其专有事件模型...
本文实例分析了Jquery树插件zTree用法。分享给大家供大家参考。具体分析如下: 关于zTree的介绍就搜吧。 这个例子的最终效果如下:鼠标移动到一级目录时出现全选链接,点击全选链接该目录下的所有子项都被添加到收件人的文本框中,当然点击单个子项则添加一个。至于要添加些什么信息由自己决定。 1. 下载zTee,页面引入jquery.js,根据功能需求添加zTree相应的js和css代码如下:<script type="text/javascript" src="js/jquery-1.4....
一、我们创建项目目录。代码如下: > md hello-world二、进入此目录,定义项目配置文件package.json。 为了准确定义,可以使用命令:代码如下: D:\tmp\node\hello-world> npm info express version npm http GET https://registry.npmjs.org/express npm http 200 https://registry.npmjs.org/express 3.2.1现在知道ExpressJS框架的最新版本为3.2.1,那么配置文件为:代码如下: { "name": "hello-world", "description"...
本文深入浅出的讲述了javascript面向对象快速入门实例。分享给大家供大家参考。具体如下: javascript面向对象入门案例:代码如下:<script language="javascript" type="text/javascript"> function Cat(){//js中对象的定义与函数一样,不同点在于怎么样调用。 } var cat1 = new Cat();//创建类实例 //js中类属性可以动态添加,并不需要写在原型对象内。js对象没有类这个概念,而是称为原型对象 cat1.name = "小狗"; cat1.age = 4;...
JavaScript 库作用及对比 为了简化JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的JavaScript 库有: jQuery 简介 jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库 jQuery 理念: 写得少, 做得多. 优势如下: 轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的...