dengweihuan4949
dengweihuan4949

原生js实现简单轮播的淡入淡出效果

实现这种淡入淡出的轮播关键在于css的一种设置  首先它不能像传统的轮播显示隐藏 或者左右浮动

他应该让其固定定位使其重叠在一起  达到这种效果  然后设置c3动画属性 transition:1s;

具体代码如下 请君欣赏

 

原生js实现简单轮播的淡入淡出效果_第1张图片

 1 * {
 2   margin: 0;
 3   padding: 0;
 4   list-style: none;
 5 }
 6 
 7 body {
 8   width: 100%;
 9   height: 100%;
10   background-color: #666;
11 }
12 
13 .container {
14   width: 650px;
15   height: 236px;
16   margin: 100px auto;
17   position: relative;
18 }
19 
20 .container ul {
21   width: 650px;
22   height: 236px;
23 }
24 
25 .container ul li {
26   width: 100%;
27   height: 100%;
28   position: absolute;
29   left: 0;
30   top: 0;
31   transition: 2s;
32   opacity: 0;
33 }
34 
35 .container ul li img {
36   width: 100%;
37   height: 100%;
38 }
39 
40 .container ul li:nth-child(1) {
41   opacity: 100;
42 }
43 
44 .container ol {
45   position: absolute;
46   left: 50%;
47   bottom: 10px;
48   transform: translate(-50%, 0);
49 }
50 
51 .container ol li {
52   float: left;
53   margin: 0 10px;
54 }
55 
56 .container ol li a {
57   width: 15px;
58   height: 15px;
59   background-color: #666;
60   display: inline-block;
61   border-radius: 50%;
62 }
63 
64 .container ol a.active {
65   background: yellow;
66 }

HTML部分

 1 <body>
 2     <div class="container">
 3         <ul>
 4             <li><img src="./img/1.jpg" alt="">li>
 5             <li><img src="./img/2.jpg" alt="">li>
 6             <li><img src="./img/3.jpg" alt="">li>
 7             <li><img src="./img/4.jpg" alt="">li>
 8             <li><img src="./img/5.jpg" alt="">li>
 9             <li><img src="./img/6.jpg" alt="">li>
10         ul>
11         <ol>
12             <li><a  class="active" href="#1">a>li>
13             <li><a href="#1">a>li>
14             <li><a href="#1">a>li>
15             <li><a href="#1">a>li>
16             <li><a href="#1">a>li>
17             <li><a href="#1">a>li>
18         ol>
19     div>
20     <script src="./js/index.js">script>
21     <script>
22         new Container();
23     script>
24 body>

JS部分

 1 class Container{
 2     constructor(){
 3         this.oli=document.querySelectorAll("ul li");
 4         this.ball=document.querySelectorAll("a");
 5         this.box=document.querySelector(".container");
 6         this.timer=null;
 7         this.count=0;
 8         this.init()
 9     }
10     init(){
11         this.autoplay();
12         this.click();
13         this.mouse()
14     }
15     autoplay(){
16         this.timer=setInterval(()=>{
17             this.count++;
18             if(this.count==this.oli.length){
19                 this.count=0;
20             }
21             this.change(this.count);
22         },2000)
23     }
24     change(index){
25         this.oli.forEach((item,i)=>{
26             item.style.opacity=0;
27            
28             this.ball[i].classList.remove("active");
29            
30            
31         });
32     
33          this.oli[index].style.opacity=1;
34        
35         this.ball[index].classList.add("active")
36     }
37     click(){
38         //小圆点的点击事件
39         this.ball.forEach((item,index)=>{
40             item.οnclick=()=>{
41                 this.count=index
42                 this.change(index)
43             }
44         })
45     }
46     mouse(){
47         //鼠标移入停止定时器 离开继续
48         this.box.οnmοuseοver=()=>{
49             clearInterval(this.timer)
50         }
51         this.box.οnmοuseοut=()=>{
52             this.autoplay()
53         }
54     }
55 }

 

转载于:https://www.cnblogs.com/cq1715584439/p/10553605.html

