weixin_30689307
weixin_30689307

angular-ui-bootstrap插件API - Tabs

Tabs

案例

DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <link rel="stylesheet" href='../node_modules/bootstrap/dist/css/bootstrap.css'>
    <link rel="stylesheet" href='../node_modules/angular-ui-bootstrap/dist/ui-bootstrap-csp.css'>
    <script src="../node_modules/angular/angular.min.js">script>
    <script src="../node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js">script>
    <style type="text/css">
        form.tab-form-demo .tab-pane {
            margin: 20px 20px;
        }
    style>
    <script>
        angular.module('myApp',['ui.bootstrap'])
            .controller('TabsDemoCtrl', function ($scope, uibDateParser) {
                $scope.tabs = [
                    { title:'Dynamic Title 1', content:'Dynamic content 1' },
                    { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
                ];

                $scope.alertMe = function() {
                    setTimeout(function() {
                        $window.alert('You\'ve selected the alert tab!');
                    });
                };

                $scope.model = {
                    name: 'Tabs'
                };
            });
    script>
head>
<body>
<div ng-controller="TabsDemoCtrl">
    <p>Select a tab by setting active binding to true:p>
    <p>
        <button type="button" class="btn btn-default btn-sm" ng-click="active = 1">Select second tabbutton>
        <button type="button" class="btn btn-default btn-sm" ng-click="active = 2">Select third tabbutton>
    p>
    <p>
        <button type="button" class="btn btn-default btn-sm" ng-click="tabs[1].disabled = ! tabs[1].disabled">Enable / Disable third tabbutton>
    p>
    <hr />

    <uib-tabset active="active">
        <uib-tab index="0" heading="Static title">Static contentuib-tab>
        <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" disable="tab.disabled">
            {{tab.content}}
        uib-tab>
        <uib-tab index="3" select="alertMe()">
            <uib-tab-heading>
                <i class="glyphicon glyphicon-bell">i> Alert!
            uib-tab-heading>
            I've got an HTML heading, and a select callback. Pretty cool!
        uib-tab>
    uib-tabset>

    <hr />

    <uib-tabset active="activePill" vertical="true" type="pills">
        <uib-tab index="0" heading="Vertical 1">Vertical content 1uib-tab>
        <uib-tab index="1" heading="Vertical 2">Vertical content 2uib-tab>
    uib-tabset>

    <hr />

    <uib-tabset active="activeJustified" justified="true">
        <uib-tab index="0" heading="Justified">Justified contentuib-tab>
        <uib-tab index="1" heading="SJ">Short Labeled Justified contentuib-tab>
        <uib-tab index="2" heading="Long Justified">Long Labeled Justified contentuib-tab>
    uib-tabset>

    <hr />

    Tabbed pills with CSS classes
    <uib-tabset type="pills">
        <uib-tab heading="Default Size">Tab 1 contentuib-tab>
        <uib-tab heading="Small Button" classes="btn-sm">Tab 2 contentuib-tab>
    uib-tabset>

    <hr />

    Tabs using nested forms:
    <form name="outerForm" class="tab-form-demo">
        <uib-tabset active="activeForm">
            <uib-tab index="0" heading="Form Tab">
                <ng-form name="nestedForm">
                    <div class="form-group">
                        <label>Namelabel>
                        <input type="text" class="form-control" required ng-model="model.name"/>
                    div>
                ng-form>
            uib-tab>
            <uib-tab index="1" heading="Tab One">
                Some Tab Content
            uib-tab>
            <uib-tab index="2" heading="Tab Two">
                More Tab Content
            uib-tab>
        uib-tabset>
    form>
    Model:
    <pre>{{ model | json }}pre>
    Nested Form:
    <pre>{{ outerForm.nestedForm | json }}pre>
div>
body>
html>

效果
angular-ui-bootstrap插件API - Tabs_第1张图片

uib-tabset 配置

  • active  (Default: Index of first tab) - 选项卡索引。设置这个现有选项卡的标签索引。

    <button type="button" class="btn btn-default btn-sm" ng-click="uibTabDemo = 1">点击后切换到twobutton>
    <uib-tabset active="uibTabDemo">
        <uib-tab index="0" heading="one">
            one
        uib-tab>
        <uib-tab index="1" heading="two">
            two
        uib-tab>
    uib-tabset>

    angular-ui-bootstrap插件API - Tabs_第2张图片

  • justified $ (Default: false) -标签填补容器的宽度受否一致。

    <uib-tabset active="activeJustified" justified="true">
        <uib-tab index="0" heading="Justified">Justified contentuib-tab>
        <uib-tab index="1" heading="SJ">Short Labeled Justified contentuib-tab>
        <uib-tab index="2" heading="Long Justified">Long Labeled Justified contentuib-tab>
        <uib-tab index="3" heading="Long ">Long Labeled contentuib-tab>
        <uib-tab index="4" heading="Justified">Justified contentuib-tab>
    uib-tabset>

    <uib-tabset active="activeJustified" justified="false">
        <uib-tab index="0" heading="Justified">Justified contentuib-tab>
        <uib-tab index="1" heading="SJ">Short Labeled Justified contentuib-tab>
        <uib-tab index="2" heading="Long Justified">Long Labeled Justified contentuib-tab>
        <uib-tab index="3" heading="Long ">Long Labeled contentuib-tab>
        <uib-tab index="4" heading="Justified">Justified contentuib-tab>
    uib-tabset>

    • template-url (Default: uib/template/tabs/tabset.html) - 一个URL代表组件使用的模板位置。

  • type (Defaults: tabs) - 导航类型。可能的值是“tabs”和“pills”。以下是pills类型

    <uib-tabset type="pills">
        <uib-tab heading="Default Size">Tab 1 contentuib-tab>
        <uib-tab heading="Small Button" classes="btn-sm">Tab 2 contentuib-tab>
    uib-tabset>

  • vertical $ (Default: false) - 标签是否垂直堆叠显示（最好设置type为pills，因为ui-bootstrap并没有对对垂直显示做样式调整）。

    <uib-tabset active="activePill" vertical="true" type="pills">
        <uib-tab index="0" heading="Vertical 1">Vertical content 1uib-tab>
        <uib-tab index="1" heading="Vertical 2">Vertical content 2uib-tab>
    uib-tabset>

    angular-ui-bootstrap插件API - Tabs_第3张图片

uib-tab 配置

  • classes $ - 一个可选的字符串，内容为空格分隔的CSS类.这个类是作用到标签上的，而不是内容上的

    Tabbed pills with CSS classes
    <uib-tabset type="pills">
        <uib-tab heading="Default Size">Tab 1 contentuib-tab>
        <uib-tab heading="Small Button" classes="btn-sm">Tab 2 contentuib-tab>
    uib-tabset>

    angular-ui-bootstrap插件API - Tabs_第4张图片

  • deselect() $ - 当标签被激活时，一个可选的表达式

  • disable $  (Default: false) - 禁用选项卡

  • heading - 标题文本

    <uib-tabset>
        <uib-tab index="0" heading="one">
            one
        uib-tab>
        <uib-tab index="1" heading="two">
            two
        uib-tab>
    uib-tabset>

  • index - 标签索引。必须是唯一的数字或字符串。

  • select() $ - 一个可选的表达式，当标签被激活时触发。

    $scope.tabs = [
                    { title:'Dynamic Title 1', content:'Dynamic content 1' },
                    { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
                ];

                $scope.alertMe = function() {
                    console.log('demo')
                };

  • template-url (Default: uib/template/tabs/tab.html) - 一个URL的位置代表使用选项卡标题的模板。

Tabset heading

如果使用uib-tabset字符串标题无法满足需求,您也可以使用一个uib-tab-heading元素。也可以使用HTML。

<uib-tabset active="active">
        <uib-tab index="0" heading="Static title">Static contentuib-tab>
        <uib-tab index="1" select="alertMe()">
            <uib-tab-heading>
                <i class="glyphicon glyphicon-bell">i> Alert!
            uib-tab-heading>
            I've got an HTML heading, and a select callback. Pretty cool!
        uib-tab>
    uib-tabset>

 

已知的问题

要在标签中使用可点击元素（例如a标签），你必须改为使用div元素，而不是a元素，并设置相应的样式。

 

转载于:https://www.cnblogs.com/woleicom/p/5640165.html

你可能感兴趣的:(angular-ui-bootstrap插件API - Tabs)

  • 鸿蒙HarmonyOS EventHub模块 yj235532 鸿蒙harmonyos鸿蒙开发移动开发harmonyos鸿蒙鸿蒙开发UI组件化
    一、引言EventHub模块在HarmonyOS应用开发中扮演着重要角色，它提供了事件中心的功能，包括事件订阅、取消订阅以及触发事件等操作，为应用内的模块间通信提供了有效的机制。二、模块基本信息接口支持版本：首批接口从APIversion9开始支持，后续版本的新增接口采用上角标单独标记起始版本。适用模型：本模块接口仅可在Stage模型下使用。三、导入模块在使用EventHub功能前，需导入相关模块
  • antd的Anchor锚点组件为什么没有随着页面滚动变化？ Joern-Lee Reactjavascriptreact.js前端
    原创不易~看完若对你有所帮助，记得点一个赞哈，这就是对我最大的支持了！之前自己使用antd组件库的Anchor组件时遇到了一个问题，就是按照官方文档的用法配置组件之后发现我的Anchor锚点组件的锚点Title位置没办法随着我的页面滚动而变化。但是点击Title跳转具体锚定位置的功能却是没有问题的经过网上的一些资料搜索以及自己对API的实践，最终找到了问题所在，这里的Anchor组件有一个targ
  • Charles中文版抓包工具：如何加速API调试与网络优化 2501_91592143 httpudphttpswebsocket网络安全网络协议tcp/ip
    在软件开发的过程中，网络请求和API接口的调试与优化是最常见的挑战之一。无论是Web开发、移动应用调试，还是后端API性能优化，开发者都需要一个高效的工具来帮助诊断和解决网络流量中的潜在问题。Charles抓包工具作为一款行业领先的网络调试软件，凭借其强大的功能和简便的操作，帮助开发者提升开发效率、优化网络请求。本文将探讨如何通过Charles中文版抓包工具加速API调试与网络优化，确保开发过程中
  • DOP数据开放平台(真实线上项目) JAVA拾贝 java数据开放平台接口开放平台监控限流接口过滤自动文档
    什么是数据开放平台？数据开放平台是一种通过公开应用程序编程接口（API）或结构化数据，允许第三方开发者或机构访问、使用和共享数据的平台‌，旨在促进数据流通、打破信息孤岛并激发创新应用。DOP数据开放平台简单演示DOP数据开放平台(JAVA语言)DOP数据开放平台优势网址：DOP数据开放平台商户可自行注册，管理员开放权限访问接口向下兼容，方便版本迭代响应报文过滤，数据更安全支持监控限流，服务更稳定自
  • Joda-Time 日期时间库介绍 hweiyu00 技术栈杂谈开发语言java
    一、Joda-Time是什么？Joda-Time是由StephenColebourne开发的开源日期时间库，用于替代Java标准库中的java.util.Date和java.util.Calendar。它因设计更合理、使用更便捷，曾是Java开发中处理日期时间的主流选择，尤其在Java8推出新的日期时间API（java.time包）之前被广泛使用。二、Joda-Time解决了Java标准库的哪些问
  • AingDesk开源免费的本地 AI 模型管理工具(搭建和调用MCP) 没刮胡子 Linux服务器技术软件开发技术实战专栏人工智能AI开源人工智能AI助手mcpsse知识库智能体
    说明AingDesk是一款开源免费的本地AI模型管理工具，旨在简化AI模型部署流程并提升用户体验。AingDesk支持本地AI模型及API+知识库搭建。支持知识库、模型API、分享、联网搜索、智能体。✨产品亮点跨平台支持客户端支持Windows、macOS，服务端可通过Docker部署高效下载与网络优化自动选择最优下载线路，支持断点续传，提升大模型部署速度兼容OpenAIAPI格式，方便第三方模型
  • Flutter基础（对接 API） aaiier flutter
    1.添加依赖首先在pubspec.yaml中添加http包：dependencies:flutter:sdk:flutterhttp:^1.1.0#网络请求库然后运行flutterpubget来获取依赖包。2.创建API服务类创建一个专门的类来处理所有API请求，方便统一管理。import'dart:convert';//用于JSON编解码import'package:http/http.dart
  • Flutter到鸿蒙的跨越：flutter-phone-direct-caller库的鸿蒙适配之旅 harmonyos
    flutter_app_icon_badge插件鸿蒙适配：实现跨平台应用图标角标管理本项目作者：坚果您可以使用这个Flutter插件来更改应用程序图标上的角标作者仓库：https://github.com/badver/flutter_app_icon_badge/在数字化浪潮的推动下，跨平台开发框架如Flutter凭借其高效、便捷的特性，成为了开发者们的宠儿。而鸿蒙系统的崛起，更是为跨平台开发注
  • memory_info：Flutter 插件助力鸿蒙生态，精准获取设备内存信息 harmonyos
    memory_info：Flutter插件助力鸿蒙生态，精准获取设备内存信息帮助您获取设备内存信息（ram&rom）本项目作者：王阳科/坚果您可以使用这个Flutter插件来更改应用程序图标上的角标作者仓库：https://github.com/MrOlolo/memory_info/tree/master/memory_info在数字化浪潮的推动下，跨平台开发框架如Flutter凭借其高效、便捷
  • 插件鸿蒙化flutter_native_contact_picker_plus联系人选择器的跨平台适配实践【上篇】 harmonyos
    Flutter插件鸿蒙化，flutter_native_contact_picker_plus联系人选择器的跨平台适配实践本项目作者：坚果适配仓库地址作者仓库：https://pub.dev/packages/flutter_native_contact_picker_plus在数字化浪潮的推动下，跨平台开发框架如Flutter凭借其高效、便捷的特性，成为了开发者们的宠儿。而鸿蒙系统的崛起，更是为
  • Flutter Network Info Plus 鸿蒙适配要点总结 harmonyos
    FlutterNetworkInfoPlus鸿蒙适配要点总结概述NetworkInfoPlus是一个流行的Flutter插件，用于获取设备的网络信息，包括Wi-Fi名称、BSSID、IP地址等。本文将详细介绍该插件在鸿蒙（HarmonyOS）平台的适配实现，包括功能介绍、技术实现和注意事项。创建ohos模块fluttercreate.--orgdev.fluttercommunity.plus--
  • Flutter开发环境配置指南 harmonyos
    环境相关问题flutter开发环境配置参考建议使用的开发工具版本flutter3.22.0-ohos版本python3.8-python3.11java17node18ohpm1.6+HamonyOSSDKapi11Xcode14.3断网环境flutterpubget执行失败解决方案：加上--offline参数，完整命令flutterpubget--offline。mac环境release版本的应
  • 适配HarmonyOS Next API16的鸿蒙版Flutter 3.22.0版本发布 harmonyos
    适配HarmonyOSNextAPI16的鸿蒙版Flutter3.22.0版本发布版本发布时间2025年4月15日版本配套IDE:DevEcoStudio5.0.11.100FlutterSDK:3.22.0-ohos-0.1.2ROM:205.0.0.150请将你的IDE升级到最新版本，体验最新的特性。版本下载gitclonehttps://gitcode.com/openharmony-sig
  • 关于插件参数传递 harmonyos
    关于插件参数传递按照以前的习惯，dart端传递map参数，原生端根据map解析参数。但由于ts支持将字符串直接转换成对应的interface，那么我们可以将dart的端的参数。参数定义比如geolocator_ohos中的CurrentLocationSettingsOhos在dart端的实现为如下:MaptoMap(){return{if(priority!=null)'priority':pr
  • 3.22.0-ohos-1.0.4版本发布说明 harmonyos
    3.22.0-ohos-1.0.4发布版本概述本版本为基于Flutter3.22.0适配的OpenHarmony版本。本版本支持和完善OpenHarmony平台侧能力，提升稳定性。新增特性fluttersdk模版工程和测试工程适配api18新增图片解码适配EXIF旋转特性新增支持外接纹理局部刷新特性新增接入hiAppEvent接口的能力新增适配触控板滑动抛滑、双指捏合功能，Ctrl+鼠标滚轮缩放新
  • 车牌识别与标注：基于百度OCR与OpenCV的实现（一） 喜欢踢足球的老罗 大模型应用开发实践之旅ocropencv人工智能
    车牌识别与标注：基于百度OCR与OpenCV的实现在计算机视觉领域，车牌识别是一项极具实用价值的技术，广泛应用于交通监控、智能停车场管理等领域。本文将介绍如何在macOS系统下，利用百度OCRAPI进行车牌识别，并结合OpenCV库在图片上绘制标注框和车牌号码，实现一个完整的车牌识别与标注流程。整个工程将使用PyCharm进行组织和开发。一、系统环境与工程结构系统环境操作系统：macOS开发工具：
  • OpenAI-Compatible Edge-TTS API 使用教程 马琥承
    OpenAI-CompatibleEdge-TTSAPI使用教程openai-edge-ttsFree,high-qualitytext-to-speechAPIendpointtoreplaceOpenAI,Azure,orElevenLabs项目地址:https://gitcode.com/gh_mirrors/op/openai-edge-tts1.项目介绍本项目提供了一个本地化的、与Ope
  • 开源项目安装与配置指南：OpenAI-Compatible Edge-TTS API 霍虹情Victorious
    开源项目安装与配置指南：OpenAI-CompatibleEdge-TTSAPIopenai-edge-ttsFree,high-qualitytext-to-speechAPIendpointtoreplaceOpenAI,Azure,orElevenLabs项目地址:https://gitcode.com/gh_mirrors/op/openai-edge-tts1.项目基础介绍OpenAI-
  • 飞算 JavaAI 2.0.0和 AI 编程技术设计的 120 章 Java 系统教程 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总开发语言深度学习pillowAI编程人工智能
    以下是基于飞算JavaAI2.0.0和AI编程技术设计的120章Java系统教程，涵盖从基础到高阶、理论到实践的全栈知识体系，结合经典案例与企业级项目实战，适合零基础到架构师的学习路径：第一部分：基础入门（第1-30章）Java开发环境配置JDK21+IntelliJIDEA+飞算AI插件安装第一个AI生成的HelloWorld程序基础语法与AI辅助编程数据类型、变量、运算符飞算AI：自动生成算法
  • 钉钉小程序框架引入 Pinia 状态管理
    上一篇文章描述了如何使用其他手段实现路由守卫文章地址：钉钉小程序开发中实现路由守卫拦截-CSDN博客本文将深入探讨如何在基于这些技术栈的小程序项目中引入状态管理插件一、了解PiniaPinia是一个全新的Vue状态管理库，旨在替代Vuex成为Vue3应用程序中的首选状态管理解决方案。它提供了更加简洁的API和更好的TypeScript支持。通过结合使用UniApp、Vue3、TypeScript和
  • Mac 安装使用 Oh-my-zsh（持续更新） 运维阿峰 MacOSmacos
    文章目录1.介绍（1）zsh介绍（2）Oh-my-zsh介绍2.oh-my-zsh安装3.配置oh-my-zsh（1）配置主题（2）安装插件zsh官网：https://ohmyz.sh/1.介绍（1）zsh介绍zsh是一种shell（命令解释器），它兼容bash（另一种常见的shell）。zsh相比系统自带的bash有以下几个优点：Tab补全功能强大，在输入命令、命令参数以及文件路径时都能够自动补
  • 《FastAPI & AI编程结合：从入门到精通》指南 AI编程员 001AI传统＆编程语言002AI编程工具汇总003AI编程作品汇总笔记学习fastapi开发语言深度学习
    以下是一篇系统性的《FastAPI&AI编程结合：从入门到精通》指南，共分30大章节，超过10万字，涵盖FastAPI核心开发、AI集成原理、高性能优化、经典案例和5大完整项目实战。第一章：FastAPI革命性优势1.1现代API框架对比#性能基准测试(Requests/sec)|框架|JSON响应|数据验证|异步支持||---
  • 使用datax进行mysql的表恢复 是桃萌萌鸭~ mysql数据库
    DataXDataX是阿里巴巴集团内被广泛使用的离线数据同步工具/平台，实现包括MySQL、SQLServer、Oracle、PostgreSQL、HDFS、Hive、HBase、OTS、ODPS等各种异构数据源之间高效的数据同步功能。FeaturesDataX本身作为数据同步框架，将不同数据源的同步抽象为从源头数据源读取数据的Reader插件，以及向目标端写入数据的Writer插件，理论上Dat
  • Club_IntelliMatch_Development_Guide Joseit pythonpythonpygamedjangoflask
    ClubIntelliMatch系统-全栈开发流程文档概述ClubIntelliMatch系统是一个现代化的社团活动智能匹配平台，采用前后端分离架构。系统基于PythonFlask构建RESTfulAPI后端，Vue.js3+Vite构建现代化前端，MySQL作为持久化数据存储。本文档深入分析了整个开发流程的技术架构、设计原则和实现细节。系统架构流程图后端API架构前端组件架构app.pyFlas
  • Cesium快速入门到精通系列教程十一：Cesium1.74中高性能渲染上万Polyline duansamve cesiumcesium
    在Cesium1.74中，高性能渲染大量线条的核心在于PrimitiveAPI的批量处理、着色器优化和数据合并策略。以下是结合多个技术方案的最佳实践和完整代码实现：一、高性能渲染方案选择PrimitiveAPI批量渲染优势：直接操作几何体实例，减少Entity的开销，支持合并几何数据降低DrawCall。关键类：PolylineGeometry+GeometryInstance+Primitive
  • DataX（2）—— 核心流程 申尧强 datax
    DataX的核心执行流程：初始化阶段创建JobContainer容器（主控进程）加载配置，初始化reader/writer插件准备阶段调用reader/writer的prepare()方法执行数据源和目标端的准备工作任务切分阶段根据channel数切分reader任务根据reader切分结果切分writer任务合并生成最终task配置调度执行阶段分配task到各个taskGroup启动TaskGr
  • VS2019 配置QT 轩宇^_^ qtqt5
    步骤：下载安装S2019（可以到官网下载）按默认的C++安装即可。下载安装QT创建一个工程文件在VS中插件添加qt的插件如果插件下载失败可以到这个链接下载，或者换一个网下载。在vs中配置qtVersions选择打开界面的designer：右击UI界面-》选择打开方式-》选择designer的安装路径，设置为默认。参考路径：D:\installapp\qt\5.15.2\msvc2019_64\bi
  • 拓展nRF Connect SDK 的组件 Halfway-- Product嵌入式硬件物联网arm开发单片机
    1：nRFConnectSDKAdd-ons是一组扩展nRFConnectSDK功能的补充组件。这些add-ons包括应用程序、驱动程序、库和协议实现。可以通过nRFConnectSDKAdd-ons索引浏览和进行访问https://nrfconnect.github.io/ncs-app-index/2：如何在本地环境中构建和运行nRFConnectSDK插件索引，可以使用nRFConnectf
  • python 百度云api_Python使用百度API上传文件到百度网盘代码分享 weixin_39775577 python百度云api
    #coding:UTF-8importurllibimporturllib2__author__='Administrator'fromposter.encodeimportmultipart_encodefromposter.streaminghttpimportregister_openersregister_openers()defupload(fileName):"""通过百度开发者API
  • H5液态玻璃背景效果实现 木木黄木木 html5cssjavascript
    H5液态玻璃背景效果实现教程在现代网页设计中，动态和交互式的背景效果可以大大提升用户体验。本教程将详细介绍如何使用HTML5技术实现一个美观、流畅的液态玻璃背景效果，无论你是初学者还是有经验的开发者，都能轻松掌握。效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他