Vue.js 混入
混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。
来看一个简单的实例:
实例
var vm = new Vue({
el: ‘#databinding‘,
data: {
},
methods : {
},
});
// 定义一……继续阅读 »
2年前 (2022-06-15) 186浏览 0评论
0个赞
Swift 数组
Swift 数组使用有序列表存储同一类型的多个值。相同的值可以多次出现在一个数组的不同位置中。
Swift 数组会强制检测元素的类型,如果类型不同则会报错,Swift 数组应该遵循像Array<Element>这样的形式,其中Element是这个数组中唯一允许存在的数据类型。
如果创建一个数组,并赋值给一个变量,则创建的集合就是可以修改的。这意味着在创建数组后,可以通过添加、删除、修改……继续阅读 »
2年前 (2022-06-15) 242浏览 0评论
0个赞
AJAX 简介
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
您应当具备的基础知识
在继续学习之前,您需要对下面的知识有基本的了解:
HTML / XHTML
CSS
JavaScript / DOM
如果您希望首先学习这些项目,请在我们的首页访问这些教程。
什么是 AJAX ?
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术……继续阅读 »
2年前 (2022-06-15) 258浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 创建复杂工具栏
数据网格(datagrid)的工具栏(toolbar)可以包含按钮及其他组件。
您可以通个一个已存在的 DIV 标签来简单地定义工具栏布局,该 DIV 标签将成为数据网格(datagrid)工具栏的内容。
本教程将向您展示如何创建数据网格(datagrid)组件的复杂工具栏。
创建……继续阅读 »
2年前 (2022-06-15) 376浏览 0评论
0个赞
ECharts 交互组件
ECharts 提供了很多交互组件:例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline。
接下来的内容我们将介绍如何使用数据区域缩放组件 dataZoom。
dataZoom
dataZoom 组件可以实现通过鼠标滚轮滚动,放大缩小图表的功能。
默认情况下 dataZoom 控制 x 轴,即对 x 轴……继续阅读 »
2年前 (2022-06-15) 249浏览 0评论
0个赞
jQuery UI 设计主题
文件结构
主题是以特定的方式来增加他们的易用性。通常,文件目录结构如下所示:
themename/ – 您的主题必须完全包含在一个单独的以主题名称命名的文件夹内。
themename/themename.css – 这是基本的 CSS 文件。无论使用了哪个插件,该文件都必须在每个使用主题的页面中引用。该文件应该是轻量级的,只包括要点。
themename/themename.plugi……继续阅读 »
2年前 (2022-06-15) 215浏览 0评论
0个赞
Node.js REPL(交互式解释器)
Node.js REPL(Read Eval Print Loop:交互式解释器)
表示一个电脑的环境,类似 Windows 系统的终端或 Unix/Linux shell,我们可以在终端中输入命令,并接收系统的响应。
Node 自带了交互式解释器,可以执行以下任务:
读取 – 读取用户输入,解析输入的 Javascript 数据结构并存储在内存中。
执行……继续阅读 »
2年前 (2022-06-15) 160浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 树形网格添加分页
本教程展示如何向带有动态加载特性的树形网格(TreeGrid)添加分页。
创建树形网格(TreeGrid)
启用树形网格(TreeGrid)的分页特性,必须添加 ‘pagination:true’ 属性,这样页面加载时就会向服务器发送 ‘pa……继续阅读 »
2年前 (2022-06-15) 264浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 合并单元格
数据网格(datagrid)经常需要合并一些单元格。本教程将向您展示如何在数据网格(datagrid)中合并单元格。
为了合并数据网格(datagrid)单元格,只需简单地调用 ‘mergeCells’ 方法,并传入合并信息参数,告诉数据网格(datagrid)如何合……继续阅读 »
2年前 (2022-06-14) 310浏览 0评论
0个赞
$(document).ready(function(){
$(“.flip”).click(function(){
$(“.panel”).fadeToggle(1000);
});
});
div.panel,p.flip
{
width:90%;
margin:auto;
padding:5px;
text-align:center;
background:#e5……继续阅读 »
2年前 (2022-06-14) 108浏览 0评论
0个赞
jQuery UI 定制
jQuery UI 提供了多种定制方式。您已经看到下载生成器(Download Builder)如何定制一个值包含您所需选项的自定义版本,这里还提供了其他定制方式。
jQuery UI 基础:使用选项
jQuery UI 中的每个插件都有一个默认配置,默认配置值一般是根据最基本最常见的使用情况设置的。如果您想要让某个插件设置成非默认值,您可以使用 "options" 重……继续阅读 »
2年前 (2022-06-14) 106浏览 0评论
0个赞
TypeScript 基础类型
TypeScript 包含的数据类型如下表:
数据类型
关键字
描述
任意类型
any
声明为 any 的变量可以赋予任意类型的值。
数字类型
number
双精度 64 位浮点值。它可以用来表示整数和分数。
let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744; ……继续阅读 »
2年前 (2022-06-14) 172浏览 0评论
0个赞
jQuery 遍历 方法
jQuery 遍历方法
方法
描述
add()
把元素添加到匹配元素的集合中
addBack()
把之前的元素集添加到当前集合中
andSelf()
在版本 1.8 中被废弃。addBack() 的别名
children()
返回被选元素的所有直接子元素
closest()
返回被选元素的第一个祖先元素
contents()
返回被选元素的所有直接子元素(包含……继续阅读 »
2年前 (2022-06-14) 165浏览 0评论
0个赞
Swift 可选链
可选链(Optional Chaining)是一种可以请求和调用属性、方法和子脚本的过程,用于请求或调用的目标可能为nil。
可选链返回两个值:
如果目标有值,调用就会成功,返回该值
如果目标为nil,调用将返回nil
多次请求或调用可以被链接成一个链,如果任意一个节点为nil将导致整条链失效。
可选链可替代强制解析
通过在属性、方法、或下标脚本的可选值后面放一个问号(?),即可定义……继续阅读 »
2年前 (2022-06-14) 143浏览 0评论
0个赞
jQuery AJAX 方法
jQuery AJAX 方法
AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。
下面的表格列出了所有的 jQuery AJAX 方法:
方法
描述
$.ajax()
执行异步 AJAX 请求
$.ajaxPrefilter()
在每个请求发送之前且被 $.ajax() 处理之前,处理自定义 Ajax 选项或修改已存在选项
$.a……继续阅读 »
2年前 (2022-06-14) 199浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 设置排序
本实例演示如何通过点击列表头来排序数据网格(DataGrid)。
数据网格(DataGrid)的所有列可以通过点击列表头来排序。您可以定义哪列可以排序。默认的,列是不能排序的,除非您设置 sortable 属性为 true。
创建数据网格(DataGrid)
&nb……继续阅读 »
2年前 (2022-06-14) 145浏览 0评论
0个赞
AngularJS HTML DOM
AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。
ng-disabled 指令
ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。
AngularJS 实例
<div ng-app=“” ng-init=“mySwitch=true”>
<p……继续阅读 »
2年前 (2022-06-14) 158浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 转换 HTML 表格为数据网格
本实例演示如何转换表格(table)为数据网格(datagrid)。
数据网格(datagrid)的列信息是定义在 <thead> 标记中,数据是定义在 <tbody> 标记中。确保为所有的数据列设置 field 名称,请看下面的实例:
&……继续阅读 »
2年前 (2022-06-14) 339浏览 0评论
0个赞
Node.js 全局对象
JavaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可以在程序的任何地方访问,即全局变量。
在浏览器 JavaScript 中,通常 window 是全局对象,
而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global
对象的属性。
在 Node.js 我们可以直接访问到 glob……继续阅读 »
2年前 (2022-06-14) 237浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 添加复选框
本实例演示如何放置一个复选框列到数据网格(DataGrid)。通过复选框,用户将可以选择 选中/取消选中 网格行数据。
为了添加一个复选框列,我们仅仅需要添加一个列的 checkbox 属性,并设置它为 true。代码如下所示:
<t……继续阅读 »
2年前 (2022-06-14) 405浏览 0评论
0个赞
Vue3 条件语句
条件判断
v-if
条件判断使用 v-if 指令,指令的表达式返回 true 时才会显示:
v-if 指令
在元素中使用 v-if 指令:
<div id="app">
<p v-if="seen">现在你看到我了</p>
</div>
<script>
const app = {
da……继续阅读 »
2年前 (2022-06-14) 290浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 使用标记创建树形菜单
一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 <ul> 元素中。无序列表的 <ul> 元素提供一个基础的树(Tree)结构。每一个 <li> 元素将产生一个树节点,子 <ul> 元素将产生一……继续阅读 »
2年前 (2022-06-13) 196浏览 0评论
0个赞
AngularJS 表达式
AngularJS 使用 表达式 把数据绑定到 HTML。
AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置”输出”数据。
AngularJS 表达式 很像 JavaSc……继续阅读 »
2年前 (2022-06-13) 296浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 菜单与按钮 – 创建链接按钮(Link Button)
通常情况下,使用 <button> 元素来创建按钮,而链接按钮(Link Button)则是使用 <a> 元素来创建的。所以实际上一个链接按钮(Link Button)就是一个显示为按钮样式的 <a> 元素。
为了创建链接……继续阅读 »
2年前 (2022-06-13) 252浏览 0评论
0个赞
Vue3 创建项目
在上一章节 Vue3 安装 我们使用了 vue init 命令创建过一个项目,本章节我们主要介绍 vue create 命令创建项目以及使用 vue ui 命令打开图形化的安装界面。
vue create 命令
vue create 命令创建项目语法格式如下:
vue create [options] <app-name>
创建一个由 vue-cli-service 提供支持的新项目……继续阅读 »
2年前 (2022-06-13) 287浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 格式化列
以下实例格式化在 easyui DataGrid 里的列数据,并使用自定义列的 formatter,如果价格小于 20 就将文本变为红色。
为了格式化一个数据网格(DataGrid)列,我们需要设置 formatter 属性,它是一个函数。这个格式化函数包含三个参数:
value:当前列对……继续阅读 »
2年前 (2022-06-13) 225浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 树形菜单 – 创建异步树形菜单
为了创建异步的树形菜单(Tree),每一个树节点必须要有一个 ‘id’ 属性,这个将提交回服务器去检索子节点数据。
创建树形菜单(Tree)
<ul id="tt" class="easyui-tree"……继续阅读 »
2年前 (2022-06-13) 228浏览 0评论
0个赞
jQuery 事件 方法
jQuery 事件方法
事件方法触发器或添加一个函数到被选元素的事件处理程序。
下面的表格列出了所有用于处理事件的 jQuery 方法。
方法
描述
bind()
向元素添加事件处理程序
blur()
添加/触发失去焦点事件
change()
添加/触发 change 事件
click()
添加/触发 click 事件
dblclick()
添加/触发 double……继续阅读 »
2年前 (2022-06-13) 316浏览 0评论
0个赞
React 组件生命周期
在本章节中我们将讨论 React 组件的生命周期。
组件的生命周期可分成三个状态:
Mounting(挂载):已插入真实 DOM
Updating(更新):正在被重新渲染
Unmounting(卸载):已移出真实 DOM
挂载
当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下:
constructor(): 在 React 组件挂载之前,会调用它的构造函数。
……继续阅读 »
2年前 (2022-06-13) 398浏览 0评论
0个赞
Node.js 工具模块
在 Node.js 模块库中有很多好用的模块。接下来我们为大家介绍几种常用模块的使用:
序号
模块名 & 描述
1
OS 模块 提供基本的系统操作函数。
2
Path 模块提供了处理和转换文件路径的工具。
3
Net 模块 用于底层的网络通信。提供了服务端和客户端的的操作。
4
DNS 模块 用于解析域名。
5
Domain 模块 简化异步代码的异常处理,可……继续阅读 »
2年前 (2022-06-13) 168浏览 0评论
0个赞