AJAX 实例
AJAX 实例
一个简单的AJAX实例
创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据。
用AJAX加载 XML 文件
创建一个简单的XMLHttpRequest,从一个XML文件中返回数据。
用AJAX进行一次 HEAD 请求
检索资源(文件)的头信息。
用AJAX进行一次指定的 HEAD 请求
检索资源(文件)的指定头信息。
用AJAX从ASP 文件返回数据
当用户在……继续阅读 »
2年前 (2022-06-25) 97浏览 0评论
0个赞
TypeScript 运算符
运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。
考虑以下计算:
7 + 5 = 12
以上实例中 7、5 和 12 是操作数。
运算符 + 用于加值。
运算符 = 用于赋值。
TypeScript 主要包含以下几种运算:
算术运算符
逻辑运算符
关系运算符
按位运算符
赋值运算符
三元/条件运算符
字符串运算符
类型运算符
算术运算符
假定 y=5,下面的表格解……继续阅读 »
2年前 (2022-06-24) 295浏览 0评论
0个赞
jQuery Autocomplete
jQuery Autocomplete 插件根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符,插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符,用户可以过滤列表以获得更好的匹配。
该插件现在是 jQuery UI 的一部分,独立的版本不会再更新了。目前版本是 1.6。
访问 jQuer……继续阅读 »
2年前 (2022-06-24) 225浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 扩展编辑器
一些常见的编辑器(editor)添加到数据网格(datagrid),以便用户编辑数据。
所有的编辑器(editor)都定义在 $.fn.datagrid.defaults.editors 对象中,这个可以继承扩展以便支持新的编辑器(editor)。
本教程将向您展示如何添加一个新的 num……继续阅读 »
2年前 (2022-06-24) 289浏览 0评论
0个赞
ECharts 配置语法
本章节我们将为大家介绍使用 ECharts 生成图表的一些配置。
第一步:创建 HTML 页面
创建一个 HTML 页面,引入 echarts.min.js:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入 ECharts 文件 -->
……继续阅读 »
2年前 (2022-06-23) 323浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 创建基础树形网格
树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系。许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中。为了使用树形网格(TreeGrid),用户必须定义 ‘treeField’……继续阅读 »
2年前 (2022-06-23) 209浏览 0评论
0个赞
TypeScript 条件语句
条件语句用于基于不同的条件来执行不同的动作。
TypeScript 条件语句是通过一条或多条语句的执行结果(True 或 False)来决定执行的代码块。
可以通过下图来简单了解条件语句的执行过程:
条件语句
通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
在 TypeScript 中,我们可使用以下条件语句:
if 语句 ……继续阅读 »
2年前 (2022-06-23) 197浏览 0评论
0个赞
Swift 字符串
Swift 字符串是一系列字符的集合。例如 “Hello, World!” 这样的有序的字符类型的值的集合,它的数据类型为 String。
创建字符串
你可以通过使用字符串字面量或 String 类的实例来创建一个字符串:
import Cocoa
// 使用字符串字面量
var stringA = "Hello, World!"
print( stringA )
……继续阅读 »
2年前 (2022-06-23) 291浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 菜单与按钮 – 创建简单的菜单
菜单(Menu)定义在一些 DIV 标记中,如下所示:
<div id="mm" class="easyui-menu" style="width:120px;">
&nbs……继续阅读 »
2年前 (2022-06-23) 237浏览 0评论
0个赞
jQuery UI 实例 – 排序(Sortable)
使用鼠标调整列表中或者网格中元素的排序。
如需了解更多有关 sortable 交互的细节,请查看 API 文档 可排序小部件(Sortable Widget)。
默认功能
在任意的 DOM 元素上启用 sortable 功能。通过鼠标点击并拖拽元素到列表中的一个新的位置,其它条目会自动调整。默认情况下,sortable 各个条目共享 draggabl……继续阅读 »
2年前 (2022-06-23) 167浏览 0评论
0个赞
Highcharts 环境配置
本章节我们将为大家介绍如何在网页中使用 Highcharts。
本教程将 Highcharts 与 jQuery 结合使用,所以在加载 Highcharts 前必须先加载 jQuery 库。
如果你对 jQuery 不熟悉,可以参阅本站的jQuery 教程。
安装 jQuery
jQuery 安装可以使用以下两种方式:
1、访问 jquery.com 下载jQuery包。
2、使……继续阅读 »
2年前 (2022-06-22) 120浏览 0评论
0个赞
JSON vs XML
JSON 和 XML 都用于接收 web 服务端的数据。
JSON 和 XML在写法上有所不同,如下所示:
JSON 实例
{
"sites": [
{ "name":"服务器技术教程" , "url":"http://www.runoob.com" },
{ "……继续阅读 »
2年前 (2022-06-22) 119浏览 0评论
0个赞
React 教程
React 是一个用于构建用户界面的 JAVASCRIPT 库。
React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React 特点
1.声明式设计 −R……继续阅读 »
2年前 (2022-06-22) 157浏览 0评论
0个赞
jQuery UI 实例 – 菜单(Menu)
带有鼠标和键盘交互的用于导航的可主题化菜单。
如需了解更多有关 menu 部件的细节,请查看 API 文档 菜单部件(Menu Widget)。
默认功能
一个带有默认配置、禁用条目和嵌套菜单的菜单。由一个列表转化成的,添加了主题,并支持鼠标和键盘交互。尝试使用光标键导航菜单。
<!doctype html>
<html lang="en……继续阅读 »
2年前 (2022-06-21) 204浏览 0评论
0个赞
ECharts 数据集(dataset)
ECharts 使用 dataset 管理数据。
dataset 组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于数据指定数据到视觉的映射。
下面是一个最简单的 dataset 的例子:
实例
option = {
legend: {},
tooltip: ……继续阅读 »
2年前 (2022-06-21) 300浏览 0评论
0个赞
jQuery
杂项方法
jQuery 杂项方法
方法
描述
data()
向被选元素附加数据,或者从被选元素获取数据
each()
为每个匹配元素执行函数
get()
获取由选择器指定的 DOM 元素
index()
从匹配元素中搜索给定元素
$.noCo……继续阅读 »
2年前 (2022-06-21) 296浏览 0评论
0个赞
JSON 数组
数组作为 JSON 对象
实例
[ "Google", "Runoob", "Taobao" ]
JSON 数组在中括号中书写。
JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
JavaScript 中,数组值可以是以上的 JSON 数据类型,也可以是 JavaScript 的表……继续阅读 »
2年前 (2022-06-21) 111浏览 0评论
0个赞
jQuery UI 实例 – 切换(Toggle)
使用自定义效果来显示或隐藏匹配的元素。
如需了解更多有关 .toggle() 方法的细节,请查看 API 文档 .toggle()。
.toggle() 演示
点击按钮预览特效。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">……继续阅读 »
2年前 (2022-06-21) 200浏览 0评论
0个赞
AngularJS 过滤器
过滤器可以使用一个管道字符(|)添加到表达式和指令中。
AngularJS 过滤器
AngularJS 过滤器可用于转换数据:
过滤器
描述
currency
格式化数字为货币格式。
filter
从数组项中选择一个子集。
lowercase
格式化字符串为小写。
orderBy
根据某个表达式排列数组。
uppercase
格式化字符串为大写。
表……继续阅读 »
2年前 (2022-06-21) 190浏览 0评论
0个赞
Swift 扩展
扩展就是向一个已有的类、结构体或枚举类型添加新功能。
扩展可以对一个类型添加新的功能,但是不能重写已有的功能。
Swift 中的扩展可以:
添加计算型属性和计算型静态属性
定义实例方法和类型方法
提供新的构造器
定义下标
定义和使用新的嵌套类型
使一个已有类型符合某个协议
语法
扩展声明使用关键字 extension:
extension SomeType {
// 加到SomeTyp……继续阅读 »
2年前 (2022-06-21) 161浏览 0评论
0个赞
Highcharts 3D图
本章节我们将为大家介绍 Highcharts 的3D图。
序号
图表类型
1
3D 柱形图
2
带空值的3D 柱形图
3
堆叠 3D 柱形图
4
3D 饼图
5
3D 圆环图
……继续阅读 »
2年前 (2022-06-21) 160浏览 0评论
0个赞
Vue3 路由
本章节我们将为大家介绍 Vue 路由。
Vue 路由允许我们通过不同的 URL 访问不同的内容。
通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。
Vue.js 路由需要载入 vue-router 库
中文文档地址:vue-router 文档。
安装
1、直接下载 / CDN
https://unpkg.com/vue-route……继续阅读 »
2年前 (2022-06-20) 368浏览 0评论
0个赞
Node.js 常用工具
util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心 JavaScript 的功能 过于精简的不足。
使用方法如下:
const util = require('util');
util.callbackify
util.callbackify(original) 将 async 异步函数(或者一个返回值为 Promise 的函数)转换成遵循异常优先的回调风格的……继续阅读 »
2年前 (2022-06-20) 289浏览 0评论
0个赞
jQuery 尺寸
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。
jQuery 尺寸方法
jQuery 提供多个处理尺寸的重要方法:
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
jQuery 尺寸
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽……继续阅读 »
2年前 (2022-06-20) 165浏览 0评论
0个赞
Angular 2 JavaScript 环境配置
本章节我们为大家介绍如何配置 Angular 2 的执行环境。
本章节使用的是 JavaScript 来创建 Angular 的应用,当然你也可以使用 TypeScript 和 Dart 来创建 Angular 应用 。
本章节使用到的文件目录结构如下所示:
创建配置文件
创建目录
$ mkdir angular-quickstart
$ cd angular……继续阅读 »
2年前 (2022-06-20) 306浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 添加工具栏
本实例演示如何添加工具栏(toolbar)到数据网格(datagrid)。
创建数据网格(DataGrid)
<table id="tt" class="easyui-datagrid" style="width:600px;heig……继续阅读 »
2年前 (2022-06-20) 364浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 应用 – 创建展开行明细编辑表单的 CRUD 应用
当切换数据网格视图(datagrid view)到 ‘detailview’,用户可以展开一行来显示一些行的明细在行下面。这个功能允许您为防止在明细行面板(panel)中的编辑表单(form)提供一些合适的布局(layout)。在本教程中,……继续阅读 »
2年前 (2022-06-20) 318浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形菜单添加节点
本教程向您展示如何附加节点到树形菜单(Tree)。我们将创建一个包含水果和蔬菜节点的食品树,然后添加一些其他水果到已存在的水果节点。
创建食品树
首先,我们创建食品树,代码如下所示:
<div style="width:200p……继续阅读 »
2年前 (2022-06-20) 296浏览 0评论
0个赞
Highcharts 散点图
本章节我们将为大家介绍 Highcharts 的散点图。
我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。
配置
chart 配置
配置 chart 的 type 为 ‘scatter’ 。chart.type 描述了图表类型。默认值为 “line”。
chart.zo……继续阅读 »
2年前 (2022-06-20) 100浏览 0评论
0个赞
Node.js 函数
在 JavaScript中,一个函数可以作为另一个函数的参数。我们可以先定义一个函数,然后传递,也可以在传递参数的地方直接定义函数。
Node.js 中函数的使用与 JavaScript 类似,举例来说,你可以这样做:
function say(word) {
console.log(word);
}
function execute(someFunction, value) {
……继续阅读 »
2年前 (2022-06-20) 166浏览 0评论
0个赞