tab | 易学教程

mint-ui —— tab-container的使用

阅读更多关于 mint-ui —— tab-container的使用

tab-container 面板，可切换显示子页面。常与 navbar 、 tabbar 结合使用 Import 按需引入： import { TabContainer, TabContainerItem } from 'mint-ui'; Vue.component(TabContainer.name, TabContainer); Vue.component(TabContainerItem.name, TabContainerItem); 全局导入：全局导入后不用再导入 import Mint from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(Mint); API 示例 xxx.vue ： <template> <div> <div class="nav"> <mt-button size="small" @click.native.prevent="active = 'tab-container1'">tab 1</mt-button> <mt-button size="small" @click.native.prevent="active = 'tab-container2'">tab 2</mt-button> <mt-button size="small" @click.native.prevent=

ConcurrentHashMap（1.8）分析

阅读更多关于 ConcurrentHashMap（1.8）分析

在ConcurrentHashMap（1.8）中与HashMap非常相似，只不过它是线程安全的，在这里主要分析一下putVal（）方法，看看与HashMap的区别。 final V putVal(K key, V value, boolean onlyIfAbsent) { if (key == null || value == null) throw new NullPointerException(); int hash = spread(key.hashCode()); int binCount = 0; for (Node<K,V>[] tab = table;;) { Node<K,V> f; int n, i, fh; if (tab == null || (n = tab.length) == 0) tab = initTable(); else if ((f = tabAt(tab, i = (n - 1) & hash)) == null) { //当要插入的位置没有元素时，使用cas操作来插入新的节点 if (casTabAt(tab, i, null, new Node<K,V>(hash, key, value, null))) break; // no lock when adding to empty bin } else if ((fh = f

用js实现Tab栏切换

阅读更多关于用js实现Tab栏切换

主要用到排他思想，另外给tab每个li标签添加一个index自定义属性（还需要用js获取） <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > < style > * { margin : 0 ; padding : 0 ; } li { list-style-type : none ; } .tab { width : 978px ; margin : 100px auto ; } .tab_list { height : 39px ; border : 1px solid #ccc ; background-color : #f1f1f1 ; } .tab_list li { float : left ; height : 39px ; line-height : 39px ; padding : 0 20px ; text

Flutter-tabbar切換

阅读更多关于 Flutter-tabbar切換

頂部tabbar切換 import 'package:flutter/material.dart'; import 'index_attendance_record.dart'; import 'index_diet.dart'; class IndexScreen extends StatelessWidget { @override Widget build(BuildContext context) { TabController _tabController; return new DefaultTabController( length: 4, child: Scaffold( appBar: AppBar( bottom: TabBar( tabs: <Widget>[ Tab(icon: Icon(Icons.event_note),text: '出勤紀錄',), Tab(icon: Icon(Icons.local_dining),text: '膳食',), Tab(icon: Icon(Icons.face),text: '成長紀錄',), Tab(icon: Icon(Icons.description),text: '訂單紀錄',), ], controller: _tabController, ), ), body: TabBarView( children

Angular UI Bootstrap tabset + ng-include

阅读更多关于 Angular UI Bootstrap tabset + ng-include

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I have trouble setting up a tabset with dynamic contents using ng-include. I tried unsuccessfully with ng-repeat : <tabset justified="true"> <tab ng-repeat="tab in tabs" heading="{{ tab.heading }}" active="tab.active"> <div ng-include="tab.template"></div> </tab> </tabset> Also, I tried without the ng-repeat : <tabset justified="true"> <tab heading="{{ tabs.1.heading }}" active="tabs.1.active"> <div ng-include="'partial/profile/template1.html'"></div> </tab> <tab heading="{{ tabs.2.heading }}" active="tabs.2.active"> <div ng-include="

Python中正则匹配TAB及空格的小技巧

阅读更多关于 Python中正则匹配TAB及空格的小技巧

在正则中，使用.*可以匹配所有字符，其中.代表除\n外的任意字符，*代表0-无穷个,比如说要分别匹配某个目录下的子目录: >>> import re >>> match = re.match(r"/(.*)/(.*)/(.*)/", "/usr/local/bin/") >>> match.groups() ('usr', 'local', 'bin') >>> 比如像上面，使用(.*)就能很好的匹配，但如果字符串中里面即有TAB键，又有空格，要匹配出来，如何匹配呢? 比如说像"Hello >>> import re >>> match = re.match(r"Hello(.*)World!", "Hello Python World!") >>> match.group(1) '\t\t Python ' >>> 要想匹配到TAB和空格的混合字符，可以使用下面的两个小技巧: 1). 使用\s来匹配 >>> import re >>> match = re.match(r"Hello(\s*)(.*)World!", "Hello Python World!" ) >>> match.groups() ('\t\t ', 'Python ') >>> 2). 使用[\t ]来匹配 >>> import re >>> match = re.match(r"Hello([\t ]*)

Vue实现tab选项卡

阅读更多关于 Vue实现tab选项卡

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tabs</title> <style> .active{ background: #f00; } </style> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <ul> <li @click="toggle(index ,tab.view)" v-for="(tab,index) in tabs" :class="{active:active===index}"> {{tab.type}} </li> </ul> <component :is="currentView"></component> </div> </body> </html> <script> Vue.component('child1', { template: "<p>this is child1</p>" }) Vue.component('child2', { template: "<p>this is child2</p>" }) new Vue({ el: "#app", data: { active: 0, currentView:

小程序tab选项卡切换及picker的添加

阅读更多关于小程序tab选项卡切换及picker的添加

wxml文件：  <view class="like-tab {{menuFixed ? 'menu-bar fixed' : 'menu-bar'}}"> <block wx:for="{{changeTabList}}" wx:for-index="index" wx:for-item="item" wx:key="index"> <view class="{{curTabIdx == index ? 'tab current' : 'tab'}}" data-index="{{index}}" bindtap="changeTab" > {{item.id == 4 ? '' : item.value}} <picker wx:if="{{item.id == 4}}" bindchange="bindPickerPriceChange" value="{{pickerPriceIndex}}" range="{{pickerPrice}}" range-key="value"> <view class="picker"> 价格:{{pickerPrice[pickerPriceIndex].value}} </view> </picker> </view> <image bindtap="showSearch" class="icon

ConcurrentHashMap 1.8源码解析

阅读更多关于 ConcurrentHashMap 1.8源码解析

put 方法 public V put(K key, V value) { return putVal(key, value, false); } /** Implementation for put and putIfAbsent */ final V putVal(K key, V value, boolean onlyIfAbsent) { if (key == null || value == null) throw new NullPointerException(); int hash = spread(key.hashCode()); int binCount = 0; for (Node<K,V>[] tab = table;;) { Node<K,V> f; int n, i, fh; if (tab == null || (n = tab.length) == 0) tab = initTable(); else if ((f = tabAt(tab, i = (n - 1) & hash)) == null) { //利用CAS操作将元素插入到Hash表中 if (casTabAt(tab, i, null, new Node<K,V>(hash, key, value, null))) break; // no lock when adding to

vim 下修改tab键为四个空格

阅读更多关于 vim 下修改tab键为四个空格

其实，修改tab默认4个空格有两种设置方法： 1 方法一： 2 set ts=4 3 set sw=4 4 方法二： 5 set ts=4 6 set expandtab 7 set autoindent 推荐使用第二种，按tab键时产生的是4个空格，这种方式具有最好的兼容性。正确vimrc配置： 1 set shiftwidth=4 2 set softtabstop=4 3 set tabstop=4 4 set expandtab 5 set autoindent 解释： set autoindent Tab键的宽度当设置成 expandtab 时，缩进用空格来表示，noexpandtab 则是用制表符表示一个缩进。 set softtabstop=4 set shiftwidth=4 Tab键的宽度来源： https://www.cnblogs.com/alog9/p/11683506.html

订阅 tab