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实现简单轮播的淡入淡出效果)

  • 腾讯混元3D制作角色模型的教程-2 速易达网络 数字媒体专业课程3d
    图生3D，这是一个非常具体的操作指导需求。用户可能是设计师、游戏开发者或3D建模爱好者，希望快速掌握如何利用腾讯混元3D技术通过图片生成3D模型。基础操作：在线平台快速生成步骤1：访问平台登录腾讯混元3D创作引擎官网：https://3d.hunyuan.tencent.com。步骤2：上传图片点击“图生3D”（Imageto3D）功能，上传本地图片。建议：非透明背景图片勾选“RemoveBack
  • Python代理池的构建与应用：实现高效爬虫与防封禁策略 程序员威哥 python爬虫开发语言
    在进行大规模网络数据抓取时，IP封禁是最常见的反爬虫手段之一。为了应对这一挑战，代理池成为了一个重要工具。通过构建代理池，爬虫程序可以随机切换代理IP，避免同一IP被频繁访问而导致封禁，确保数据抓取任务的稳定性和持续性。本文将详细介绍如何使用Python构建一个高效的代理池，并结合实际应用场景，讲解如何使用代理池提升爬虫的抓取能力和防封禁策略。一、代理池的工作原理代理池的基本工作原理是，爬虫请求时
  • Python爬虫实战：用Tushare和Baostock爬取股票历史数据及K线图与技术指标计算
    在金融数据分析和量化交易中，股票历史数据的获取是进行技术分析、回测和策略研究的第一步。传统上，投资者需要依赖付费数据服务，然而如今，借助Python强大的爬虫工具和开源数据接口，我们能够轻松地爬取免费的历史股票数据，并结合K线图与技术指标来进行深入分析。Tushare和Baostock是两个非常流行的开源金融数据接口。Tushare提供了丰富的国内外金融数据，特别是A股市场的历史数据和实时数据，而
  • 基于 chat-uikit-react-native 实现一个 React Native 聊天 App qq_38405998 reactnative即时通信typescriptandroidios
    一、前言本文分享了通过github源码快速实现一个聊天App。二、具体步骤Step1：配置开发环境如果您电脑没有ReactNative开发环境，请先按照ReactNative官网set-up-your-environment配置开发环境.Step2：下载源码Demo源码可前往github下载Step3：获取应用信息您需要前往腾讯云即时通讯官网创建并获取相关的应用信息，关于如何创建即时通信账号请点击
  • 推荐几本创业者需要掌握的财务管理类书籍 AI布道师阿彬 单独的博客资料创业者财务管理书籍推荐创业
    作为创业者，需要建立一个坚实的财务和管理知识体系。这不仅仅是“看书”，而是通过阅读经典来构建商业思维框架。以下是精心挑选的一系列书籍，并按照从**“入门认知”到“高手进阶”**的逻辑进行分类，每本书都附上了推荐理由，确保它们能精准地解决创业者在创业不同阶段可能遇到的问题。第一部分：财务思维篇(让您看懂钱、管好钱、用好钱)对于技术出身的创始人来说，财务知识不是为了让您成为会计，而是为了让您拥有**“
  • “2025制造业数字化博览会” 成功举办，商派亮相并赋能制造业数字化转型！ 徐礼昭｜商派软件市场负责人 MRO电商MRO工业品商城家居出海商派
    6月17日，备受瞩目的“2025制造业数字化博览会”暨WOD世界制造业数字化大会在上海新国际博览中心盛大启幕。作为全球首个专注于制造业数字化全场景的专业展会，此次盛会以“数智破局・生态共生：重构全球制造新引擎”为主题，汇聚了来自10个国家和地区的200余家领军企业，吸引约2万名专业观众纷至沓来，共同打造了一个制造业数字化转型、智能化改造的供需精准链接枢纽，为推动全球制造业高质量发展注入强大动力。展
  • 2024年AI 智能助手（大模型）产品市场分析｜商派 徐礼昭｜商派软件市场负责人 人工智能
    一、引言人工智能的浪潮不断向前推进，智能助手作为其中的重要应用，已经逐渐渗透到我们生活的各个方面。它们以其便捷性和个性化的特点，改变了我们与世界的互动方式。本报告将对AI智能助手进行全面的行业分析，包括行业概况、主要玩家、用户数据、发展要素以及未来趋势等方面，并通过具体案例分享，帮助读者深入了解这一领域的现状和未来发展潜力。二、行业概览（一）智能助手的定义和发展阶段智能助手是利用人工智能技术为用户
  • C# 与串口通信：解决常见问题的调试技巧与实用建议 威哥说编程 c#单片机stm32
    串口通信作为一种经典的通信方式，在很多领域中仍然广泛应用，尤其是在嵌入式系统、工业自动化、测控系统等场景中。通过串口接口，可以实现设备间的短距离、低速数据传输。C#提供了强大的System.IO.Ports.SerialPort类来支持串口通信的开发，但在实际开发中，开发者常常遇到一些问题，比如数据丢失、串口冲突、波特率不匹配等。本文将深入探讨如何使用C#进行串口通信，结合调试技巧和实用建议，帮助
  • Objective-C面向对象编程：类、对象、方法详解（保姆级教程） 帅次 iOSObj-Cobjective-ciosiphonesafariswiftmacosflutter
    目录一、核心概念二、类的定义（分.h和.m文件）1.头文件（.h）——公开声明2.实现文件（.m）——具体实现3.属性特性解析原子性所有权语义(ARC环境下)读写控制三、对象创建与内存管理1.创建对象的两种方式2.关键步骤解析3.instancetype四、方法调用（消息传递机制）1.基本语法2.关键概念五、self与super关键字六、动手实践：完整工作流1.创建Person对象并调用方法2.项
  • 记一次移动端H5开发所遇到的问题与细节,以及ios兼容 想要飞翔的小猪 H5移动端开发vuehtml5h5移动端ios兼容
    第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video,一.移动端禁止缩放兼容主要属性是user-scalable=no"，width：视口的宽度，width=device-width：宽度是设备的宽度initial-scale：初始化缩放，-initial-scale=1.0：不缩放user-scalable：是否允许用户自行缩放，取值0
  • 由数据泄露引发业务崩塌的HTTP代理危险 彬彬醤 http网络协议网络tcp/ipweb安全大数据macos
    HTTP代理作为跨地域访问的常用工具，被广泛应用于跨境电商、数据采集、内容访问等场景。然而，其明文传输特性与监管漏洞，正成为数据安全与业务稳定的隐形杀手。某跨境电商团队因使用廉价HTTP代理，导致500+账号被亚马逊封禁；某企业员工通过公共代理访问内部系统，引发数据泄露事故——这些案例揭示：不当使用HTTP代理，可能让便捷变成灾难。五大核心风险解析1.不安全的数据传输传统HTTP代理工作于OSI模
  • Winrar X64_V6.24_win10/win11 Malwolf winrar
    SW_WinRAR_W11_64_V6240_20231108R.zipwinrar解压工具，免费版，无需破解，也不是破解版的，国内硬件大厂提供的官方版本。
  • Fiddler中文版抓包工具在跨域与OAuth调试中的深度应用 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    跨域和OAuth授权流程一直是Web和移动开发中最容易踩坑的领域。复杂的CORS配置、重定向中的Token传递、授权码流程的跳转，以及多域名环境下的Cookie共享，常常让开发者陷入调试困境。此时，一款能够精准捕获、修改、重放请求的抓包工具显得至关重要，而Fiddler抓包工具正是解决此类难题的核心武器。Fiddler中文网（https://telerik.com.cn/）为跨域和OAuth接入场
  • Fiddler抓包工具在多端调试中的实战应用：结合Postman与Charles构建调试工作流 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    在如今前后端分离、接口驱动开发逐渐成为主流的背景下，开发者越来越依赖于各类调试工具，以应对复杂的网络请求管理、多设备调试和跨团队协作等问题。而在诸多网络分析工具中，Fiddler抓包工具以其功能全面、扩展灵活、支持HTTPS抓包和断点调试等特性，在开发者圈中拥有稳定的口碑。本文将从一个更贴近日常开发流程的角度，探讨如何在多端调试、接口测试、数据模拟等环节中，灵活运用Fiddler，并与Postma
  • 荣耀手机应用使用时间查看方法详解 游戏开发爱好者8 httpudphttpswebsocket网络安全网络协议tcp/ip
    荣耀手机如何查看应用使用时间想要了解荣耀手机中各个应用的使用时间吗？接下来，我们将为您详细介绍如何查看这些信息。一、引言在当下智能手机广泛应用的时代，手机应用已然成为我们生活中不可或缺的助手。荣耀手机，作为华为旗下的出色品牌，凭借其出色的性能与丰富的功能，赢得了众多用户的青睐。为了更有效地管理手机使用时间，洞悉个人的应用使用习惯，掌握查看应用使用时间的技巧显得尤为关键。接下来，我们将一步步引导您了
  • 移动端iOS调试与问题解决：WebView调试多工具协作 游戏开发爱好者8 httpudphttpswebsocket网络安全网络协议tcp/ip
    在开发过程中，调试工作不仅仅是前端开发者的职责。当出现复杂的线上问题，调试往往需要涉及到多个团队的协作：前端、后端、测试和运营等。尤其是在移动端WebView页面和原生页面混合开发中，调试工作通常是多部门之间的互动与配合。这篇文章分享了我们在一个社交平台项目中的调试实践，重点讲解了跨团队合作调试中的问题解决策略，并介绍了我们如何通过工具协同与有效沟通，解决了上线后部分用户出现的问题。背景：移动端W
  • 程序员面试中的故障排查：展现问题解决能力的黄金法则
    程序员面试中的故障排查：展现问题解决能力的黄金法则关键词：故障排查、面试技巧、问题解决能力、结构化思维、技术沟通、根因分析、面试场景模拟摘要：在程序员面试中，故障排查类问题是考察候选人“实战能力”的核心环节——它不仅检验技术知识的深度，更能暴露逻辑思维、沟通表达和抗压能力的真实水平。本文将通过“侦探破案”式的类比，结合真实面试场景，拆解故障排查的黄金法则，帮助你在面试中从“解题者”升级为“问题解决
  • 基于OpenCv的图片倾斜校正系统详细设计与具体代码实现 AI大模型应用之禅 人工智能数学基础计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    基于OpenCv的图片倾斜校正系统详细设计与具体代码实现1.背景介绍1.1图像处理的重要性在当今数字时代,图像处理技术在各个领域都扮演着重要角色。无论是在计算机视觉、模式识别、医学影像、遥感探测还是多媒体处理等领域,图像处理都是不可或缺的核心技术。通过对图像进行预处理、增强、分割、特征提取等操作,可以从图像中获取有价值的信息,为后续的分析和决策提供支持。1.2图像倾斜问题及其影响在实际应用中,由于
  • iOS 抓包工具排查接口时区异常：国际化产品调试实战分享 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    在开发面向全球用户的应用时，“时间”这个维度的处理远比预期复杂。近期在一个国际化版本中，我们遭遇了一个特殊问题：同一接口在不同国家用户手机上表现不一致，有时返回数据为空，有时返回过期内容。服务端逻辑看似正常，客户端日志也无报错，最终我们通过一套多工具组合的抓包流程，还原出隐藏在跨时区处理差异背后的根因。问题背景与初步症状该功能是一个活动弹窗判断接口：根据当前时间返回用户是否可见活动入口。接口响应结
  • iOS App 上架常见问题解决方案：六大难点与实战工具分工详解 游戏开发爱好者8 httpudphttpswebsocket网络安全网络协议tcp/ip
    作为一名主要负责移动端交付的工程师，iOS上架过程向来是开发周期中最容易“卡壳”的一环，特别是在跨平台项目、资源有限的团队中更为明显。在最近一个智能出行类App项目中，我们团队采用Flutter开发，最终要将成品应用发布至AppStore。在整个过程中，我们遇到了不少实际问题。本文将围绕“上架过程中最棘手的6个典型难点”，结合我们的解决方法和所用工具，进行一次全面复盘。难点一：没有Mac电脑，无法
  • iOS 远程调试与离线排查实战：构建非现场问题复现机制 HTTPwise httpudphttpswebsocket网络安全网络协议tcp/ip
    iOS开发者都知道，调试最怕两个字：“偶发”。用户说App闪退了，你点了十遍也没问题；测试说功能卡顿了，你抓日志时它又顺滑如新。最麻烦的是，这种“现场问题”往往在你连接不到用户设备时发生。面对这种情况，我们团队过去一年逐渐搭建起一套以离线分析为核心的调试流程，即使设备不在身边，也能高效定位问题。本篇文章将围绕以下四类典型场景，拆解我们如何借助一套工具组合来解决：无法重现的崩溃问题用户侧偶发卡顿非越
  • 手机控制载货汽车一键启动无钥匙进入广泛应用
    移动管家载货汽车一键启动无钥匙进入手机控车系统‌，该系统广泛应用于物流运输、工程作业等货车场景，为车主提供了高效、便捷的启动和熄火解决方案，体现了科技进步对物流行业的积极影响‌核心功能‌：简化启动流程，提高便捷性与安全性。‌无钥匙进入‌：车主携带智能钥匙靠近车辆，车门自动解锁并解除防盗；离开时自动上锁防盗‌。‌一键启动‌：踩下刹车，按下一键启动按钮即可启动或熄火车辆，替代传统钥匙‌。‌智能控制‌：
  • 电动汽车一键启动手机撑控无钥匙进入
    移动管家汽车手机智能控制系统具有汽车远程启动、汽车远程熄火、远程开关车门锁、远程断油、远程供油、远程监听车内动态、入侵报警提示、GPS定位、车辆状态信息实时定位等各种智能化实用功能，安装时不改动任何原车线路，适用于所有车型。将手机的控制功能整合到汽车模块，实现手机与汽车之间的智能对接，手机控制汽车,新增APP远程启动熄火,微信云钥匙等多项功能集成一体，用手机控制汽车，实现汽车智能钥匙的成功开启，为
  • 大模型RLHF强化学习笔记（一）：强化学习基础梳理Part1 Gravity! 大模型笔记大模型LLM算法机器学习强化学习人工智能
    【如果笔记对你有帮助，欢迎关注&点赞&收藏，收到正反馈会加快更新！谢谢支持！】一、强化学习基础1.1Intro定义：强化学习是一种机器学习方法，需要智能体通过与环境交互学习最优策略基本要素：状态（State）：智能体在决策过程中需要考虑的所有相关信息（环境描述）动作（Action）：在环境中可以采取的行为策略（Policy）：定义了在给定状态下智能体应该选择哪个动作，目标是最大化智能体的长期累积奖
  • Mariadb-Server的二进制安装 linux土老帽 linux土老帽mariadblinuxcentos
    搭建环境：OS:centos7.6版本mariadb:mariadb-10.2.25-linux-x86_64.tar.gz#下载地址：DownloadMariaDBServer-MariaDB.org1.创建用户组useradd-r-s/sbin/nologin-d/data/mysqlmysql#创建用户-r系统账户-s指定shell/sbin/nologin-d指定家目录但是不创建原因是系统
  • 【k近邻】 K-Nearest Neighbors算法原理及流程 F_D_Z 机器学习方法数理算法学习机器学习k近邻算法k-近邻算法
    【k近邻】K-NearestNeighbors算法原理及流程【k近邻】K-NearestNeighbors算法距离度量选择与数据维度归一化【k近邻】K-NearestNeighbors算法k值的选择【k近邻】Kd树的构造与最近邻搜索算法【k近邻】Kd树构造与最近邻搜索示例k近邻算法（K-NearestNeighbors，简称KNN）是一种常用的监督学习算法，可以用于分类和回归问题。在OpenCV中
  • C++正则表达式语法 Coding小公仔 c/c++c++正则表达式开发语言
    在C++中，正则表达式是处理文本模式匹配和字符串操作的强大工具。C++11及以后的标准库提供了头文件，支持正则表达式的使用。下面是C++正则表达式的核心语法规则和用法：一、基本正则表达式语法1.普通字符直接匹配自身，例如：a匹配字符a。2.元字符（需转义）具有特殊含义的字符，需用反斜杠\转义（在C++字符串中需用双反斜杠\\）。.：匹配除换行符外的任意字符。^：匹配字符串的开头。$：匹配字符串的结
  • MySql主从备份Slave 甚享享 mysql数据库
    Mysql主从备份可以在除主服务器外的其他服务器是部署从库，用于实时备份生产环境数据，核心是mysql的log-bin日志（二进制日志），主库开启bin日志后，从库通过日志同步(SlaveI/O)和回放(SlaveSQL)实现数据同步.因为设置主从备份时，需要指定主库lob-bin日志运行行数，所以之前的数据需要通过“数据同步”或者手动同步完成修改配置文件Linux:my.cnfWindows:m
  • 高通 QCS8550 大模型性能深度解析：从算力基准到场景实测的全维度 Benchmark 伊利丹~怒风 Qualcomm人工智能AI编程pythonarm自然语言处理
    前言在人工智能技术狂飙突进的时代，大模型正以前所未有的速度重塑各行业生态，从智能客服到多模态交互，从边缘推理到端侧部署，其应用场景不断拓展。而这一切革新的背后，离不开底层硬件的强力支撑。高通QCS8550作为面向下一代智能设备的旗舰级计算平台，凭借高达48TOPS的AI算力与先进的第七代高通AI引擎，在大模型性能表现上极具竞争力。其异构多核架构不仅能高效处理复杂的神经网络计算，还通过软硬件协同优化
  • 高通手机跑AI系列之——3D姿势估计 伊利丹~怒风 Qualcomm智能手机AI编程armpython人工智能
    目录环境准备手机软件算法Demo代码功能分析关键模块解析示例代码代码效果环境准备手机测试手机型号：RedmiK60Pro处理器：第二代骁龙8移动--8gen2运行内存：8.0GB，LPDDR5X-8400，67.0GB/s摄像头：前置16MP+后置50MP+8MP+2MPAI算力：NPU48TopsINT8&&GPU1536ALUx2x680MHz=2.089TFLOPS提示：任意手机均可以，性能
  • 多线程编程之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其他