使用数组和链表实现背包、队列、栈3种集合类数据结构 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (26)
目录1. API1.1. 背包1.2. 队列1.3. 栈2. 实现2.1. 背包2.2. 队列2.3. 栈
API背包
队列

实现背包1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798public class Bag<Item> implements Iterable<Item> {    private Node<Item> first;    // beginning of bag    private int n;               // number of elements in bag    // helper linked list class    private static class Node<Item> {        p...阅读全文

CSS预处理---Less使用案例 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (26)
目录1. 前言2. 示例3. 对应效果4. 解释
前言示例12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152@import "../../assets/less/common";.countDownAd {  &:extend(.flexLayout);  padding: 30rem / @font-size-base;  box-sizing: border-box;  background-color: #fff;  .content {    flex: 1;    .title {      &:extend(.oneLineFormatEllipsis);      width: 100%;      height: 40rem / @font-size-base;      margin: 10rem / @font-size-base 0 0 0;      color: #444;      font-family: @font...阅读全文

使用AngularJs封装Tabs选项卡组件 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (23)
实现demo源码托管于github,详见Github gcidea/angular-tabs
概述  承载该表格插件的主要模板html结构如下123456789101112131415161718192021222324252627282930313233343536template:   '<div id="{{$ctrl.componentId}}" class="module-tabs">'+                    '<div class="tab-label">'+                        '<ul class="main-tabs">'+                            '<li class="glyphicons">'+                                '<span class="glyphicon glyphicon-home">'+                                '</span>'+                            '</li...阅读全文

使用AngularJs封装表格内容渲染(含分页)组件 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (23)
实现demo源码托管于github,详见Github gcidea/angular-table
html结构  承载该表格插件的主要html结构如下(直接内联了部分样式 ,且不是完整的html结构,只是该组件的模板部分)123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475<meta charset="UTF-8"><style>.pagination>li {    cursor: pointer;    -moz-user-select:none;    -webkit-user-select:none;    -ms-user-select:none;    -khtml-user-select:none;    user-select:none;}.overLength {    overflow: hidden;      text-overflow...阅读全文

Bootstrap等前端框架栅格系统的原理 | GCidea's blog

作者:JerryXia | 发表于 , 阅读 (22)
目录1. 栅格系统基本使用方法1.1. 基本原理1.2. 媒体查询1.3. 实例1.4. 效果2. 源码简要分析
栅格系统基本使用方法基本原理  Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。  栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理:
“行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。通过“行(row)”在水平方向创建一组“列(column)”。你的内容应当放置于“列(column)”内,并且,只有“列(column)”可以作为行(row)”的直接子元素。类似 .row 和 .col-xs-4 这种预定义的类,可以用来快速创建栅格布局。Bootstr...阅读全文