pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 创建标签页(Tabs)
本教程将向您演示如何使用 easyui 创建一个 Tabs 组件。
Tabs 有多个可以动态地添加或移除的面板(panel)。
您可以使用 Tabs 来在相同的页面上显示不同的实体。
Tabs 一次仅仅显示一个面板(panel),每个面板(panel)都有标题、图标和关闭按钮。……继续阅读 »
3年前 (2022-06-01) 324浏览 0评论
0个赞
jQuery UI API 类别 – 特效(Effects)
jQuery UI 在jQuery 内置的特效上添加了一些功能。jQuery UI 支持颜色动画和 Class 转换,同时也提供了一些额外的 Easings。另外,提供了一套完整的定制特效,供显示和隐藏元素时或者只是添加一些视觉显示时使用。
API
描述
也属于类别
.addClass()
当动画样式改变时,为匹配的元素集合内的每个元素……继续阅读 »
3年前 (2022-06-01) 260浏览 0评论
0个赞
Vue.js Ajax(axios)
Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。
Github开源地址: https://github.com/axios/axios
安装方法
使用 cdn:
<script src="https://unpkg.com/axios/dist/axi……继续阅读 »
3年前 (2022-06-01) 110浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 创建 XP 风格左侧面板
通常情况下,在 Windows XP 的资源管理器文件夹中,左侧的面板(panel)包含一些常见任务。
本教程向您展示如何通过 easyui 的面板(panel)插件来创建 XP 左侧面板。
定义一些面板(panel)
我们定义一些面板(panel),这些面板(panel)用……继续阅读 »
3年前 (2022-06-01) 230浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 在面板中创建复杂布局
面板(Panel)允许您创建用于多种用途的自定义布局。在本实例中,我们使用面板(panel)和布局(layout)插件来创建一个 msn 消息框。
我们在区域面板中使用多个布局(layout)。在消息框的顶部我们放置一个查询输入框,同时在右边放置一个人物图片。在中间的区域我们通过设……继续阅读 »
3年前 (2022-05-31) 183浏览 0评论
0个赞
React AJAX
React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据时可以将数据存储在 state 中,再用 this.setState 方法重新渲染 UI。
当使用异步加载数据时,在组件卸载前使用 componentWillUnmount 来取消未完成的请求。
以下实例演示了获取 Github 用户最新 gist 共享描述:
React 实例……继续阅读 »
3年前 (2022-05-31) 112浏览 0评论
0个赞
jQuery 效果 方法
jQuery 效果方法
下面的表格列出了所有用于创建动画效果的 jQuery 方法。
方法
描述
animate()
对被选元素应用”自定义”的动画
clearQueue()
对被选元素移除所有排队函数(仍未运行的)
delay()
对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()
移除下一个排队函数,然后执行函数
fadeI……继续阅读 »
3年前 (2022-05-31) 245浏览 0评论
0个赞
TypeScript 基础语法
TypeScript 程序由以下几个部分组成:
模块
函数
变量
语句和表达式
注释
第一个 TypeScript 程序
我们可以使用以下 TypeScript 程序来输出 “Hello World” :
Runoob.ts 文件代码:
const hello : string = "Hello World!"
console.……继续阅读 »
3年前 (2022-05-31) 125浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 条件设置行背景颜色
本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式。当 listprice 值大于 50 时,我们将为该行设置不同的颜色。
数据网格(datagrid)的 rowStyler 函数的设计目的是允许您自定义行样式。以下代码展示如何改变行样式:
……继续阅读 »
3年前 (2022-05-30) 259浏览 0评论
0个赞
JSONP 教程
本章节我们将向大家介绍 JSONP 的知识。
Jsonp(JSON with Padding) 是 json 的一种”使用模式”,可以让网页从别的域名(网站)那获取资料,即跨域读取数据。
为什么我们从不同的域(网站)访问数据需要一个特殊的技术( JSONP )呢?这是因为同源策略。
同源策略,它是由 Netscape 提出的一个著名的安全策略,现在所有支持 JavaScr……继续阅读 »
3年前 (2022-05-30) 231浏览 0评论
0个赞
Vue.js 监听属性
本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。
以下实例通过使用 watch 实现计数器:
实例
<div id = "app">
<p style = "font-size:25px;">计数器: {{ counter }}</p>
<……继续阅读 »
3年前 (2022-05-30) 190浏览 0评论
0个赞
jQuery UI 实例 – 工具提示框(Tooltip)
可自定义的、可主题化的工具提示框,替代原生的工具提示框。
如需了解更多有关 tooltip 部件的细节,请查看 API 文档 工具提示框部件(Tooltip Widget)。
默认功能
悬停在链接上,或者使用 tab 键循环切换聚焦在每个元素上。
<!doctype html>
<html lang="en">
<……继续阅读 »
3年前 (2022-05-30) 270浏览 0评论
0个赞
$(document).ready(function(){
$(“.flip”).click(function(){
$(“.panel”).slideToggle(5000);
});
$(“#stop”).click(function(){
$(“.panel”).stop();
});……继续阅读 »
3年前 (2022-05-30) 169浏览 0评论
0个赞
jQuery Validate
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
该插件是由 Jörn Zaefferer 编写和维护的,他是 jQ……继续阅读 »
3年前 (2022-05-30) 251浏览 0评论
0个赞
AJAX – onreadystatechange 事件
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:
属性
描述
……继续阅读 »
3年前 (2022-05-30) 103浏览 0评论
0个赞
Vue.js 目录结构
上一章节中我们使用了 npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示:
目录解析
目录/文件
说明
build
项目构建(webpack)相关代码
config
配置目录,包括端口号等。我们初学可以使用默认的。
node_modules
npm 加载的项目依赖模块
src
这里是我们要开发的目录,基本上要做的事情都在这个……继续阅读 »
3年前 (2022-05-29) 124浏览 0评论
0个赞
DTD – 属性
在 DTD 中,属性通过 ATTLIST 声明来进行声明。
声明属性
属性声明使用下列语法:
<!ATTLIST element-name attribute-name attribute-type attribute-value>
DTD 实例:
<!ATTLIST payment type CDATA “check”>
XML 实……继续阅读 »
3年前 (2022-05-29) 363浏览 0评论
0个赞
Vue3 混入
混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。
来看一个简单的实例:
实例
// 定义混入对象
const myMixin = {
created() {
this.hello()
},
methods: {
hello() {
console.log(……继续阅读 »
3年前 (2022-05-29) 318浏览 0评论
0个赞
jQuery 语法
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行”操作”(actions)。
jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
美元符号定义 jQuery
选择符(selector)”查询”和”查找&……继续阅读 »
3年前 (2022-05-28) 267浏览 0评论
0个赞
AngularJS 服务(Service)
AngularJS 中你可以创建自己的服务,或使用内建服务。
什么是服务?
在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。
AngularJS 内建了30 多个服务。
有个 $location 服务,它可以返回当前页面的 URL 地址。
实例
var app = angular.module(‘myApp……继续阅读 »
3年前 (2022-05-28) 268浏览 0评论
0个赞
jQuery UI 如何使用部件库(Widget Factory)
我们将创建一个进度条。正如下面实例所示,这可以通过调用 jQuery.widget() 来完成,它带有两个参数:一个是要创建的插件名称,一个是包含支持插件的函数的对象文字。当插件被调用时,它将创建一个新的插件实例,所有的函数都将在该实例的语境中被执行。这与两种重要方式的标准 jQuery 插件不同。首先,语境是一个对象,不是 DOM 元素。其次,语境……继续阅读 »
3年前 (2022-05-28) 268浏览 0评论
0个赞
React JSX
React 使用 JSX 来替代常规的 JavaScript。
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
我们不需要一定使用 JSX,但它有以下优点:
JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。
它是类型安全的,在编译过程中就能发现错误。
使用 JSX 编写模板更加简单快速。
我们先看下以下代码:
const element = &……继续阅读 »
3年前 (2022-05-28) 201浏览 0评论
0个赞
AngularJS 输入验证
AngularJS 表单和控件可以验证输入的数据。
输入验证
在前面的几个章节中,你已经学到关于 AngularJS 表单和控件的知识。
AngularJS 表单和控件可以提供验证功能,并对用户输入的非法数据进行警告。
客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。
应用代码
<!DOCTYPE html><html>……继续阅读 »
3年前 (2022-05-28) 267浏览 0评论
0个赞
Swift 访问控制
访问控制可以限定其他源文件或模块中代码对你代码的访问级别。
你可以明确地给单个类型(类、结构体、枚举)设置访问级别,也可以给这些类型的属性、函数、初始化方法、基本类型、下标索引等设置访问级别。
协议也可以被限定在一定的范围内使用,包括协议里的全局常量、变量和函数。
访问控制基于模块与源文件。
模块指的是以独立单元构建和发布的 Framework 或 Application。在 Swift 中的一……继续阅读 »
3年前 (2022-05-28) 322浏览 0评论
0个赞
AngularJS API
API 意为 Application
Programming Interface(应用程序编程接口)。
AngularJS 全局 API
AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如:
比较对象
迭代对象
转换对象
全局 API 函数使用 angular 对象进行访问。
以下列出了一些通用的 API 函数:
API
描述
an……继续阅读 »
3年前 (2022-05-28) 285浏览 0评论
0个赞
Vue.js 表单
这节我们为大家介绍 Vue.js 表单上的应用。
你可以用 v-model 指令在表单控件元素上创建双向数据绑定。
v-model 会根据控件类型自动选取正确的方法来更新元素。
输入框
实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定:
<div id="app">
<p>input 元素:</p&……继续阅读 »
3年前 (2022-05-28) 120浏览 0评论
0个赞
AJAX ASP/PHP 实例
AJAX 用于创造动态性更强的应用程序。
AJAX ASP/PHP 实例
下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信:
请在下面的输入框中键入字母(A – Z):
function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getEl……继续阅读 »
3年前 (2022-05-28) 134浏览 0评论
0个赞
Swift 运算符
运算符是一个符号,用于告诉编译器执行一个数学或逻辑运算。
Swift 提供了以下几种运算符:
算术运算符
比较运算符
逻辑运算符
位运算符
赋值运算符
区间运算符
其他运算符
本章节我们将为大家详细介绍算术运算符、关系运算符、逻辑运算符、位运算符、赋值运算符及其他运算符。
算术运算符
以下表格列出了 Swift 语言支持的算术运算符,其中变量 A 为 10,变量 B 为 20:
运算符……继续阅读 »
3年前 (2022-05-26) 87浏览 0评论
0个赞
Highcharts 组合图
本章节我们将为大家介绍 Highcharts 的组合图。
序号
图表类型
1
柱形图,线条图,饼图
2
双Y轴, 柱形图,线条图
3
多Y轴
4
散点图上添加回归线
……继续阅读 »
3年前 (2022-05-26) 110浏览 0评论
0个赞
jQuery UI 1.10 API 文档
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。
如果您是 jQuery 新手,您可以先查看 jQuery 教程。
本教程提供了 jQuery UI 1.10 API 文档。如果您使用的是旧版本,我们建议您更新到 jQuery UI 1.10,以便获取最好的支持,充分利用最新的 bug 修复和增强功能。如需了解更……继续阅读 »
3年前 (2022-05-25) 243浏览 0评论
0个赞