Vue3 组件
组件(Component)是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素,封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:
每个 Vue 应用都是通过用 createApp 函数创建的,传递给 createApp 的选项用于配置根组件。当我们挂载应用时,该组件被用作渲染的起点。
一个应用需要被挂载到一个……继续阅读 »
3年前 (2022-06-06) 271浏览 0评论
0个赞
DTD – 实体
实体是用于定义引用普通文本或特殊字符的快捷方式的变量。
实体引用是对实体的引用。
实体可在内部或外部进行声明。
一个内部实体声明
语法
<!ENTITY entity-name “entity-value”>
实例
DTD 实例:
<!ENTITY writer “Donald Duck.”>
&l……继续阅读 »
3年前 (2022-06-05) 269浏览 0评论
0个赞
TypeScript 对象
对象是包含一组键值对的实例。 值可以是标量、函数、数组、对象等,如下实例:
var object_name = {
key1: "value1", // 标量
key2: "value",
key3: function() {
// 函数
},
key4:["content1&quo……继续阅读 »
3年前 (2022-06-05) 198浏览 0评论
0个赞
AngularJS 实例
实例
您可以在线编辑实例,然后点击按钮查看结果。
AngularJS 实例
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>……继续阅读 »
3年前 (2022-06-05) 279浏览 0评论
0个赞
jQuery UI API 类别 – 选择器(Selectors)
API
描述
也属于类别
:data() Selector
选择数据已存储在指定的键下的元素。
UI 核心(UI Core)
:focusable Selector
选择可被聚焦的元素。
UI 核心(UI Core)
:tabbable Selector
选择用户可通过 tab 键聚焦的元素。
UI 核心(UI Core)……继续阅读 »
3年前 (2022-06-05) 240浏览 0评论
0个赞
jQuery UI 实例 – 自动完成(Autocomplete)
根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择。
如需了解更多有关 autocomplete 部件的细节,请查看 API 文档 自动完成部件(Autocomplete Widget)。
本章节使用到 search.php 下载。
默认功能
当您在输入域中输入时,自动完成(Autocomplete)部件提供相应的建议。在本……继续阅读 »
3年前 (2022-06-05) 153浏览 0评论
0个赞
JSON 语法
JSON 语法是 JavaScript 语法的子集。
JSON 语法规则
JSON 语法是 JavaScript 对象表示语法的子集。
数据在名称/值对中
数据由逗号分隔
大括号 {} 保存对象
中括号 [] 保存数组,数组可以包含多个对象
JSON 名称/值对
JSON 数据的书写格式是:
key : value
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:
&quo……继续阅读 »
3年前 (2022-06-05) 125浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 窗口 – 自定义窗口工具栏
默认情况下,窗口(window)有四个工具:collapsible、minimizable、maximizable 和 closable。比如我们定义以下窗口(window):
<div id="win" class="easyui-……继续阅读 »
3年前 (2022-06-05) 210浏览 0评论
0个赞
AngularJS 教程
AngularJS 通过新的属性和表达式扩展了 HTML。
AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。
AngularJS 学习起来非常简单。
现在开始学习 AngularJS!
每个章节都有相应的实例
在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。
AngularJS 实例
<!DOCTYPE h……继续阅读 »
3年前 (2022-06-05) 287浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 数据网格 – 设置冻结列
本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部。
为了冻结列,您需要定义 frozenColumns 属性。frozenColumn 属性和 columns 属性一样。
$('#tt').datag……继续阅读 »
3年前 (2022-06-05) 187浏览 0评论
0个赞
jQuery – AJAX load() 方法
jQuery load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值……继续阅读 »
3年前 (2022-06-04) 237浏览 0评论
0个赞
pre {
white-space: pre-wrap;
}
jQuery EasyUI 插件
jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。
用户可以组合使用这些组件,也可以单独使用其中一个。
插件列表
Base(基础)
Parser 解析器
Easyloa……继续阅读 »
3年前 (2022-06-04) 277浏览 0评论
0个赞
Swift 析构过程
在一个类的实例被释放之前,析构函数被立即调用。用关键字deinit来标示析构函数,类似于初始化函数用init来标示。析构函数只适用于类类型。
析构过程原理
Swift 会自动释放不再需要的实例以释放资源。
Swift 通过自动引用计数(ARC)处理实例的内存管理。
通常当你的实例被释放时不需要手动地去清理。但是,当使用自己的资源时,你可能需要进行一些额外的清理。
例如,如果创建了一个自定义的类……继续阅读 »
3年前 (2022-06-04) 226浏览 0评论
0个赞
AngularJS XMLHttpRequest
$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。
使用格式:
// 简单的 GET 请求,可以改为 POST
$http({
method: 'GET',
url: '/someUrl'
}).then(function success……继续阅读 »
3年前 (2022-06-04) 132浏览 0评论
0个赞
JSON 对象
对象语法
实例
{ "name":"runoob", "alexa":10000, "site":null }
JSON 对象使用在大括号({})中书写。
对象可以包含多个 key/value(键/值)对。
key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 n……继续阅读 »
3年前 (2022-06-04) 98浏览 0评论
0个赞
jQuery UI 实例 – 滑块(Slider)
拖动手柄来选择一个数值。
如需了解更多有关 slider 部件的细节,请查看 API 文档 滑块部件(Slider Widget)。
默认功能
基本的滑块是水平的,有一个单一的手柄,可以用鼠标或箭头键进行移动。
<!doctype html>
<html lang="en">
<head>
<meta ch……继续阅读 »
3年前 (2022-06-03) 173浏览 0评论
0个赞
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”(或选择)HTML 元素。
它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开……继续阅读 »
3年前 (2022-06-03) 403浏览 0评论
0个赞
Swift 属性
Swift 属性将值跟特定的类、结构或枚举关联。
属性可分为存储属性和计算属性:
存储属性
计算属性
存储常量或变量作为实例的一部分
计算(而不是存储)一个值
用于类和结构体
用于类、结构体和枚举
存储属性和计算属性通常用于特定类型的实例。
属性也可以直接用于类型本身,这种属性称为类型属性。
另外,还可以定义属性观察器来监控属性值的变化,以此来触发一个自定义的操作。属性观……继续阅读 »
3年前 (2022-06-03) 103浏览 0评论
0个赞
jQuery 教程
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
本章节的每一篇都包含了在线实例
通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。
实例
$(document).ready(function(){
$("p").click(function(){
$(this)……继续阅读 »
3年前 (2022-06-03) 276浏览 0评论
0个赞
TypeScript String(字符串)
String 对象用于处理文本(字符串)。
语法
var txt = new String("string");
或者更简单方式:
var txt = "string";
String 对象属性
下表列出了 String 对象支持的属性:
序号
属性 & 描述
实例
1.
constructor
对创建该对象的函数的引用。
var str = n……继续阅读 »
3年前 (2022-06-02) 161浏览 0评论
0个赞
Vue.js 过渡 & 动画
本章节我们主要讨论 Vue.js 的过渡效果与动画效果。
过渡
Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。
Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。
语法格式
<transition name = "nameoftransition">
<div></div>
</t……继续阅读 »
3年前 (2022-06-02) 204浏览 0评论
0个赞
Angular 2 数据显示
本章节我们将为大家介绍如何将数据显示到用户界面上,可以使用以下三种方式:
通过插值表达式显示组件的属性
通过 NgFor 显示数组型属性
通过 NgIf 实现按条件显示
通过插值表达式显示组件的属性
要显示组件的属性,插值是最简单的方式,格式为:{{属性名}}。
以下代码基于 Angular 2 TypeScript 环境配置 来创建,你可以在该章节上下载源码,并修改以下提到……继续阅读 »
3年前 (2022-06-02) 197浏览 0评论
0个赞
Vue.js 模板语法
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
插值
文本
数据绑定最常见的形式就是使用 {{…}}(双大括号)的文……继续阅读 »
3年前 (2022-06-02) 201浏览 0评论
0个赞
Highcharts 柱形图
本章节我们将为大家介绍几种柱形图的类型。
序号
图表类型
1
基本柱形图
2
反向柱形图
3
堆叠柱形图
4
堆叠组柱形图
5
按百分比堆叠柱形图
6
标签旋转柱形图
7
向下钻取柱形图
8
固定布局柱形图
9
使用 html 表格数据的柱形图
10
区间柱形图
……继续阅读 »
3年前 (2022-06-02) 114浏览 0评论
0个赞
Vue3 事件处理
我们可以使用 v-on 指令来监听 DOM 事件,从而执行 JavaScript 代码。
v-on 指令可以缩写为 @ 符号。
语法格式:
v-on:click="methodName"
或
@click="methodName"
v-on
<div id="app">
<button @click="counter += 1">……继续阅读 »
3年前 (2022-06-02) 225浏览 0评论
0个赞
jQuery UI 实例 – 隐藏(Hide)
使用自定义效果来隐藏匹配的元素。
如需了解更多有关 .hide() 方法的细节,请查看 API 文档 .hide()。
.hide() 演示
点击按钮预览特效。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<tit……继续阅读 »
3年前 (2022-06-02) 201浏览 0评论
0个赞
AngularJS Bootstrap
AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架。
查看 Bootstrap教程。
Bootstrap
你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码:
<link rel=”s……继续阅读 »
3年前 (2022-06-02) 245浏览 0评论
0个赞
TypeScript 安装
本文介绍 TypeScript 环境的安装。
我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的NPM 使用介绍。
NPM 安装 TypeScript
如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装。
使用国内镜像:
npm config set registry https://registry.npmmirror.com
安装 typescri……继续阅读 »
3年前 (2022-06-01) 106浏览 0评论
0个赞
Swift 下标脚本
下标脚本 可以定义在类(Class)、结构体(structure)和枚举(enumeration)这些目标中,可以认为是访问对象、集合或序列的快捷方式,不需要再调用实例的特定的赋值和访问方法。
举例来说,用下标脚本访问一个数组(Array)实例中的元素可以这样写 someArray[index] ,访问字典(Dictionary)实例中的元素可以这样写 someDictionary[key]。
……继续阅读 »
3年前 (2022-06-01) 271浏览 0评论
0个赞
TypeScript 教程
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
语言特性
TypeScript 是一种给 JavaScript 添……继续阅读 »
3年前 (2022-06-01) 194浏览 0评论
0个赞