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

  • python的垃圾回收 机制
    python和Jave、C一样使用了垃圾回收机制，不一样的是python使用了引用计数机制为主，分代收集机制为辅intern机制intern机制是引用计数机制里面的一种，如果一个数据重复存储多次，python将不会在读开辟空间来存储这条数据，它会使用引用计数的方式，存入的数据江会被指定到已经有据的那篇空间一切皆对象python里面一切皆对象，PyObject是每一个对象都有的内容，引用计数就是一它
  • Python语言数据结构详解与应用
    Python语言数据结构详解与应用——从生活场景到代码实战的知识旅程1.引入与连接：从“整理房间”到“管理数据”想象你有一间书房：书架上的书按顺序摆放（想找第3本？直接数到第3层！）→这像列表（List），有序且可调整。墙上的固定相框（一旦挂好，照片不能换）→这像元组（Tuple），不可变但安全。抽屉里的钥匙盒（每把钥匙对应一个抽屉）→这像字典（Dict），用“键”快速定位“值”。桌面的马克杯（没
  • Python 领域 vllm 优化模型推理速度的方法 Python编程之道 Python编程之道python开发语言ai
    Python领域vLLM优化模型推理速度的方法关键词：Python、vLLM、模型推理速度、优化方法、推理性能摘要：本文聚焦于Python领域中vLLM对模型推理速度的优化方法。首先介绍了相关背景知识，包括vLLM的概念和优化模型推理速度的重要性。接着阐述了vLLM的核心概念与架构，详细分析了其优化的原理。通过具体的Python代码展示了核心算法原理及操作步骤，同时给出了相应的数学模型和公式进行理
  • Python 用 NumPy 进行矩阵分解
    Python用NumPy进行矩阵分解关键词：NumPy,矩阵分解,线性代数,奇异值分解,QR分解,LU分解,特征值分解摘要：本文将深入探讨使用NumPy进行矩阵分解的各种技术。我们将从基础的线性代数概念出发，详细讲解五种核心矩阵分解方法：LU分解、QR分解、奇异值分解(SVD)、特征值分解和Cholesky分解。每种方法都将配有数学原理说明、NumPy实现代码和实际应用案例。文章还将介绍矩阵分解在
  • Python 领域 pytest 的测试用例依赖管理
    Python领域pytest的测试用例依赖管理关键词：pytest、测试依赖、fixture、依赖注入、测试管理、Python测试、测试框架摘要：本文深入探讨了Python测试框架pytest中的测试用例依赖管理机制。我们将从基础概念出发，详细分析pytest的fixture系统如何实现优雅的依赖管理，包括依赖注入、作用域控制、参数化等高级特性。通过实际代码示例和架构图解，展示如何构建可维护、可扩
  • python垃圾回收机制_python3 2401_84585372 程序员python开发语言
    1、变量名与值内存地址的关联关系存放于栈区2、变量值存放于堆区，内存管理回收的则是堆区的内容，​定义了两个变量x=10、y=20，详解如下图：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200426200636471.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,t
  • Transformer模型架构深度讲解
    Transformer是一种在自然语言处理（NLP）和深度学习中非常重要的模型架构。它首次由Vaswani等人于2017年提出，主要应用于序列到序列的任务（如机器翻译、文本生成、摘要生成等）。Transformer模型与传统的RNN（循环神经网络）和LSTM（长短时记忆网络）不同，它不依赖于时间步的顺序处理，而是完全基于“注意力机制”进行计算，这使得它在训练速度、并行化能力和长期依赖问题的处理上具
  • Android 13 设置界面会判断当前屏幕的大小,如果是大屏,则为左右屏显示 安卓兼职framework应用工程师 android13.0Rom定制化高级进阶androidromsettings加载菜单屏幕大小
    1.前言在13.0的系统rom定制化开发中，在某些时候，在大屏设备中，设置新增了左右分屏的功能，就是左边显示主菜单，右边显示一级菜单的功能，某些情况下不需要，接下来关闭这个功能2.设置界面会判断当前屏幕的大小,如果是大屏,则为左右屏显示的核心类packages/apps/Settings/src/com/android/settings/homepage/SettingsHomepageActiv
  • 【工具】Eclipse：一个用于对两个或多个非靶向液相色谱-质谱代谢组学数据集进行比对的 Python 软件包 生信学习者1 学习笔记python数据分析数据挖掘
    文章目录介绍代码参考介绍非靶向液相色谱-串联质谱（LC-MS）代谢组学数据集蕴含着大量信息，但在分析和处理过程中却面临诸多挑战。通常，需要对两个或多个独立处理的数据集进行整合以形成完整的数据集，但现有的软件并不能完全满足我们的需求。为此，我们创建了一个名为“Eclipse”的开源Python包。Eclipse采用一种新颖的基于图的方法来处理由n个（n>2）数据集引发的复杂匹配情况。Nontarge
  • C++与Java内存共享技术：跨平台与跨语言实现指南
    引言在C++和Android项目移植过程中，内存共享是提高性能、减少数据拷贝的关键技术。本文解决了Windows与Android平台处理内存共享问题，采用了会话管理机制保存了同一状态；还解决了C++项目移植在Android项目中依赖过多的问题，采用了Pimpl（PointertoImplementation）设计模式来隐藏实现细节，减少头文件依赖：Windows平台C++进程间的内存共享C++与J
  • Github 2024-05-07 开源项目日报 Tp10 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-05-07统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量TypeScript项目4JupyterNotebook项目2Python项目1Batchfile项目1非开发语言项目1Java项目1HTML项目1C#项目1从零开始构建你喜爱的技术创建周期：2156天Star数量：253338个Fork数量：240
  • Github 2024-07-07 开源项目日报 Top10 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-07-07统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目4Rust项目2C项目2C++项目1JavaScript项目1HTML项目1JupyterNotebook项目1非开发语言项目1免费编程书籍和学习资源清单创建周期：3762天协议类型：CreativeCommonsAttributio
  • Python模块中__all__变量失效问题深度解析 盛夏绽放 python开发语言有问必答
    文章目录Python模块中`__all__`变量失效问题深度解析一、`__all__`的正确作用场景二、`__all__`不起作用的常见原因1.未使用`from...import\*`导入2.`__all__`定义不完整或错误3.子模块未正确导出4.Python解释器缓存问题5.相对导入路径错误三、解决方案1.确保使用`from...import\*`测试2.检查`__init__.py`的导出逻
  • 【Python】——使用python实现GUI图书管理系统：Tkinter+SQLite实战 星星法术嗲人 python基础sqlite数据库
    本文将通过一个完整的python项目——图书管理系统，演示如何利用Tkinter构建GUI界面，结合SQLite数据库实现增删改查功能。代码简洁易懂，适合python初学者学习和二次开发。一、项目功能概览图书管理：添加、查看、修改、删除图书信息数据存储：使用SQLite持久化存储图书数据可视化界面：表格展示数据，支持快速选择和编辑输入校验：关键字段非空校验与操作确认提示二、技术栈与依赖库impor
  • python中的函数：apply、map、reduce、lambda函数
    一、apply函数定义：apply函数在Pandas库中函数，应用对象是DataFrame或Series的行或列上，并返回一个新的DataFrame或Series。主要有两方面的功能：一是直接对DataFrame或者Series应用函数，二是对pandas中的groupby之后的聚合对象apply函数DataFrame.apply(func,axis=0,broadcast=None,raw=Fa
  • 关于TCP/IP与HTTP介绍。 xiaoweids webHTTPtcp/iphttp网络
    转自：微点阅读https://www.weidianyuedu.comTCP/IP是以IP和TCP协议为核心的一整套网络协议的总称，所以有时候我们也称其为TCP/IP协议簇。毫不夸张地说，TCP/IP支撑着整个互联网，因为它就是互联网采用的网络协议。TCP/IP协议簇划分为如右图所示的4个层次[2]（应用层、传输层、网络层和链路层），构成整个协议簇的各个子协议处于相应层次中。既然将整个协议簇命名为
  • 在 js 中，reduce() 的详解 以及使用方法
    reduce（）：reduce（）方法为归并类方法，最常用的场景就是，计算数组中的每一项的总和。reduce（）方法会遍历数组的每一项，他接收两个参数：第一个参数：每次遍历都会调用的函数，而这个函数有接收四个参数，分别是：前一个值、当前项、项目的索引和数组对象，而这个函数的返回值，回传给下一次遍历时，执行的这个方法的第一个参数。第二个参数：归并基础的初始值我们看一下例子：reduce（）怎么用？l
  • 技术日报开源项目
    项目介绍：项目分为资讯和图片和关于三大类，资讯分为github、hacker、SegmentFault、jobBole、技术头条、Android、ios、和all，图片是美女福利图片、并提供下载。项目已在应用宝上线：地址http://android.myapp.com/myapp/detail.htm?apkName=com.infomation.haiffeng项目用到的技术框架1：采用okht
  • 【Python系列】空值判断
    博客目录初始代码分析优化点一：查询条件的整合优化点二：使用SQLAlchemy推荐语法优化点三：简化条件判断优化点四：错误消息的规范化更现代的SQLAlchemy2.0风格在软件开发中，数据库查询是最常见的操作之一，但如何编写高效、可读且健壮的查询代码却是一门艺术。初始代码分析原始代码片段如下：app=db.session.query(App).filter(App.id==workflow_pr
  • 【linux】ssh 远程执行命令自动输入密码方式 檀越@新空间 s5Linux学习linuxssh服务器
    欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。✨✨欢迎订阅本专栏✨✨博客目录一.自动输入密码二.sshpass方式1.安装sshpass2.源码下载3.安装过程4.验证三.expect方式1.脚本2.执行前些天发现了一个巨牛的人工智能
  • c++11 标准模板（STL）（std::locale）（一） 繁星璀璨G 本地化库c++标准库模板STLlocale本地环境
    用以封装文化差异的多态刻面的集合classlocale;std::locale类型对象是不可变平面的不可变索引集。C++输入/输出库的每个流对象与一个std::locale对象关联，并用其平面分析及格式化所有数据。另外，locale对象与每个std::basic_regex对象关联。locale对象亦可在标准容器和算法中用作进行字符串对照的谓词，而且能被直接访问，以获得或修改其所保有的平面。C++
  • AI办公Agent之Skywork Super Agents NeilNiu AI+开源项目人工智能
    5月22日，昆仑万维科技股份有限公司（以下简称“昆仑万维”）面向全球市场同步发布天工超级智能体（SkyworkSuperAgents)。官网地址：https://www.tiangong.cn/这个工具主要采用了AIagent架构和DeepResearch技术，一站式生成文档、PPT、表格（excel）、网页、播客和音视频多模态内容。它具有强大的DeepResearch能力，在GAIA榜单排名全球
  • 【牛客刷题】实现返回最大的不大于n的完美数的函数 字节卷动 牛客刷题java算法牛客
    文章目录一、题目介绍1.1题目描述1.2输入描述1.3输出描述1.4示例二、解题思路2.1核心算法设计2.2性能优化关键2.3算法流程图三、解法实现3.1解法一：借位+贪心3.1.1初级版本分析3.2解法二：优化版（推荐）3.2.1优化版本分析四、总结与拓展4.1关键优化技术4.2进阶优化方向4.3应用场景扩展一、题目介绍1.1题目描述给定一个正整数n，定义一个完美数为每一位数字只包含1、2、3的
  • GNN--知识图谱（逐步贯通基础到项目实践） 峙峙峙 图神经网络知识图谱人工智能
    原文仓库链接：知识图谱–贯通已有知识地图记录知识关系图谱和跨学科碰撞新启发知识图谱mermaid可能需要下载插件才能渲染线性代数神经网络深度学习框架硬件加速图论GNN框架交叉理解前向理解定义：前向理解：A–>B，A为B的基础铺垫知识，通过深入学习A对B有更好的理解01.LinearAlgebraforLinearLayerofNN从线性代数行列变换的角度看神经网络中的线性层线性代数矩阵乘法，可以理
  • python:arange()和range()区别 锂享生活 pythonpython开发语言
    arange和range都是用来生成一系列有序数值的函数，但它们分别属于不同的Python库，并且在功能和返回类型上有所区别：一、Python内置的range()函数：range()函数在Python标准库中，主要用于生成一个等差数列的整数序列。它不直接生成列表，而是返回一个可迭代对象。range()不占用额外的内存空间存放序列的所有元素，而是动态生成每个需要的值。参数通常是三个：range(st
  • 牛客刷题记录之语法入门选择结构篇 Leona不学计算机 蓝桥杯c语言c++
    （一）N-送分题题目描述数据结构之神ccz又在出毒瘤数据结构了，神出了这样一个题：给你三个数，在这三个数中间任意加*或者是+，然后可以随便打括号，只要这个表达式合法比如说123可以得到：1+2*3=71*(2+3)=51*2*3=6(1+2)*3=9不能改变这三个数的原顺序最大化表达式的值输入描述:输入三行，每行一个数分别表示a，b，c输出描述:输出一行一个数表示答案输入示例：123输出示例：9输
  • 掌握MySQL函数：高效数据处理指南
    在MySQL数据库管理系统中，函数扮演着极为重要的角色。它们就像是数据库操作的得力助手，能够帮助开发者高效地完成各种数据处理任务。本文将深入探讨MySQL函数的方方面面，从其基本概念到实际应用，帮助读者全面掌握这一强大的工具。一、函数的基本概念函数，简单来说，是一段用于完成特定功能的代码。在使用函数时，我们只需关注函数的参数和返回值，就能轻松实现特定功能。例如，我们想获取一个字符串的长度，无需自己
  • [QMT量化交易小白入门]-六十九、ETF动量评分策略，历史年化收益率107% python自动化工具 量化交易小白入门数据库java缓存
    本专栏主要是介绍QMT的基础用法，常见函数，写策略的方法，也会分享一些量化交易的思路，大概会写100篇左右。QMT的相关资料较少，在使用过程中不断的摸索，遇到了一些问题，记录下来和大家一起沟通，共同进步。文章目录相关阅读1.定时任务函数`mutorun`的解析1.1获取当前K线日期1.2跳过非回测或非最后一根K线的情况1.3开始任务日志记录1.4获取市场数据1.5检查市场数据有效性1.6计算ETF
  • 机器学习的数学基础-线性代数
    本文用于复习并记录机器学习中的相关数学基础，仅供学习参考。很多总结和例子来源于mml项目（mml-book.github.io）十分感谢这本书的作者，PS：这本书目前没有中文版。线性代数线性方程组矩阵矩阵的加法与乘法矩阵加法矩阵乘法单位矩阵与标量相乘逆与转置逆转置解决线性方程组特解与通解高斯消元法初级变换应用：“-1”trick应用：求逆总结-如何解决线性方程组？向量空间群向量空间向量子空间线性独
  • ubuntu22.04从新系统到tensorflow GPU支持 澍龑 tensorflow人工智能
    ubuntu22.04CUDA从驱动到tensorflow安装0系统常规设置和软件安装0.1挂载第二硬盘默认Home0.2软件安装0.3安装指定版本的python0.4python虚拟环境设置1直接安装1.1配置信息1.2驱动安装1.3集显显示，独显运算（其它debug用）1.4卸载驱动(备用，未试)日常使用ssh后台运行（断联不中断）0系统常规设置和软件安装0.1挂载第二硬盘默认Homesudo
  • 多线程编程之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其他