pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形菜单拖放控制
当在一个应用中使用树（Tree）插件，拖拽（drag）和放置（drop）功能要求允许用户改变节点位置。启用拖拽（drag）和放置（drop）操作，所有您需要做的就是把树（Tree）插件的 ‘dnd’ 属性设置为 true。
创建树形菜单（Tree）
&nbs……继续阅读 »
2年前 (2022-06-18) 409浏览 0评论
0个赞
jQuery 属性
jQuery 属性
方法
描述
context
在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文
jquery
包含 jQuery 的版本号
jQuery.fx.interval
改变以毫秒计的动画运行速率
jQuery.fx.off
对所有动画进行全局禁用或启用
jQuery.support
包含表示不同浏览器特性或漏洞的属性集（主要用于 jQu……继续阅读 »
2年前 (2022-06-18) 216浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 过滤下拉数据网格
下拉数据网格（Combogrid）组件和下拉框（Combobox）组件的共同点是，除了都具有下拉面板以外，它们都是基于数据网格（Datagrid）的。
下拉数据网格（Combogrid）组件可以过滤、分页，并具有其他一些数据网格（Datagrid）的功能。
本教程向您展示如何在一个下拉数……继续阅读 »
2年前 (2022-06-17) 388浏览 0评论
0个赞
AJAX 实例
为了帮助您理解 AJAX 的工作原理，我们创建了一个小型的 AJAX 应用程序:
实例
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else……继续阅读 »
2年前 (2022-06-17) 169浏览 0评论
0个赞
JSON.parse()
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
语法
JSON.parse(text[, reviver])
参数说明：
text:必需， 一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
JSON 解析实例
例……继续阅读 »
2年前 (2022-06-17) 223浏览 0评论
0个赞
Vue3 起步
刚开始学习 Vue，我们不推荐使用 vue-cli 命令行工具来创建项目，更简单的方式是直接在页面引入 vue.global.js 文件来测试学习。
Vue3 中的应用是通过使用 createApp 函数来创建的，语法格式如下：
const app = Vue.createApp({ /* 选项 */ })
传递给 createApp 的选项用于配置根组件。在使用 mount() 挂载应用时，该组件被……继续阅读 »
2年前 (2022-06-17) 182浏览 0评论
0个赞
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击”确定”按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。
该插件目前版本是 1.0.0。
访问 jQuery Growl 官网，下载 jQuery Growl 插件。
效果如下：
使用方式
下载好插件后……继续阅读 »
2年前 (2022-06-17) 271浏览 0评论
0个赞
Angular 2 表单
本章节我们将为大家介绍如何使用组件和模板构建一个 Angular 表单。
利用 Angular 模板，我们可以创建各种类型表单，例如：登录表单，联系人表单，商品详情表单等，而且我们也为这些表单的字段添加数据校验。
接下来我们一步步来实现表单的功能。
创建项目
导入初始化项目。
完整的项目创建可以参考：Angular 2 TypeScript 环境配置
或者直接下载源代码：点我下载
解压后，……继续阅读 »
2年前 (2022-06-17) 223浏览 0评论
0个赞
jQuery UI 实例 – 日期选择器（Datepicker）
从弹出框或内联日历选择一个日期。
如需了解更多有关 datepicker 部件的细节，请查看 API 文档 日期选择器部件（Datepicker Widget）。
默认功能
日期选择器（Datepicker）绑定到一个标准的表单 input 字段上。把焦点移到 input 上（点击或者使用 tab 键），在一个小的覆盖层上打开一个交互日历。……继续阅读 »
2年前 (2022-06-17) 272浏览 0评论
0个赞
jQuery UI 实例 – 标签页（Tabs）
一种多面板的单内容区，每个面板与列表中的标题相关。
如需了解更多有关 tabs 部件的细节，请查看 API 文档 标签页部件（Tabs Widget）。
默认功能
点击标签页，切换被划分为不同逻辑部分的内容。
<!doctype html>
<html lang="en">
<head>
<meta char……继续阅读 »
2年前 (2022-06-17) 282浏览 0评论
0个赞
Vue3 监听属性
本章节，我们将为大家介绍 Vue3 监听属性 watch，我们可以通过 watch 来响应数据的变化。
以下实例通过使用 watch 实现计数器：
实例
<div id = "app">
<p style = "font-size:25px;">计数器: {{ counter }}</p>
<but……继续阅读 »
2年前 (2022-06-17) 270浏览 0评论
0个赞
ECharts 异步加载数据
ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。
ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。
json 数据：
echarts_……继续阅读 »
2年前 (2022-06-17) 286浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 扩展行显示细节
数据网格（datagrid）可以改变它的视图（view）来显示不同的效果。使用详细视图，数据网格（datagrid）可以在数据行的左边显示展开按钮（”+” 或者 “-“）。用户可以展开行来显示附加的详细信息。
步骤 1：创建数据网格（……继续阅读 »
2年前 (2022-06-16) 194浏览 0评论
0个赞
$(document).ready(function(){
$(“#btnEx”).click(function(){
$(“#test”).toggleClass(“important”);
});
});
.important
{
font-size:x-large;
font-weight:bold;
color:#c3c3……继续阅读 »
2年前 (2022-06-16) 330浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建列组合
easyui 的数据网格（DataGrid）可以创建列组合，如下所示：
在本实例中，我们使用平面数据来填充数据网格（DataGrid）的数据，并把 listprice、unitcost、addr1、status 列组合在一个单一的列下。
为了创建列组合，您应该定义数据网格（datagrid……继续阅读 »
2年前 (2022-06-16) 246浏览 0评论
0个赞
Swift 环境搭建
Swift是一门开源的编程语言，该语言用于开发OS X和iOS应用程序。
在正式开发应用程序前，我们需要搭建Swift开发环境，以便更好友好的使用各种开发工具和语言进行快速应用开发。由于Swift开发环境需要在OS X系统中运行，因此其环境的搭建将不同于Windows环境，下面就一起来学习一下swift开发环境的搭建方法。
成功搭建swift开发环境的前提：
必须拥有一台苹果电脑。因为……继续阅读 »
2年前 (2022-06-16) 204浏览 0评论
0个赞
AJAX – 创建 XMLHttpRequest 对象
XMLHttpRequest 是 AJAX 的基础。
XMLHttpRequest 对象
所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
创建 XMLH……继续阅读 »
2年前 (2022-06-16) 140浏览 0评论
0个赞
jQuery UI API 类别 – UI 核心（UI Core）
由 jquery.ui.core.js 提供的功能。
API
描述
也属于类别
:data() Selector
选择数据已存储在指定的键下的元素。
选择器（Selectors）
.disableSelection()
禁用选择匹配的元素集合内的文本内容。
方法（Methods）
.enableSelection()
启用……继续阅读 »
2年前 (2022-06-16) 272浏览 0评论
0个赞
Vue.js 实例
本章节为大家介绍几个 Vue.js 实例，通过实例练习来巩固学到的知识点。
导航菜单实例
导航菜单
创建一个简单的导航菜单：
<div id="main">
<!– 激活的菜单样式为 active 类 –>
<!– 为了阻止链接在点击时跳转，我们使用了 "prevent" 修……继续阅读 »
2年前 (2022-06-16) 183浏览 0评论
0个赞
jQuery UI 实例 – 折叠面板（Accordion）
在一个有限的空间内显示用于呈现信息的可折叠的内容面板。
如需了解更多有关 accordion 部件的细节，请查看 API 文档 折叠面板部件（Accordion Widget）。
默认功能
点击头部展开/折叠被分为各个逻辑部分的内容，就像标签页（tabs）一样。您可以选择性地设置当鼠标悬停时是否切换各部分的打开/关闭状态。
基本的 HTML 标……继续阅读 »
2年前 (2022-06-16) 243浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 取得选中行数据
本实例演示如何取得选中行数据。
数据网格（datagrid）组件包含两种方法来检索选中行数据：
getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。
getSelections：取得所有选中行数据，返回元素记录的数组数据。
创建数据网格（D……继续阅读 »
2年前 (2022-06-16) 296浏览 0评论
0个赞
jQuery UI 工作原理
jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。其安装方式与大部分 jQuery 插件的安装方式类似，jQuery UI 的小部件是基于 部件库（Widget Factory） 创建的，小部件库提供了通用的 API。所以，只要您学会使用其中一个，您就知道如何使用其他的小部件（Widget）。本教程将通过 进度条（pro……继续阅读 »
2年前 (2022-06-16) 320浏览 0评论
0个赞
jQuery UI 实例 – 对话框（Dialog）
在一个交互覆盖层中打开内容。
如需了解更多有关 dialog 部件的细节，请查看 API 文档 对话框部件（Dialog Widget）。
默认功能
基本的对话框窗口是一个定位于视区中的覆盖层，同时通过一个 iframe 与页面内容分隔开（就像 select 元素）。它由一个标题栏和一个内容区域组成，且可以移动，调整尺寸，默认可通过 ‘x&……继续阅读 »
2年前 (2022-06-16) 272浏览 0评论
0个赞
Vue3 组合式 API
Vue3 组合式 API（Composition API） 主要用于在大型组件中提高代码逻辑的可复用性。
传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。
Vue3 使用组合式 API 的地方为 setup。
在 setup 中，我们可以按逻辑关注点对部分代码进行分组，然后提取逻辑片段并与其他组件共享代码。因此，组合式 API（Composition A……继续阅读 »
2年前 (2022-06-16) 237浏览 0评论
1个赞
jQuery UI API 类别 – 方法重载（Method Overrides）
jQuery UI 重载了几个内置的 jQuery 方法，以提供额外的功能。当使用这些重载时，确保加载 jQuery UI 是很重要的。如果 jQuery UI 未加载，方法依然存在，但预期的功能将不可用，这会导致难以追踪的错误。
API
描述
也属于类别
.addClass()
当动画样式改变时，为匹配的元素集合……继续阅读 »
2年前 (2022-06-16) 266浏览 0评论
0个赞
jQuery – noConflict() 方法
如何在页面上同时使用 jQuery 和其他框架？
jQuery 和其他 JavaScript 框架
正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。
如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？
其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappucc……继续阅读 »
2年前 (2022-06-16) 202浏览 0评论
0个赞
JSON – 简介
在线实例
通过我们的编辑器，您可以在线编辑 JavaScript 代码，然后通过点击一个按钮来查看结果：
JSON 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>服务器技术教程(runoob.com)</title&g……继续阅读 »
2年前 (2022-06-16) 140浏览 0评论
0个赞
Angular 2 用户输入
用户点击链接、按下按钮或者输入文字时，这些用户的交互行为都会触发 DOM 事件。
本章中，我们将学习如何使用 Angular 事件绑定语法来绑定这些事件。
以下Gif图演示了该实例的操作：
源代码可以在文章末尾下载。
绑定到用户输入事件
我们可以使用 Angular 事件绑定机制来响应任何 DOM 事件 。
以下实例将绑定了点击事件：
<button (click)="onC……继续阅读 »
2年前 (2022-06-16) 178浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形网格惰性加载节点
有时我们已经得到充分的分层树形网格（TreeGrid）的数据。
我们还想让树形网格（TreeGrid）按层次惰性加载节点。
首先，只加载顶层节点。
然后点击节点的展开图标来加载它的子节点。
本教程展示如何创建带有惰性加载特性的树形网格（TreeGrid）。
创建树形网格（Tr……继续阅读 »
2年前 (2022-06-16) 500浏览 0评论
0个赞
DTD – XML 构建模块
XML 和 HTML文档的主要的构建模块是元素标签。
XML 文档构建模块
所有的 XML 文档（以及 HTML 文档）均由以下简单的构建模块构成：
元素
属性
实体
PCDATA
CDATA
元素
元素是 XML 以及 HTML 文档的主要构建模块。
HTML 元素的例子是 "body" 和 "table"。XML 元素……继续阅读 »
2年前 (2022-06-16) 227浏览 0评论
0个赞
