onestopweb
onestopweb

AmazeUI 下拉组件

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>下拉组件</title>
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/i/[email protected]">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
<link rel="apple-touch-icon-precomposed" href="assets/i/[email protected]">
<meta name="msapplication-TileImage" content="assets/i/[email protected]">
<meta name="msapplication-TileColor" content="#0e90d2">
<link rel="stylesheet" href="assets/css/amazeui.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/ie8/jquery.min.js"></script>
<script src="assets/ie8/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</head>
<body style="margin: 100px;">
<!--下拉列表-->
<div class="am-dropdown" data-am-dropdown>
  <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle>下拉列表 <span class="am-icon-caret-down"></span></button>
  <ul class="am-dropdown-content">
    <li class="am-dropdown-header">标题</li>
    <li><a href="#">快乐的方式不只一种</a></li>
    <li class="am-active"><a href="#">最荣幸是</a></li>
    <li><a href="#">谁都是造物者的光荣</a></li>
    <li class="am-disabled"><a href="#">就站在光明的角落</a></li>
    <li class="am-divider"></li>
    <li><a href="#">天空海阔 要做最坚强的泡沫</a></li>
  </ul>
</div>
<!--上拉列表-->
<div class="am-dropdown am-dropdown-up" data-am-dropdown>
  <button class="am-btn am-btn-danger am-dropdown-toggle" data-am-dropdown-toggle>上拉列表 <span class="am-icon-caret-up"></span></button>
  <ul class="am-dropdown-content">
    <li class="am-dropdown-header">标题</li>
    <li><a href="#">快乐的方式不只一种</a></li>
    <li class="am-active"><a href="#">最荣幸是</a></li>
    <li><a href="#">谁都是造物者的光荣</a></li>
    <li class="am-disabled"><a href="#">就站在光明的角落</a></li>
    <li class="am-divider"></li>
    <li><a href="#">天空海阔 要做最坚强的泡沫</a></li>
  </ul>
</div>
<!--下拉内容-->
<div class="am-dropdown" data-am-dropdown>
  <button class="am-btn am-btn-success am-dropdown-toggle">Dropdown <span class="am-icon-caret-down"></span></button>
  <div class="am-dropdown-content">
    <h2>I am what I am</h2>
    <p>
      多么高兴 在琉璃屋中快乐生活
      对世界说 甚么是光明和磊落
      我就是我 是颜色不一样的烟火
    </p>
  </div>
</div>
<!--下拉宽度适应-->
<div id="doc-dropdown-justify">
  <div class="am-dropdown" data-am-dropdown="{justify: '#doc-dropdown-justify'}">
    <button class="am-btn am-btn-success am-dropdown-toggle">宽度适应下拉 <span class="am-icon-caret-down"></span></button>
    <div class="am-dropdown-content">
      <h2>I am what I am</h2>
      <p>
        多么高兴 在琉璃屋中快乐生活
        对世界说 甚么是光明和磊落
        我就是我 是颜色不一样的烟火
      </p>
    </div>
  </div>
</div>
<!--通过 JS-->
<div id="doc-dropdown-justify-js" style="width: 400px">
  <div class="am-dropdown" id="doc-dropdown-js">
    <button class="am-btn am-btn-danger am-dropdown-toggle">通过 JS 调用 <span class="am-icon-caret-down"></span></button>
    <div class="am-dropdown-content">...</div>
  </div>
</div>
<script>
  $(function() {
    $('#doc-dropdown-js').dropdown({justify: '#doc-dropdown-justify-js'});
  });