你可能感兴趣的:(原生js实现简单轮播的淡入淡出效果)

  • ipmitool介绍_ipmitool命令行使用详解 weixin_39554891 ipmitool介绍
    #serviceipmistart#ipmitool-Iopenshell####可以直接进入本地BMCshell#ipmitool-Ilan-H-Ushell####输入password,进入IPMI交互模式,当然这里也可以把shell直接换成bmc命令,另外ipmitool支持端口,所以是否可以先做DNAT，然后远程直接管理内网机器.####ipmitool提供的功能要比windows下ipm
  • Linux - 修改系统的max open files、max user processes（附ulimit的使用方法） oldbalck java操作系统网络
    Linux-修改系统的maxopenfiles、maxuserprocesses（附ulimit的使用方法）目录1问题说明2修改maxopenfiles3修改maxuserprocesses4附录:ulimit命令说明1问题说明Linux系统默认的maxopenfiles=1024,在大内存服务器中,如果运行负载比较大的程序,很容易发生error:toomanyopenfiles,特别是提供大量静
  • max open files mysql_MySQL性能优化之open_files_limit，table_open_cache和max_connections配置关系... Moriarty K maxopenfilesmysql
    MySQL的变量open_files_limit，table_open_cache和max_connections是相互关联的。如果对有些变量进行了设置，有的变量没有设置，mysql会根据一定的计算公式进行计算得出其他的，当然有些时候会触发mysql的一些警告来。本文探讨的均基于Linux系统首先，mysql会基于max_connections和table_open_cache的值计算最低需要的文
  • 敏捷开发流程中的缺陷管理方法 测试者家园 智能化测试持续测试敏捷测试敏捷流程智能化测试持续测试DevOps缺陷管理AI赋能人工智能
    用工作流生成测试用例和自动化测试脚本！缺陷管理作为软件质量保障的核心环节，其效果直接影响软件交付的质量与客户满意度。传统的缺陷管理流程往往流程复杂、响应缓慢，难以满足敏捷开发快速迭代、持续交付的节奏。敏捷开发环境下，缺陷管理面临诸多挑战：频繁变更的需求、缩短的迭代周期、多角色协作和实时反馈的要求，促使缺陷管理必须转型升级。本文将深入探讨敏捷开发中的缺陷管理方法，从理念、流程、工具和实践四个维度展开
  • TeamT5-ThreatSonar 解决方案：构建智能动态的 APT 与勒索软件防御体系 江苏思维驱动智能研究院有限公司 自动化网络大数据
    一、核心功能深度解析：从威胁狩猎到自动化响应的闭环能力（一）威胁狩猎：主动挖掘潜伏性攻击的“数字侦探”多层级威胁识别引擎：静态特征匹配：内置超1000种APT后门签名（如Regin、Duqu等高级工具包特征），实时扫描端点文件、注册表与进程，比对全球威胁情报库（每日更新超50万条IOC）；动态行为分析：通过内核级监控技术，捕捉异常操作（如非预期的进程注入、加密API高频调用），例如某银行端点出现“
  • 华为OD机试 2025B卷 - 字符串加密 (C++ & Python & JAVA & JS & C语言) YOLO大师 华为od华为OD机试2025B卷华为OD2025B卷华为OD机考2025B卷
    2025B卷目录点击查看：华为OD机试2025B卷真题题库目录｜机考题库+算法考点详解2025B卷100分题型题目描述给你一串未加密的字符串str，通过对字符串的每一个字母进行改变来实现加密，加密方式是在每一个字母str[i]偏移特定数组元素a[i]的量，数组a前三位已经赋值：a[0]=1,a[1]=2,a[2]=4。当i>=3时，数组元素a[i]=a[i-1]+a[i-2]+a[i-3]。例如：
  • 关于 Linux中系统调优的一些笔记 山河已无恙 Linux笔记Linux性能调优1024程序员节linux运维
    写在前面推送的的邮件里看到有大佬讲的公共课，听了之后这里整理学习笔记。因为是公开课，所以讲的很浅，没接触过，这里做为了解，长长见识。博文内容包括系统调优原理概述如何检测系统的性能瓶颈如何进行内核参数调优如何限制服务的资源占用自定义tuned调优配置集我突然又明白，死亡是聪明的兄长，我们可以放心地把自己托付给他，他会知道在我们有所准备的适当时刻前来。我也突然懂得，原来痛苦、失望和悲愁不是为了惹恼我们
  • mysql日志报：Changed limits: max_open_files: 1024
    linux上的数据库mysql突然挂掉了重启mysql（systemctlrestartmysqld），出现类似下面的情况：/system.slice/mysqld.service└─control├─2571/bin/bash/usr/bin/mysql-systemd-startpost└─3541sleep1最后查看mysql.log发现不知道错误的错误：[Warning]Bufferedw
  • 在Ubuntu主机中修改ARM Linux开发板的根文件系统 牧以南歌〆 嵌入式Linuxlinuxubuntuarm开发驱动开发
    目录在Ubuntu主机中修改ARMLinux开发板的根文件系统一、安装环境二、根文件系统镜像扩容三、挂载扩容后的根文件系统镜像四、修改相关配置五、创建挂载脚本六、切换回主机目录七、取消挂载八、精简根文件系统镜像大小在Ubuntu主机中修改ARMLinux开发板的根文件系统开发环境：Ubuntu20.04、飞凌OK3568开发板、开发板使用的根文件系统镜像为ubuntu.img一、安装环境首先使用以
  • 数据库面试题06为什么要用MyBatis框架？
    MyBatis是一个优秀的持久层框架（虽然常被归类为“半自动化”ORM，但其核心更侧重于SQL映射），它在Java开发中广泛应用，尤其在需要精细控制SQL、处理复杂查询或与遗留数据库交互的场景中备受青睐。选择MyBatis的主要原因可以总结为以下几点：对SQL的完全控制权（核心优势）:开发者手写SQL：MyBatis要求开发者直接编写SQL语句（在XML映射文件或注解中）。这与Hibernate/
  • Spring AI深度解析（7/50）：Tool Calling 工具调用解析 Spring AI学习 spring人工智能microsoft
    SpringAI深度解析（7/50）：ToolCalling工具调用解析一、工具调用的本质突破传统大模型存在两大核心限制：知识时效性与动作执行能力。SpringAI通过工具调用（ToolCalling）机制，将大模型从「信息处理中心」升级为「智能调度中枢」，实现三大飞跃：实时数据获取：连接数据库、API等动态数据源物理世界交互：触发硬件设备、业务流程复杂逻辑编排：多工具链式调用与结果聚合二、Spr
  • PyTorch深度学习优化实战：从理论到实践的现代化技能指南 智算菩萨 深度学习pytorch人工智能
    引言：现代PyTorch开发的核心思维在深度学习技术日新月异的今天，掌握PyTorch不仅仅意味着能够搭建和训练神经网络，更重要的是理解如何高效地利用现代硬件资源、优化模型性能并构建可扩展的AI系统。随着PyTorch2.x系列的成熟，特别是最新2.7版本的发布，框架为开发者提供了前所未有的优化工具和性能潜力。本文将深入探讨现代PyTorch开发中的核心优化技能，从编译器优化到注意力机制革新，从内
  • 俄罗斯方块AI深度解析：从算法原理到实现细节 智算菩萨 Python小游戏项目实战人工智能算法
    俄罗斯方块AI深度解析：从算法原理到实现细节前言俄罗斯方块，这个诞生于1984年的经典游戏，至今仍然是人工智能研究领域的热门课题。当简单的几何形状在网格中不断下落时，看似简单的规则背后却隐藏着复杂的策略决策问题。本文将深入剖析一个基于Python实现的俄罗斯方块AI系统，探讨其如何通过精巧的算法设计实现近乎完美的自动游戏表现。游戏状态的数字化抽象在构建任何游戏AI之前，我们首先需要将人类直观理解的
  • 大语言模型的具身化——LLM-based Agents实战 apollowin123 人工智能语言模型深度学习
    1.概述1.1Agent是什么长期以来，研究者们一直在追求与人类相当、乃至超越人类水平的通用人工智能（ArtificialGeneralIntelligence，AGI）。早在1950年代，AlanTuring就将「智能」的概念扩展到了人工实体，并提出了著名的图灵测试。这些人工智能实体通常被称为——代理（Agent）。「代理」这一概念起源于哲学，描述了一种拥有欲望、信念、意图以及采取行动能力的实体
  • PyTorch笔记3----------统计学相关函数 HuashuiMu花水木 PyTorch笔记pytorch笔记人工智能
    1.基础函数importtorcha=torch.rand(2,2)print("a:\n",a)print('########################')print("平均值:\n",torch.mean(a,dim=0))print("总和:\n",torch.sum(a,dim=0))print("所有元素的积:\n",torch.prod(a,dim=0))print("最大值:\
  • 双系统如何做接口认证-V2 CATTLECODE python开发语言
    现有A系统，B系统，A系统启动的时候调用B系统的注册接口API1（把A系统配置信息注册到B系统），A系统定时向B系统接口AP2发送心跳信息，B系统根据业务情况，调用A系统的业务接口AP3，请设计两系统的接口认证方式。以下是为A系统（Python）与B系统（SpringBoot）设计的双向安全认证方案及关键代码实现，结合JWT、数字签名和HTTPS加密，确保注册、心跳、业务调用的安全可靠。整体认证方
  • Spring Boot 集成 Thymeleaf 的快速实现示例，无法渲染页面问题解决 CATTLECODE springbootspringjava
    以下是一个完整的SpringBoot集成Thymeleaf的快速实现示例，包含代码、配置和项目结构说明。所有步骤均基于最新实践整理，可直接用于开发。1.项目依赖（pom.xml）添加SpringBootWeb和Thymeleaf依赖：org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-
  • AI原生应用：多模态交互技术的5大核心应用场景解析 AIGC应用创新大全 AI大模型与大数据技术AI人工智能与大数据应用开发MCP&Agent云算力网络AI-nativeai
    #AI原生应用：多模态交互技术的5大核心应用场景解析>关键词：多模态交互、AI原生应用、人机交互、深度学习、应用场景>摘要：本文将深入解析多模态交互技术的核心原理，通过智能家居、医疗诊断、自动驾驶、教育创新和虚拟助手五大应用场景，揭示AI如何像人类感官协同工作般理解世界。文章包含技术原理图解、真实案例代码和未来趋势预测。##背景介绍###目的和范围解析多模态交互技术在AI原生应用中的落地实践，涵盖
  • 基于 STM32+FPGA 的快速傅里叶频域图像在 TFT 中显示的设计与实现(项目资料)（ID:8） 嵌入式资料库 嵌入式项目合集fpga开发stm32嵌入式硬件单片机
    目录摘要1绪论1.1研究背景与意义1.2国内外研究现状1.3研究内容与目标2系统方案设计2.1总体架构设计2.2硬件方案设计2.2.1主控模块选型2.2.2FPGA模块选型2.2.3TFT显示模块选型2.2.4通信方案设计2.3软件方案设计2.3.1FFT算法实现方案2.3.2频域图像渲染方案3硬件电路设计3.1STM32最小系统电路3.2FPGA模块电路3.3TFT显示模块电路3.4软件IIC通
  • 多模态融合：现代搜索引擎底层图像、视频检索的技术架构设计 何雅琪¥ 搜索引擎
    在多媒体内容爆炸式增长的当下，用户对搜索引擎的需求已从单纯的文本检索拓展到图像、视频等多元模态。多模态融合技术打破了信息载体的界限，使搜索引擎能够理解图像的视觉语义、视频的动态内容，并实现跨模态的精准检索。从特征提取到检索匹配，现代搜索引擎底层围绕图像、视频检索构建起复杂而精妙的技术架构，重塑了用户获取信息的方式。一、多模态数据的特征提取：解码视觉信息图像与视频包含丰富的视觉信息，其特征提取是实现
  • ArrayList的扩容机制(源码解析) Exclusive_Cat ArrayListjava开发语言
    我们会从ArrayList的源码进行讲起，一点点的解析各种细节，首先我们要在idea中创建一个ArrayList的集合，调用它的add方法，然后摁住CTRL键，鼠标点击add方法查看其中的源码部分。packagecollection;importjava.util.ArrayList;publicclassArrayListTest{publicstaticvoidmain(String[]arg
  • 深入理解安卓系统架构与开发技术
    本文还有配套的精品资源，点击获取简介：安卓基础知识课程为初学者及进阶开发者提供安卓系统架构、关键开发技术以及最新开发工具的全面介绍。课程涵盖了从系统架构层面的核心概念如HAL、系统库、应用框架、应用程序层，到应用开发的关键组件，包括Dalvik/ART虚拟机、UI设计、Intent通信机制、资源管理、权限系统、进程与线程处理、AndroidStudio/Gradle集成、应用调试与测试，以及And
  • AI技术通过多模态应用（即融合文本、图像、语音、视频、传感器数据等多维度信息）正在深刻重塑工作模式、行业生态和人类创造力边界。 zzywxc787 人工智能音视频大数据javaspring开发语言
    AI技术通过多模态应用（即融合文本、图像、语音、视频、传感器数据等多维度信息）正在深刻重塑工作模式、行业生态和人类创造力边界。以下从技术融合、行业变革、职业重构三个维度展开分析，并附具体案例：一、技术融合：多模态AI的核心突破跨模态理解引擎案例：Meta的AudiovisualNeuralNetwork（AV-Wav2Vec）实现语音-唇形-场景的联合建模，语音识别错误率降低40%技术指标：跨模态
  • STM32实现四自由度机械臂（SG90舵机）多功能控制（软件篇freertos） 星辰pid stm32机械臂freertosstm32嵌入式硬件单片机机械臂
    书接上回的硬件篇STM32控制四自由度机械臂（SG90舵机）（硬件篇）（简单易复刻）-CSDN博客此时硬件平台已经搭建完毕，软件总共设计了三种模式，分别为模式1：摇杆&蓝牙模式，此模式下可用摇杆或手机操作机械臂模式2：示教器模式，此模式下由电位器控制机械臂模式3：执行记忆动作，此模式下机械臂重复数组/链表中存储的动作三种模式的切换以及存储动作可由按键或者手机蓝牙切换。代码使用了FREERTOS操作
  • PyTorch 2.7深度技术解析：新一代深度学习框架的革命性演进 智算菩萨 深度学习pytorch人工智能
    引言：站在AI基础设施变革的历史节点在2025年这个充满变革的年份，PyTorch团队于4月23日正式发布了2.7.0版本，随后在6月4日推出了2.7.1补丁版本，标志着这个深度学习领域最具影响力的框架再次迎来了重大突破。这不仅仅是一次常规的版本更新，而是一次面向未来计算架构和AI应用场景的全面重构。从底层硬件支持到上层API设计，从编译器优化到注意力机制革新，PyTorch2.7展现出了前所未有
  • ipmitool 使用简介（ipmitool sel list & ipmitool sensor list） itmanll 运维服务器
    常用IPMI命令扩展使用ipmitool查看传感器信息ipmitool是一个用于管理IPMI（IntelligentPlatformManagementInterface）设备的命令行工具，可用于监控服务器硬件状态，包括传感器数据。运行以下命令可以列出所有传感器信息：ipmitoolsensorlist常用传感器监控命令查看特定传感器的详细信息：ipmitoolsensorget"SensorNa
  • Python实现MCP Server的完整Demo CATTLECODE python开发语言
    mcpserverfromfastmcpimportFastMCPimportlogging#配置日志记录logging.basicConfig(level=logging.INFO)logger=logging.getLogger(__name__)mcp=FastMCP("DemoServer")@mcp.tool()asyncdefcalculate(a:float,b:float,op:s
  • Kotlin协程超时控制：深入理解withTimeout与withTimeoutOrNull 时小雨 Android基础kotlinandroid
    在异步编程中，超时控制是保证系统健壮性的关键。本文将深入探讨Kotlin协程中的超时机制，帮助你掌握高效处理耗时操作的技巧。一、为什么需要超时控制？在现代软件开发中，我们经常需要处理网络请求、数据库查询、文件读写等耗时操作。这些操作可能由于各种原因（如网络延迟、资源竞争、服务不可用等）导致执行时间过长，进而引发：用户界面卡顿或无响应系统资源被长时间占用整体服务性能下降级联故障风险增加Kotlin协
  • 【HarmonyOS Next之旅】DevEco Studio使用指南(三十九) -＞ HAP唯一性校验逻辑 枫叶丹4 HarmonyOSharmonyos华为DevEcoStudioHarmonyOSNext
    目录1->前言2->Module校验逻辑3->Ability校验逻辑4->Entry校验逻辑1->前言HAP是应用安装的基本单位，在DevEcoStudio工程目录中，一个HAP对应一个Module。应用打包时，每个Module生成一个.hap文件。应用如果包含多个Module，在应用市场上架时，会将多个.hap文件打包成一个.app文件（称为Bundle），但在云端分发和端侧安装时，仍然是以HA
  • 专知智库数据场景生态：开启全球数字文明新纪元——数据零件×场景编码×SEI指数构建下一代数字经济基座 人形机器人专利池研究中心 数据场景架构师数据零件架构师数据场景生态人工智能数据场景架构师算法大数据
    一、传统数字经济的“柏林墙困境”全球产业痛点扫描：数据孤岛化：企业间数据流通成本高达交易额37%（麦肯锡2024）价值黑箱化：85%数据资产无法量化定价（普华永道审计报告）技术碎片化：同类算法重复开发年耗$1800亿破局宣言：专知智库提出“可拆解、可组合、可交易”三可原则，以数据零件+场景编码+SEI计量重构全球数字基础设施二、三大基座：数字经济的新操作系统1.数据零件（DP）：技术场景最小单元革
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他