AngularJS 简介
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
AngularJS 是一个 JavaScript 框架
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。
Angular……继续阅读 »
3年前 (2022-05-25) 358浏览 0评论
0个赞
Node.js Express 框架
Express 简介
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。
使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性：
可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
可以通过向模板传……继续阅读 »
3年前 (2022-05-25) 161浏览 0评论
0个赞
Vue3 目录结构
上一章节中我们使用了 npm 安装项目(Vue-cli 和 Vite)，我们在 IDE（Vscode、Atom等） 中打开该目录，结构如下所示：
命令行工具 vue-cli（runoob-vue3-test）：
Vite（runoob-vue3-test2）
目录解析
目录/文件
说明
build
项目构建(webpack)相关代码
config
配置目录，包括端口号等。我……继续阅读 »
3年前 (2022-05-25) 245浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建子网格
使用数据网格（datagrid）的详细视图，用户可以展开一行来显示附加的详细信息。
任何内容都可以加载作为行详细，子网格也可以动态加载。
本教程将向您展示如何在主网格上创建一个子网格。
步骤 1：创建主网格
<table id="dg" style="width:700px;h……继续阅读 »
3年前 (2022-05-25) 191浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 表单 – 表单验证
本教程将向您展示如何验证一个表单。easyui 框架提供一个 validatebox 插件来验证一个表单。在本教程中，我们将创建一个联系表单，并应用 validatebox 插件来验证表单。然后您可以根据自己的需求来调整这个表单。
创建表单（form）
让我们创建一个简单的联系表单，带有 nam……继续阅读 »
3年前 (2022-05-15) 755浏览 0评论
4个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形菜单加载父/子节点
通常表示一个树节点的方式就是在每一个节点存储一个 parentid。
这个也被称为邻接列表模型。
直接加载这些数据到树形菜单（Tree）是不允许的。
但是我们可以在加载树形菜单之前，把它转换为标准标准的树形菜单（Tree）数据格式。
树（Tree）插件提供一个 ‘l……继续阅读 »
3年前 (2022-05-15) 392浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 窗口 – 自定义带有工具条和按钮的对话框
您可以创建一个带有工具栏（toolbar）和按钮（button）的对话框（dialog），可以从 HTML 标记创建。这个教程描述如何添加工具栏（toolbar）和按钮（button）到对话框（dialog），没有任何的 javascript 代码。
创建对话框（Dialo……继续阅读 »
3年前 (2022-05-15) 294浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 使用虚拟滚动视图显示海量数据
数据网格（datagrid）的虚拟滚动特性可以用来显示大数量的记录而不需要分页。
当滚动垂直滚动条时，数据网格（datagrid）执行 ajax 请求来加载和刷新现有的记录。
整个刷新的行为过程是平稳的没有闪烁。
在本教程中，我们将创建一个数据网格（datagrid），并……继续阅读 »
3年前 (2022-05-15) 195浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建自定义视图
在不同的情况下，您可能需要为数据网格（datagrid）运用更灵活的布局。对于用户来说，卡片视图（Card View）是个不错的选择。这个工具可以在数据网格（datagrid）中迅速获取和显示数据。在数据网格（datagrid）的头部，您可以仅仅通过点击列的头部来排序数据。本教程将向您展……继续阅读 »
3年前 (2022-05-15) 273浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 菜单与按钮 – 创建菜单按钮（Menu Button）
菜单按钮（Menu Button）包含一个按钮（button）和一个菜单（menu）组件，当点击或移动鼠标到按钮上，将显示一个对应的菜单。
为了定义一个菜单按钮（Menu Button），您应该定义一个链接按钮（Link Button）和一个菜单（menu），……继续阅读 »
3年前 (2022-05-15) 155浏览 0评论
0个赞
jQuery UI 实例 – 部件库（Widget Factory）
使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。
如需了解更多有关部件库（Widget Factory）的细节，请查看 API 文档 部件库（Widget Factory）。
默认功能
该演示展示了一个简单的使用部件库（jquery.ui.widget.js）创建的自定义的小部件。
三个区块是以不同……继续阅读 »
3年前 (2022-05-15) 77浏览 0评论
0个赞
jQuery UI 实例 – 选择（Selectable）
使用鼠标选择单个元素或一组元素。
如需了解更多有关 selectable 交互的细节，请查看 API 文档 可选择小部件（Selectable Widget）。
默认功能
在某个 DOM 元素上或者一组元素上启用 selectable 功能。通过鼠标拖拽选择条目。按住 Ctrl 键，选择多个不相邻的条目。
<!doctype html&g……继续阅读 »
3年前 (2022-05-15) 96浏览 0评论
0个赞
jQuery UI API 类别 – 方法（Methods）
尽管 jQuery UI 主要由 小部件（Widgets）、交互（Interactions） 和 特效（Effects） 组成，但是还有一些简单的方法，增加了便利性。
API
描述
也属于类别
.disableSelection()
禁用选择匹配的元素集合内的文本内容。
UI 核心（UI Core）
.effect()
对一个元素应……继续阅读 »
3年前 (2022-05-15) 96浏览 0评论
0个赞
jQuery UI 为什么使用部件库（Widget Factory）
编写 jQuery 插件与向 jQuery.prototype（通常显示为 $.fn）添加方法一样简单，且需要遵循一些简单的规则，比如返回 this。所以为什么会存在部件库（Widget Factory）？
在本章节中，我们将讲解部件库（Widget Factory）的好处，并了解何时使用它，以及为什么要使用它。
无状态 vs. 有状态插件
大多数……继续阅读 »
3年前 (2022-05-15) 88浏览 0评论
0个赞
Node.js 连接 MySQL
本章节我们将为大家介绍如何使用 Node.js 来连接 MySQL，并对数据库进行操作。
如果你还没有 MySQL 的基本知识，可以参考我们的教程：MySQL 教程。
本教程使用到的 Websites 表 SQL 文件：websites.sql。
安装驱动
本教程使用了淘宝定制的 cnpm 命令进行安装：
$ cnpm install mysql
连接数据库
在以下实例中根据你的……继续阅读 »
3年前 (2022-05-15) 356浏览 0评论
0个赞
Node.js 事件循环
Node.js 是单进程单线程应用程序，但是因为 V8 引擎提供的异步执行回调接口，通过这些接口可以处理大量的并发，所以性能非常高。
Node.js 几乎每一个 API 都是支持回调函数的。
Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。
Node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有……继续阅读 »
3年前 (2022-05-15) 252浏览 0评论
0个赞
Node.js 安装配置
本章节我们将向大家介绍在 Windows 和 Linux 上安装 Node.js 的方法。
本安装教程以 Node.js v4.4.3 LTS(长期支持版本)版本为例。
Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。
你可以根据不同平台系统选择你需要的 Node.js 安装包。
Node.js 历史版本下载地址：https://n……继续阅读 »
3年前 (2022-05-15) 354浏览 0评论
0个赞
Node.js 教程
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
谁适合阅读本教程？
如果你是一个前端程序员，你不懂得像PHP、Python或Ruby……继续阅读 »
3年前 (2022-05-15) 112浏览 0评论
0个赞
AJAX JSON 实例
AJAX 可用来与 JSON 文件进行交互式通信。
AJAX JSON 实例
下面的例子将演示网页如何使用 AJAX 来读取来自 JSON 文件的信息：
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏……继续阅读 »
3年前 (2022-05-15) 125浏览 0评论
0个赞
AJAX Database 实例
function showCustomer(str)
{
var xmlhttp;
if (str==””)
{
document.getElementById(“txtHint”).innerHTML=””;
return;
}
if (window.XMLHttpRequ……继续阅读 »
3年前 (2022-05-15) 186浏览 0评论
0个赞
JSONP 教程
本章节我们将向大家介绍 JSONP 的知识。
Jsonp(JSON with Padding) 是 json 的一种”使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。
为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。
同源策略，它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScr……继续阅读 »
3年前 (2022-05-15) 272浏览 0评论
0个赞
ECharts 旭日图
旭日图（Sunburst）由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像饼图一样表现局部和整体的占比，又能像矩形树图一样表现层级关系。
ECharts 创建旭日图很简单，只需要在 series 配置项中声明类型为 sunburst 即可，data 数据结构以树形结构声明，看下一个简单的实例：
实例
var option = {
ser……继续阅读 »
3年前 (2022-05-15) 245浏览 0评论
0个赞
ECharts 事件处理
ECharts 中我们可以通过监听用户的操作行为来回调对应的函数。
ECharts 通过 on 方法来监听用户的行为，例如监控用户的点击行为。
ECharts 中事件分为两种类型:
用户鼠标操作点击，如 ‘click’、’dblclick’、’mousedown’、’mousemove’、R……继续阅读 »
3年前 (2022-05-15) 245浏览 0评论
0个赞
ECharts 样式设置
ECharts 可以通过样式设置来改变图形元素或者文字的颜色、明暗、大小等。
颜色主题
ECharts4 开始，除了默认主题外，内置了两套主题，分别为 light 和 dark。
使用方式如下：
实例
var chart = echarts.init(dom, ‘light‘);
或者
var chart = echarts.init(dom, ‘dar……继续阅读 »
3年前 (2022-05-15) 338浏览 0评论
0个赞
ECharts 安装
1、独立版本
我们可以在直接下载 echarts.min.js 并用 <script> 标签引入。
echarts.min.js(4.7.0)
另外，开发环境下可以使用源代码版本 echarts.js 并用 <script> 标签引入，源码版本包含了常见的错误提示和警告。
echarts.js(4.7.0)
我们也可以在 ECharts 的官网上直接下载更多丰富的版本……继续阅读 »
3年前 (2022-05-15) 288浏览 0评论
3个赞
Highcharts 教程
Highcharts 是一个用纯JavaScript编写的一个图表库。
Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表
Highcharts 免费提供给个人学习、个人网站和非商业用途使用。
HighCharts 特性
兼容性 – 支持所有主流浏览器和移动平台（android、iOS等）。
多设备 – 支持多种设备，如手……继续阅读 »
3年前 (2022-05-15) 351浏览 0评论
0个赞
var myCenter=new google.maps.LatLng(51.508742,-0.120850);
function initialize()
{
var mapProp = {
center: myCenter,
zoom:5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(docu……继续阅读 »
3年前 (2022-05-15) 293浏览 0评论
0个赞
Swift 字典
Swift 字典用来存储无序的相同类型数据的集合，Swift 字典会强制检测元素的类型，如果类型不同则会报错。
Swift 字典每个值（value）都关联唯一的键（key），键作为字典中的这个值数据的标识符。
和数组中的数据项不同，字典中的数据项并没有具体顺序。我们在需要通过标识符（键）访问数据的时候使用字典，这种方法很大程度上和我们在现实世界中使用字典查字义的方法一样。
Swift 字典的key……继续阅读 »
3年前 (2022-05-15) 171浏览 0评论
0个赞
Swift 循环
有的时候，我们可能需要多次执行同一块代码。一般情况下，语句是按顺序执行的：函数中的第一个语句先执行，接着是第二个语句，依此类推。
编程语言提供了更为复杂执行路径的多种控制结构。
循环语句允许我们多次执行一个语句或语句组，下面是大多数编程语言中循环语句的流程图：
循环类型
Swift 语言提供了以下几种循环类型。点击链接查看每个类型的详细描述：
循环类型
描述
for-in
遍历一个集……继续阅读 »
3年前 (2022-05-15) 230浏览 0评论
0个赞
您已经学习了 DTD，下一步呢？
DTD 总结
本教程已经向您讲解了如何描述 XML 文档的结构。
您学习到了如何使用 DTD 来定义一个 XML 文档的合法元素，以及如何在您的 XML 内部或者作为一个外部引用来声明 DTD。
您已经学习了如何为 XML 文档声明合法的元素、属性、实体以及 CDATA 部分。
您也看到了如何根据某个 DTD 来验证一个 XML 文档。
您已经学习了 DTD，下一步学习什么内容……继续阅读 »
3年前 (2022-05-15) 123浏览 0评论
0个赞