</script>
<div style="height: 100px;"></div>
<button class="am-btn am-btn-secondary" id="doc-dropdown-toggle">调用 Toggle</button>
<button class="am-btn am-btn-success" id="doc-dropdown-open">调用 Open</button>
<button class="am-btn am-btn-warning" id="doc-dropdown-close">调用 Close</button>
<script>
  $(function() {
    var $dropdown = $('#doc-dropdown-js'),
        data = $dropdown.data('amui.dropdown');
    $('#doc-dropdown-toggle').on('click', function(e) {
      $dropdown.dropdown('toggle');
      return false;
    });
    $('#doc-dropdown-open').on('click', function(e) {
      data.active ? alert('已经打开了，施主又何必再纠缠呢！') : $dropdown.dropdown('open');
      return false;
    });
    $('#doc-dropdown-close').on('click', function(e) {
      data.active ? $dropdown.dropdown('close') : alert('没有开哪有关，没有失哪有得！');
      return false;
    });
    $dropdown.on('open.dropdown.amui', function (e) {
      console.log('open event triggered');
    });
  });
</script>
</body>
</html>

 

效果图：
AmazeUI 下拉组件_第1张图片
 

你可能感兴趣的:(AmazeUI 下拉组件)

  • table多行表头合并 vue_vue elementUI table 自定义表头和行合并 weixin_39540704 table多行表头合并vue
    最近项目中做表格比较多，对element表格的使用，只需要传递进去数据，然后写死表头即可渲染。但现实中应用中，如果写死表头，并且每个组件中写自己的表格，不仅浪费时间而且消耗性能。这个时候需要动态渲染表头。而官方例子都是写死表头，那么为了满足项目需求，只能自己来研究一下。1、自定义表头代码如下，其实就是分了两部分，表格主数据是在TableData对象中，表头的数据保存在headerDatas，hea
  • 帮助应用打造场景化语音服务 harmonyos
    课程简介本课程是【HarmonyOS主题课：HarmonyOSSDK开放能力】的第18课。本课程专注于助力应用构建场景化语音服务。深入介绍SpeechKit及其重要组件，如朗读控件可将文本转化为自然流畅的语音输出，为用户提供有声阅读体验；AI字幕控件（AICaption）能精准识别语音并生成实时字幕，在视频播放、直播等场景大显身手。详细阐述其广泛的适用场景，包括教育学习辅助、无障碍信息传播等领域。
  • Flutter：进步器，数量加减简单使用 sunly_ Flutterflutter
    封装组件import'package:ducafe_ui_core/ducafe_ui_core.dart';import'package:flutter/cupertino.dart';import'../index.dart';///数量编辑classQuantityWidgetextendsStatelessWidget{//数量发送改变finalFunction(intquantity)o
  • 组件嵌套的基本原则 荔枝寄 harmonyos
    鸿蒙操作系统（HarmonyOS）是由华为技术有限公司开发的分布式操作系统，旨在为各种设备提供统一的操作平台。鸿蒙系统引入了ArkUI框架，它是一种用于构建用户界面的声明式UI语言。在鸿蒙应用开发中，掌握ArkUI组件嵌套是开发者必须具备的一项技能，因为它直接影响到应用程序的布局设计和用户体验。鸿蒙与ArkUI鸿蒙操作系统的诞生是为了应对日益增长的物联网需求，它支持多种终端设备，如智能手机、平板电
  • react数据异步更新 wlt_5079 react.jsjavascript
    1.react数据异步更新定义一个类组件模板：classMyComextendsReact.Component{}设置state状态数据：state={name:"张三"}render()渲染函数：render(){return{this.state.name}}过程：this打点调用自定义函数change绑定click事件，返回一个button按钮，通过this.state打点调用自定义属性na
  • redux中action的异步更新state踩坑1 尼古拉斯二嘎 react
    reducer的异步更新state引发的问题以及处理方案有些需求比如：我们想在接口请求完成后立即获取state的状态，然后去做路由跳转等等操作，但是redux中action操作的state都是异步的，怎么办呢？下面我们看一个例子在组件中我们想点击后立即获取到state状态然后再跳转：importReact,{Component}from'react'import{connect}from'reac
  • K8s架构与组件 稚辉君.MCA_P8_Java kubernetes容器云原生网络
    一、K8s架构在Master通常上包括kube-apiserver、etcd存储、kube-controller-manager、cloud-controller-manager、kube-scheduler和用于K8s服务的DNS服务器（插件）。这些对集群做出全局决策(比如调度)，以及检测和响应集群事件的组件集合也称为控制平面。其实K8s官方并没有Master这一说，只是大多数安装工具（kube
  • 如何用Netty实现一个负载均衡组件 youyouiknow tech-reviewjava后端架构
    一、总体架构一个基本的负载均衡组件通常包含以下几个核心模块：服务注册与发现(ServiceRegistry&Discovery):功能:维护可用的后端服务实例列表（例如IP地址和端口）。实现要点:注册:服务实例启动时，将自己注册到注册中心。发现:负载均衡器从注册中心获取服务实例列表。健康检查:定期检查服务实例的健康状态，剔除不健康的实例。可选技术:ZooKeeper,etcd,Consul,Nac
  • 大模型：LangChain技术讲解 玉成226 【大模型】langchain
    一、什么是LangChain1、介绍LangChain是一个用于开发由大型语言模型提供支持的Python框架。它提供了一系列工具和组件，帮助我们将语言模型集成到自己的应用程序中。有了它之后，我们可以更轻松地实现对话系统、文本生成、文本分类、问答系统等功能。2、LangChain官网文档官网：https://python.langchain.com/docs/introduction/3、LangC
  • Oracle筑基篇-体系结构概览 CodeBe@r #Oracleoracle数据库Oracle体系结构
    1、体系结构一览今天梳理Oracle的整体的体系结构，后面再详细梳理其中重要的那些结构。图1Oracle体系机构思维导图2、组件作用概述Oracle有两大块组成，一大块是Oralce实例（oracleinstance）一大块是Oralce数据库（oracledatabase），Oracle数据库是实实在在存储在硬盘上的三类文件：数据文件、日志文件和控制文件。数据库启动起来以后，首先在内存划出一块空
  • oracle组件详解,Oracle数据库组件系列小结 SUST206林子大 oracle组件详解
    Oracle组件的信息可以通过v$option和dba_registry查看：--查看v$option:V$OPTIONdisplaysOracleDatabaseoptionsandfeatures.Typically,althoughnotalways,optionsmustbeseparatelylicensed,whereasfeaturescomewiththeproductandare
  • 软件架构设计与模式之：模块化设计与组件化架构 AI天才研究院 AI大模型企业级应用开发实战架构师必知必会系列编程实践大数据人工智能语言模型JavaPython架构设计
    软件架构设计与模式之：模块化设计与组件化架构作者：禅与计算机程序设计艺术文章目录软件架构设计与模式之：模块化设计与组件化架构1.背景介绍模块化设计的特点组件化设计的特点2.核心概念与联系定义关系3.核心算法原理和具体操作步骤以及数学模型公式详细讲解模块化设计模式模块化设计模式详解（一）功能分工模式1.功能设计2.职责分工3.功能分工结果（二）数据分工模式1.数据设计2.数据角色分工3.数据主题分工
  • Yii框架中的表单构建器：构建复杂表单 ac-er8888 服务器运维php开发语言
    Yii框架中的表单构建器（FormBuilder）是一个强大的工具，它允许开发人员以简单、面向对象的方式构建复杂的表单，从而提升Web应用的用户体验。以下是对Yii框架中表单构建器的详细简述，特别是在构建复杂表单方面的应用：一、表单构建器的基础组件介绍：Yii表单构建器是Yii框架中的一个组件，专门用于创建Web表单。它提供了一个简单的、面向对象的编程接口，使得开发人员能够轻松地创建各种常见的表单
  • Oracle（2）Oracle数据库的主要组件有哪些？ 辞暮尔尔-烟火年年 Oracleoracle数据库
    Oracle数据库的主要组件包括以下几个部分，每个组件在数据库管理和操作中都起着至关重要的作用。以下是对这些组件的详细介绍，并结合一些代码示例来说明其功能。1.实例（Instance）Oracle实例是Oracle数据库的运行环境，由内存结构和后台进程组成。一个实例控制一个数据库的操作。内存结构系统全局区（SGA）：共享内存区，用于存储数据库缓存和共享信息。程序全局区（PGA）：为每个服务器进程分
  • uniapp APP端页面触发调用uniapp开发的webview里的方法 printf_824 uniapp分享uni-app
    原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。使用WebView提供的evalJS方法，执行嵌入H5页面内的JavaScript代码functiongetData(){url.value="http://192.168.0.22:5174/#/pa
  • Blazor-ApexCharts 开源项目指南 凌桃莺Talia
    Blazor-ApexCharts开源项目指南项目地址:https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts一、项目介绍Blazor-ApexCharts是一个用于Blazor框架的图表组件库封装，它基于流行的前端图表库ApexCharts.js实现。这个项目旨在简化在Blazor应用中添加交互式图表的过程，无需直接处理复杂的JavaScript互
  • 学习笔记一：oracle体系结构组件 coxddta29006 数据库操作系统java
    首先声明一下，我的学习笔记参考书主要是官方教材，oracle9idatabaseadministrationfundamentsed2.0我觉得学习是一个循序渐进的过程,从面到点,从宏观到微观,逐步渗透,各个击破,对于oracle,怎么样从宏观上来理解呢?先来看一个图,这个图取自于上面提到的教材,这个图对于从整体上理解ORACLE的体系结构组件，非常关键.下面来解释下这个图.对于一个数据库系统来说
  • Spring Cloud Alibaba 及其组件的作用、适用场景与与 Eureka 的区别 小白的一叶扁舟 Java开发eureka云原生springcloudalibaba中间件java
    前言：随着微服务架构在现代应用中的普及，如何高效构建、管理和运维分布式系统成为开发者的核心关注点。SpringCloudAlibaba是在SpringCloud基础上集成Alibaba开源技术的一站式解决方案。它提供丰富的组件，旨在简化分布式系统的开发与运维，特别适合需要高可用性和复杂功能的企业级应用。本文将详细介绍SpringCloudAlibaba的核心组件及其适用场景，比较其与传统服务注册发
  • 四、【Vue3】——setup不得不说的两个注意点 YIFEI132 Vue3vue.jsjavascript前端
    在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数。一、拉开序幕的setup理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）“表演的舞台”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返
  • Kafka 入门与应用实战：吞吐量优化与与 RabbitMQ、RocketMQ 的对比 小白的一叶扁舟 Java开发kafkarabbitmqrocketmqspringbootjava
    前言在现代微服务架构和分布式系统中，消息队列作为解耦组件，承担着重要的职责。它不仅提供了异步处理的能力，还能确保系统的高可用性、容错性和扩展性。常见的消息队列包括Kafka、RabbitMQ和RocketMQ，其中Kafka因其高吞吐量、分布式特性和可靠性成为大规模数据流处理的首选。本篇文章将深入介绍Kafka的基本概念、执行流程、吞吐量优化策略、生命周期，重点对比Kafka与RabbitMQ和R
  • 【部署prometheus+pushgateway+node_exporter+opengauss_exporter+grafana监控openGauss数据库】 momge prometheus数据库
    1.Prometheus组件总览如上图所示，Prometheus监控系统主要由三部分组成：监控数据采集（上图左）、监控数据存储处理（上图中）、监控数据显示上报（上图右）exporters该工具用于将Prometheus不能识别的指标数据转换为Prometheus能识别的指标数据，它可以将各种应用程序、服务、操作系统等的指标数据暴露为HTTP接口，供PrometheusServer采集。pushga
  • 詳細講一下在RN(ReactNative)中，6個比較常用的組件以及詳細的用法 asecretman! reactnativereact.jsjavascript
    1.View组件（基础容器）import{View,StyleSheet}from'react-native';constMyComponent=()=>{return({/*子组件*/});};conststyles=StyleSheet.create({container:{flex:1,//flex布局padding:10,//内边距backgroundColor:'#fff',//背景色b
  • React的类组件和函数组件 读心悦 深入浅出reactreact.jsjavascript前端
    文章目录类组件函数组件函数组件核心的API类组件类组件就是基于ES6Class的语法，通过继承React.Component得到的React组件，React类组件是有自己的生命周期的，在不同的生命周期里执行不同的逻辑。比如：importReactfrom"react";classCommextendsReact.Component{constructor(prop
  • 【React Hooks】=＞ useId() 九层嵌套 for 循环 react.js前端javascript
    相比较使用全局变量++作为唯一ID和直接使用useId是有区别的。官方解释如下：如果是将useId作为id的情况下，是如下的形式也就是说你使用了useId作为唯一ID那么在你删除数组某个元素之后不会导致某个ID被重复使用，如果使用的全局变量是会导致这个问题的。并且这个useId会跟着你组件的渲染进行，在你的HTML生成之后会自动匹配在之上。时小记，终有成。
  • React18中各种Hooks用法总结（ 内附案例讲解） 我叫汪枫 javascriptreact.js前端
    React中各种Hooks用法总结内附案例讲解一、useStateuseState是一个ReactHook，它允许你向组件添加一个状态变量。importReact,{FC,memo,useState}from'react'import{MainContainer}from'./style'interfaceIProps{children?:React.ReactNode}constMain:FC=
  • #HarmonyOS篇:状态管理 程序员xiaolibao HarmonyOS篇harmonyos
    状态管理概要状态变量：被状态装饰器装饰的变量，状态变量值的改变会引起UI的渲染更新。常规变量：没有被状态装饰器装饰的变量，通常应用于辅助计算。数据源/同步源：状态变量的原始来源，可以同步给不同的状态数据。命名参数机制：父组件通过指定参数传递给子组件的状态变量，为父子传递同步参数的主要手段。从父组件初始化：父组件使用命名参数机制，将指定参数传递给子组件。组件拥有的状态装饰器@State：@State
  • #HarmonyOS篇：装饰器&LocalStorage&AppStorage 程序员xiaolibao HarmonyOS篇harmonyos
    @State装饰器：组件内状态父子Prop父子单向同步Link父子双向同步深层次响应ObservedObjectLink装饰器Observed装饰器使用场景：嵌套对象和数组中进行双向数据同步跨层ProvideProvideConsume跨层组件传递使用建议@State+@Prop组合方案：@Prop装饰器支持接收Object、class、string、number、boolean、enum类型，以
  • class react 获取_React 的 Class 组件 weixin_39864682 classreact获取
    写在前面在React中，定义组件的方式有两种，一个是class类组件，一个是函数组件。class类组件的实现相比于函数组件要复杂。1.returnReact元素React组件必须是返回React元素的物件，因此无论是函数组件还是类组件都必须有returnReact元素。在class类组件的返回React元素的位置是在render()函数中，也就是说，类组件中必须有一个render()函数，在ren
  • HarmonyOS NEXT - LocalStorage：页面级UI状态存储 兔子不吃饭 HarmonyOSNEXTuiharmonyos华为
    管理应用拥有的状态概述上一个章节中介绍的装饰器仅能在页面内，即一个组件树上共享状态变量。如果开发者要实现应用级的，或者多个页面的状态数据共享，就需要用到应用级别的状态管理的概念。ArkTS根据不同特性，提供了多种应用状态管理的能力：LocalStorage：页面级UI状态存储，通常用于UIAbility内、页面间的状态共享。AppStorage：特殊的单例LocalStorage对象，由UI框架在
  • SOA概览 qin87 webservicesoaweb服务文档xml服务器weblogic
    最近半年以来，在企业级应用开发领域，谈论最多的一个词，恐怕非SOA(Service-OrientedArchitecture，面向服务架构)莫属。那么SOA究竟拥有什么样的魔力，能够让众多的软件厂商对他趋之若骛，掀起新的一轮企业架构浪潮。让我们在本文中一探SOA的究竟。那么什么是SOA，让我们先从基本概念开始讲起。什么是SOA?SOA是一种架构模型，它可以根据需求通过网络对松散耦合的粗粒度应用组件
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他