Learning Path
浏览 开发笔记 相关教程与章节。
社区笔记、经验文章、测验题库与零散教程入口。
教程
1237
JavaScript规范 目录 类型 对象 数组 字符串 函数 属性 变量 条件表达式和等号 块 注释 空白 逗号 分号 类型转换 命名约定 存取器 构造器 事件 模块 jQuery ES5 兼容性 HTML、CSS、JavaScript分离 使用jsHint 前端工具 类型 原始值: 相当于传值(JavaScript对象都提供了字面量)，使用字面量创建对象。 string number boolean null undefi..
本文我们为大家介绍如何使用 JavaScript 与 CSS 来创建图片弹窗。 图片素材： HTML 代码： [mycode3 type='html'] × [/mycode3] CSS 代码： [mycode3 type='css'] /* 触发弹窗图片的样式 */ #myImg { bor..
本文我们为大家介绍如何使用 HTML、JavaScript 与 CSS 来创建 Lightbox，类似相册预览功能。 HTML 代码： [mycode3 type='html'] Lightbox × 1 / 4 ..
以下是一个简单的 JavaScript 弹窗代码实例。 HTML 代码： [mycode3 type='html'] 打开弹窗 × 弹窗中的文本... [/mycode3] CSS 代码： [mycode3 type='css'] /* 弹窗 (background) */ .modal { display..
编写前准备 下面是编写该方法需要用到的关键知识点： 1. charAt(index)：可返回指定位置的字符。 2. substr(start, length)：返回从一个指定位置开始的指定长度的字符串。 参数： start: 必选项，所需截取字符串的起始位置；length: 可选项，返回字符串包含的字符个数，当length<=0的时候，表示返回一个空的字符串；当length没有指定的时候，表示截取的字符串从star..
一、先来说说 ||（逻辑或）, 从字面上来说，只有前后都是 false 的时候才返回 false，否则返回 true。 alert(true||false); // true alert(false||true); // true alert(true||true); // true alert(false||false); // false 但是，从深层意义上来说的话，却有另一番天地..
JavaScript 概述 什么是 JavaScript？ JavaScript 是一种基于对象和事件驱动并具有安全性能的脚本语言 。 JavaScript 官方名称是 'ECMAScript' （ECMA是欧洲电脑商制造协会）。 JavaScript 特点： 一种脚本语言 基于对象 动态性的 简单易用性 安全性 跨平台性 改善用户体验 Javascript 脚本语言同其他语言一样，有它自身的基本数据类型，表达式..
ECMAscript 6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 只有异步操作的结果，可以决定当前是哪一种状态，任何..
什么是 QRCode.js？ QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。 基本用法 new QRCode(document.getElementById('qrcode'), 'https://www.runoob.com'); // 设置要生成二维码的链接 或者..
本文介绍如何删除 JavaScript 数组中的元素。 以下实例我们自定义一个删除数组元素的方法： 实例 [mycode4 type='js'] Array.prototype.removeByValue = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] === val) { this.splic..
本文为大家介绍如何实现一个搜索框的提示功能，类似百度搜索。 HTML 代码： [mycode3 type='html'] A Adele Agnes B Billy Bob C Calvin Christina Cindy [/mycode3] 注意： 在实例中我们使用了 href='#'，实际应用中你需要把他替换为自己的 URL。 ..
setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。 语法格式可以是以下两种： setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数) 接下来我们先来看一个简单的例子： 实例 [mycode3 type='js'] setTimeout('alert('对不起, 要你久候&#..
源码部分 对应的图片地址改为自己的图片地址： HTML 代码： [mycode3 type='html'] 1 / 3 文本 1 2 / 3 文本 2 3 / 3 文本 3 ❮ ❯ [/mycode3] CSS 代码设置上一张下一张图片的按钮及文本..
本文为大家介绍如何实现一个表格数据搜索的功能。 HTML 代码： [mycode3 type='html'] 名称 城市 Alfreds Futterkiste Germany Berglunds snabbkop Sweden Island Trading UK Koniglic..
自从HTML5变得流行以来，整个Web平台取得了长足的进步，人们也开始将JavaScript视为一门能够创建复杂应用的语言。许多新的API纷纷浮现，而关于浏览器如何应用这些技术的文章也大量涌现。 作为一门脚本语言，JavaScript最初创建的目的是用于增强web页面的表现能力，而现如今JavaScript几乎已经用在所有你能想到的地方了。随着整个业界的技术能力不断提高，JavaScript如今已经可以在服务端运行，同时也能够被编译为原..
以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 不四舍五入 以下处理结果不会四舍五入。 第一种，先把小数变整数： Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77 第二种，当作字符串，使用..
Javascript 声明变量的时候，虽然用 var 关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。 var num = 1; 是在当前域中声明变量。如果在方法中声明，则为局部变量（local variable），如果是在全局域中声明，则为全局变量。 而 num = 1; 事实上是对属性赋值操作。首先，它会尝试在当前作用域链（如在方法中声明，则当前作用域链..
window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload() 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。 只有一个要执行的函数语法： window.onload = funcRef; 在页面加载完成后 funcRef 方法会被调用。 有多个要执行的函数语法： w..
JDBC API 允许用户访问任何形式的表格数据，尤其是存储在关系数据库中的数据。 执行流程： 连接数据源，如：数据库。 为数据库传递查询和更新指令。 处理数据库响应并返回的结果。 JDBC 架构 分为双层架构和三层架构。 双层 作用：此架构中，Java Applet 或应用直接访问数据源。 条件：要求 Driver 能与访问的数据库交互。 机制：用户命令传给数据库或其他数据源，随之结果被返回。 部署：数据源可以在..
Jmr允许用户自定义Action，在Action中我们可以自定义变量，传递到模板中。 这样的好处是，Action负责得到变量，而模板将Action传递来的变量用来展示，实现了合理的分层。 创建Action Eclipse中，在需要创建文件的位置，点击右键，或者在菜单->文件(file)；然后点击新(New)，选择Jmr Action。如果没找到，在其他（Other）的JMR目录中也有。 注意：项目必须要有Java源文件..
Jet内置对象为每个模板提供的Java对象，开发者可以直接使用它们而不用显式声明。 Jet有2个内置对象： out：在<% %>中输出对象，作用类似于<%=%>。 context：存放模板变量的容器，可以通过它设置或者得到变量。 out对象 输出方法：out.write(Object obj)，相当于调用了toString()方法。 context对象 cont..
Jet指令用来设置整个模板页面相关的属性，如编译指令和导入指令。 编译指令 模板文件第一行都有编译指令，Jet模板会编译成Java类，原理和Jsp编译成Java Class类似。 编译类指定了这个Java Class的包名和类名，开发者不需要关系具体的编译类。 编译指令的语法格式： 包含的属性 package（必填）：编译的包名，新建时默认为translated，可以自定义为XX.XX.XX的包结构。 class（必..
本小节将会简单介绍以下Jet开发中的基础语法。 脚本 脚本程序可以包含任意量的Java语句、变量、方法或表达式，只要它们在脚本语言中是有效的。 和Jsp的<% %>的一样。 脚本的语法格式： 表达式 表达式中包含的脚本语言表达式，先被转化成String，然后插入到表达式出现的地方。 表达式元素中可以包含任何符合Java语言规范的表达式，但是不能使用分号来结束表达式。 和Jsp的&..
Jet是一个类似于JSP语法的模板语言，同PHP、ASP也相似，它是Eclipse建模的一个子项目。 Jet是以Java语言作为脚本语言的，Jet文件后缀名为(*.jet)。在Jmr中Jet的命名规范为(*.扩展名.jet)..