Browsed by
月份:2017年12月

算法回顾

算法回顾

[toc] 三日不弹,手生荆棘 回顾是非常好的学习方法,让自己想起OI的时光。 排序 冒泡排序 Bubble Sort 先来一个最简单的,冒泡排序。顾名思义,就像水底往上冒的气泡,离水面越近,水泡越来越大。 从第一位开始,将其和它的下一个进行比对,如果前一个大,则交换位置;然后到第二位,就变为第二位与第三位比对,以此类推,两两比对完成后,就能保证最后一位为整个序列的最大。 然后再从第一位进行相邻的两两比对,这一次比对到倒数第二位即可,因为最后一位已经是最大,无需再比,则完成后,倒数第二位为整个序列的次大。 每次两两比对交换的终点位前移一次,则此算法终止与最终位为第二位时。 int[] array = {3, 5, 7, 4, 2, 1, 6}; for (int end = array.length – 1; end > 0; end–) { // 两两比对的终点控制 for (int index = 0; index < end; index++) { // 当前位控制 if (array[index] > array[index + 1]) { // 当前位与其下一位进行比对 int temp = array[index]; array[index] = array[index + 1]; array[index + 1] = temp; } } } 插入排序 Insertion sort 这个原理应该是最简单的,即假定存在一个有序序列,将另一个数放入其中并保持最终的有序;在…

阅读全文 Read More

Tooltip

Tooltip

[toc] 概述 OVERVIEW Angular Material提示框是一个当用户悬停或长按一个元素时会显示出来的文本标签。 The Angular Material tooltip provides a text label that is displayed with the user hovers over or longpresses an element. 位置 Positioning 提示框默认展示在元素的下方,但可以通过matTooltipPosition来设置其位置。提示框可以展示在元素的上、下、左、右。默认在下方。如果提示框在RTL布局方向中需要切换左右,则需要用before和after来替代left和right。 The tooltip will be displayed below the element but this can be configured using the matTooltipPosition input. The tooltip can be displayed above, below, left, or right of the element. By default the position will be below. If the tooltip should switch left/right positions in an RTL layout direction, then the positions before and after…

阅读全文 Read More

Grid list

Grid list

[toc] 概述 OVERVIEW mat-grid-list是一个排列基于网格布局的单元格的二维列表视图。可以点击此处查看Material Design说明。 mat-grid-list is a two-dimensional list view that arranges cells into grid-based layout. See Material Design spec here. 设置列数 Setting the number of columns mat-grid-list必须指定cols属性,设置网格的列数。行数将基于列数与总项数自动确定。 An mat-grid-list must specify a cols attribute which sets the number of columns in the grid. The number of rows will be automatically determined based on the number of columns and the number of items. 设置行高 Setting the row height 通过rowHeight属性可以设置网格列表中的行高。有三种方式计算列表行高: The height of the rows in a grid list can be set via the rowHeight attribute. Row height for the list can b…

阅读全文 Read More

List

List

[toc] 概述 OVERVIEW <mat-list>是一个封装并格式化一系列行项的容器组件。作为基础的列表组件,提供了Material Design样式,但没有自己的行为。 <mat-list> is a container component that wraps and formats a series of line items. As the base list component, it provides Material Design styling, but no behavior of its own. 简单列表 Simple lists 一个<mat-list>元素包含多个<mat-list-item>元素。 An <mat-list> element contains a number of <mat-list-item> elements. <mat-list> <mat-list-item> Pepper </mat-list-item> <mat-list-item> Salt </mat-list-item> <mat-list-item> Paprika </mat-list-item> </mat-list> 导航列表 Navigation lists 使用mat-nav-list标签来用列表导航(…

阅读全文 Read More

Menu

Menu

[toc] 概述 OVERVIEW <mat-menu>是一个包含选项列表的浮动面板。 <mat-menu> is a floating panel containing list of options. <mat-menu>元素本身不渲染任何东西。菜单通过matMenuTriggerFor指令添加到应用中并打开。 By itself, the <mat-menu> element does not render anything. The menu is attached to and opened via application of the matMenuTriggerFor directive: <mat-menu #appMenu=”matMenu”> <button mat-menu-item> Settings </button> <button mat-menu-item> Help </button> </mat-menu> <button mat-icon-button [matMenuTriggerFor]=”appMenu”> <mat-icon>more_vert</mat-icon> </button> 编码切换菜单 Toggling the menu programmatically menu暴露了一个打…

阅读全文 Read More

Dialog

Dialog

[toc] 概述 OVERVIEW 使用MatDialog服务,可以打开包含Material Design样式与动画的对话框。 The MatDialog service can be used to open modal dialogs with Material Design styling and animations. 传入一个需要加载的组件和可选配置对象,调用open方法可以打开对话框。open方法将返回一个MatDialogRef实例。 A dialog is opened by calling the open method with a component to be loaded and an optional config object. The open method will return an instance of MatDialogRef: let dialogRef = dialog.open(UserProfileComponent, { height: ‘400px’, width: ‘600px’, }); MatDialogRef提供了对已打开对话框的操作。可以用来关闭对话框,并在关闭后接收通知。 The MatDialogRef provides a handle on the opened dialog. It can be used to close the dialog and to receive notification when the dial…

阅读全文 Read More

Radio button

Radio button

[toc] 概述 OVERVIEW <mat-radio>提供了与原生<input type=”radio”>相同的功能,并增强了Material Design样式与动画。 <mat-radio> provides the same functionality as a native <input type=”radio”> enhanced with Material Design styling and animations. 具有相同name的一组单选按钮,一次只能选中其中一个。 All radio-buttons with the same name comprise a set from which only one may be selected at a time. Radio-button标签 Radio-button label radio-button标签提供为<mat-radio-button>元素的内容。通过设置labelPosition属性为’before’或者’after’,可以指定标签的位置显示在单元按钮前面还是后面。 The radio-button label is provided as the content to the <mat-radio-button> element. The label can be positioned before or after the radio-but…

阅读全文 Read More