Vue3 计算属性
计算属性关键词: computed。
计算属性在处理一些复杂逻辑时是很有用的。
可以看下以下反转字符串的例子:
实例 1
<div id="app">
{{ message.split(”).reverse().join(”) }}
</div>
实例 1 中模板变的很复杂起来,也不容易看懂理解。
接下来我们看看使用了计算属……继续阅读 »
2年前 (2022-06-13) 183浏览 0评论
0个赞
Node.js Buffer(缓冲区)
JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。
但在处理像TCP流或文件流时,必须使用到二进制数据。因此在 Node.js中,定义了一个 Buffer 类,该类用来创建一个专门存放二进制数据的缓存区。
在 Node.js 中,Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法,可以让……继续阅读 »
2年前 (2022-06-13) 272浏览 0评论
0个赞
jQuery 安装
网页中添加 jQuery
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:
从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
下载 jQuery
有两个版本的 jQuery 可供下载:
Production version – 用于实际的网站中,已被精简和压缩。
Developm……继续阅读 »
2年前 (2022-06-13) 2009浏览 0评论
1个赞
Swift 枚举
枚举简单的说也是一种数据类型,只不过是这种数据类型只包含自定义的特定数据,它是一组有共同特性的数据的集合。
Swift 的枚举类似于 Objective C 和 C 的结构,枚举的功能为:
它声明在类中,可以通过实例化类来访问它的值。
枚举也可以定义构造函数(initializers)来提供一个初始成员值;可以在原始的实现基础上扩展它们的功能。
可以遵守协议(protocols)来提供标……继续阅读 »
2年前 (2022-06-13) 314浏览 0评论
0个赞
Highcharts 区域图
本章节我们为大家介绍几种区域图类型。
序号
图表类型
1
基本区域图
2
区域图,使用负值
3
堆叠区域图,各个区域叠加
4
使用百分比的区域图
5
丢失数据的区域图
6
反转x轴与y轴
7
曲线区域图
8
区间区域图
9
区域区间和线
……继续阅读 »
2年前 (2022-06-12) 112浏览 0评论
0个赞
jQuery UI 实例 – 旋转器(Spinner)
通过向上/向下按钮和箭头键处理,为输入数值增强文本输入功能。
如需了解更多有关 spinner 部件的细节,请查看 API 文档 旋转器部件(Spinner Widget)。
默认功能
默认的旋转器。
<!doctype html>
<html>
<head>
<meta charset="utf-8"……继续阅读 »
2年前 (2022-06-12) 223浏览 0评论
0个赞
React 事件处理
React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:
React 事件绑定属性的命名采用驼峰式写法,而不是小写。
如果采用 JSX 的语法你需要传入一个函数作为事件处理函数,而不是一个字符串(DOM 元素的写法)
HTML 通常写法是:
<button onclick="activateLasers()">
激活按钮
</button>……继续阅读 »
2年前 (2022-06-12) 218浏览 0评论
0个赞
React 安装
React 可以直接下载使用,下载包中也提供了很多学习的实例。
本教程使用了 React 的版本为 16.4.0,你可以在官网 https://reactjs.org/ 下载最新版。
你也可以直接使用 Staticfile CDN 的 React CDN 库,地址如下:
<script src="https://cdn.staticfile.org/react/16.4.0/umd/……继续阅读 »
2年前 (2022-06-12) 249浏览 0评论
0个赞
Swift 基本语法
在上一章节中我们已经讲到如何创建 Swift 语言的 “Hello, World!” 程序。现在我们来复习下。
如果创建的是 OS X playground 需要引入 Cocoa :
import Cocoa
/* 我的第一个 Swift 程序 */
var myString = "Hello, World!"
print(myString)
如果我们想创建 ……继续阅读 »
2年前 (2022-06-12) 340浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 拖放 – 创建学校课程表
本教程将向您展示如何使用 jQuery EasyUI 创建一个学校课程表。
我们将创建两个表格:在左侧显示学校科目,在右侧显示时间表。
您可以拖动学校科目并放置到时间表单元格上。
学校科目是一个 <div class=”item”> 元素,时间表单元格是……继续阅读 »
2年前 (2022-06-12) 178浏览 0评论
0个赞
AngularJS 指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令。
AngularJS 指令
AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把元……继续阅读 »
2年前 (2022-06-12) 241浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 添加自动播放标签页(Tabs)
本教程将向您展示如何创建一个自动播放的 Tabs。
Tabs 组件显示第一个 tab 面板,然后显示第二个、第三个…
我们将写一些代码来自动地切换 tab 面板,然后让它循环。
步骤 1:创建 Tabs
&l……继续阅读 »
2年前 (2022-06-12) 362浏览 0评论
0个赞
React Props
state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。
使用 Props
以下实例演示了如何在组件中使用 props:
React 实例
function HelloMessage(props) {
return <……继续阅读 »
2年前 (2022-06-12) 230浏览 0评论
0个赞
jQuery UI API 类别 – 主题(Theming)
jQuery UI 包括一个强大的 CSS 框架,用于创建自定义的 jQuery 小部件。该框架包括涵盖广泛的公共用户界面需求的 Class,并且可以使用 jQuery UI ThemeRoller 进行操纵。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件,您应采用共享标记公约,便于插件社区的代码集成。您可以查看 jQuer……继续阅读 »
2年前 (2022-06-12) 290浏览 0评论
0个赞
Highcharts 配置语法
本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置。
第一步:创建 HTML 页面
创建一个 HTML 页面,引入 jQuery 和 Highcharts 库:
文件名:HighchartsTest.htm
<html>
<head>
<title>Highcharts 教程 | 服务器技术教程</title>
……继续阅读 »
2年前 (2022-06-12) 114浏览 0评论
0个赞
Highcharts 测量图
本章节我们将为大家介绍 Highcharts 的测量图。
序号
图表类型
1
测量图
2
圆形进度条式测量图
3
时钟
4
双轴车速表
5
音量表(VU Meter)
……继续阅读 »
2年前 (2022-06-12) 193浏览 0评论
0个赞
Vue.js 组件
组件(Component)是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素,封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:
注册一个全局组件语法格式如下:
Vue.component(tagName, options)
tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方……继续阅读 »
2年前 (2022-06-12) 353浏览 0评论
0个赞
jQuery UI API 类别 – 特效核心(Effects Core)
由 jquery.ui.effect.js 提供的功能。除了下面列出的方法,jquery.ui.effect.js 还包括一些 Easings。
API
描述
也属于类别
.addClass()
当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class。
特效(Effects) | 方法重载(Method Ov……继续阅读 »
2年前 (2022-06-12) 1319浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 菜单与按钮 – 创建分割按钮(Split Button)
分割按钮(Split Button)包含一个链接按钮(Link Button)和一个菜单(Menu)。当用户点击或者鼠标悬停在向下箭头区域,将会显示一个对应的菜单。本实例演示了如何创建和使用分割按钮(Split Button)。
我们创建一个分割按钮(S……继续阅读 »
2年前 (2022-06-11) 254浏览 0评论
0个赞
Highcharts 配置选项详细说明
Highcharts 提供大量的配置选项参数,您可以轻松定制符合用户要求的图表,本章节为大家详细介绍Highcharts 配置选项使用说明:
参数配置(属性+事件)
chart.events.addSeries:添加数列到图表中。
chart.events.click:整个图表的绘图区上所发生的点击事件。
chart.events.load:图表加载事件。
c……继续阅读 »
2年前 (2022-06-11) 92浏览 0评论
0个赞
ECharts 响应式
ECharts 图表显示在用户指定高宽的 DOM 节点(容器)中。
有时候我们希望在 PC 和 移动设备上都能够很好的展示图表的内容,实现响应式的设计,为了解决这个问题,ECharts 完善了组件的定位设置,并且实现了类似 CSS Media Query 的自适应能力。
ECharts 组件的定位和布局
大部分『组件』和『系列』会遵循两种定位方式。
left/right/top/bottom……继续阅读 »
3年前 (2022-06-11) 294浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 拖放 – 创建拖放的购物车
如果您能够通过您的 Web 应用简单地实现拖动和放置,您就会知道一些特别的东西。通过 jQuery EasyUI,我们在 Web 应用中可以简单地实现拖放功能。
在本教程中,我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面。购物篮中的物品和价格将更新。
显示页面……继续阅读 »
3年前 (2022-06-11) 326浏览 0评论
0个赞
jQuery UI 实例 – 进度条(Progressbar)
显示一个确定的或不确定的进程状态。
如需了解更多有关 progressbar 部件的细节,请查看 API 文档 进度条部件(Progressbar Widget)。
默认功能
默认的确定的进度条。
<!doctype html>
<html lang="en">
<head>
<meta cha……继续阅读 »
3年前 (2022-06-11) 214浏览 0评论
0个赞
Vue.js 起步
每个 Vue 应用都需要通过实例化 Vue 来实现。
语法格式如下:
var vm = new Vue({
// 选项
})
接下来让我们通过实例来看下 Vue 构造器中需要哪些内容:
实例
<div id="vue_det">
<h1>site : {{site}}</h1>
<h1>url : {{url……继续阅读 »
3年前 (2022-06-11) 167浏览 0评论
0个赞
TypeScript 循环
有的时候,我们可能需要多次执行同一块代码。一般情况下,语句是按顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。
编程语言提供了更为复杂执行路径的多种控制结构。
循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的流程图:
for 循环
TypeScript for 循环用于多次执行一个语句序列,简化管理循环变量的代码。
语法
语法格式如下所……继续阅读 »
3年前 (2022-06-10) 201浏览 0评论
0个赞
jQuery UI 实例 – 颜色动画(Color Animation)
使用 .animate() 实现颜色动画效果。
如需了解更多有关颜色动画(Color Animation)的细节,请查看 API 文档 颜色动画(Color Animation)。
jQuery UI 捆绑了 jQuery Color 插件,jQuery Color 插件提供了颜色动画及其他许多与颜色相关的实用功能。
动画(Anim……继续阅读 »
3年前 (2022-06-10) 117浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 布局 – 创建折叠面板
在本教程中,您将会学习到关于 easyui 折叠面板(Accordion)的知识。
折叠面板(Accordion)包含一系列的面板(panel)。
所有面板(panel)的头部(header)都是可见的,但是一次仅仅显示一个面板(panel)的 body 内容。
当用户点击面板(panel)……继续阅读 »
3年前 (2022-06-10) 322浏览 0评论
0个赞
jQuery UI CSS 框架 API
jQuery UI CSS 框架
jQuery UI 包含了一个强大的 CSS 框架,为了创建自定义 jQuery 小部件而设计的。框架包含了通用的用户界面所需的类,且可使用 jQuery UI ThemeRoller 进行维护。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件。您需采用共享标记公约,以便在插件社区的代码集成。
框架类
下面的 CSS 类根据……继续阅读 »
3年前 (2022-06-10) 288浏览 0评论
0个赞
TypeScript 函数
函数是一组一起执行一个任务的语句。
您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的,但在逻辑上,划分通常是根据每个函数执行一个特定的任务来进行的。
函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。
函数定义
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
语法格式如下所示:
function function……继续阅读 »
3年前 (2022-06-10) 210浏览 0评论
0个赞
Swift 协议
协议规定了用来实现某一特定功能所必需的方法和属性。
任意能够满足协议要求的类型被称为遵循(conform)这个协议。
类,结构体或枚举类型都可以遵循协议,并提供具体实现来完成协议定义的方法和功能。
语法
协议的语法格式如下:
protocol SomeProtocol {
// 协议内容
}
要使类遵循某个协议,需要在类型名称后加上协议名称,中间以冒号:分隔,作为类型定义的一部分。遵循多……继续阅读 »
3年前 (2022-06-10) 275浏览 0评论
0个赞