haley666

原生js写的最简单的轮播

原生js写的最简单的轮播

文章目录

原生js写的最简单的轮播

概述
静态效果图
动态效果图（待添加）
在线预览
HTML 代码
js代码
Less代码
css代码
资源文件

概述

核心采用原生js的面向对象的方式编写；
样式使用的less生成的css。
自带自动轮播，轮播到最后时，再回到最前面，不带循环。

静态效果图

动态效果图（待添加）

在线预览

在线预览demo

HTML 代码


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>最简单的轮播title>
    <link rel="stylesheet" href="css/css.css">
    <script crossorigin="anonymous" integrity="sha384-6ePHh72Rl3hKio4HiJ841psfsRJveeS+aLoaEf3BWfS+gTF0XdAqku2ka8VddikM" src="https://lib.baomitu.com/jquery/1.11.3/jquery.min.js">script>
    <script src="js/js.js">script>
head>
<body>
    <div class="slider">
        <ul class="slider__list">
            <li class="slider__list__item">
                <div>
                    <p>1p>
                    <p>haleyp>
                div>
            li>
            <li class="slider__list__item">
                <div>
                    <p>2p>
                    <p>haleyp>
                div>
            li>
            <li class="slider__list__item">
                <div>
                    <p>3p>
                    <p>haleyp>
                div>
            li>
            <li class="slider__list__item">
                <div>
                    <p>4p>
                    <p>haleyp>
                div>
            li>
            <li class="slider__list__item">
                <div>
                    <p>5p>
                    <p>haleyp>
                div>
            li>
            <li class="slider__list__item">
                <div>
                    <p>6p>
                    <p>haleyp>
                div>
            li>
        ul>
        <div class="slider__btns">
            <span class="slider__btns__prev">span>
            <span class="slider__btns__next">span>
        div>
    div>
body>
html>

js代码

$(()=>{
    let slider={
        el:'.slider',
        numSlide:0,//slide个数
        width:0,// 容器总宽度
        wItem:300,// 每个slide的宽度
        left:0,//list的左侧位置
        index:0,//当前index
        speed:1000,// 速度
        init(){
            let $list=$(this.el).find('.slider__list');
            this.numSlide=$list.children().size()
            this.width=this.numSlide*this.wItem;
            $list.css({width:this.width})
            this.setLeft()
        },
        //设置左侧位置
        setLeft(index){
            let i=index||this.index
            this.left=-i*this.wItem
            $('.slider__list').css({left:this.left})
        },
        setBtns(){
            if(slider.index>0){
                $('.slider__btns__prev').removeClass('disabled')
            }else{
                $('.slider__btns__prev').addClass('disabled')
            }
            if(slider.index<slider.numSlide-1){
                $('.slider__btns__next').removeClass('disabled')
            }else{
                $('.slider__btns__next').addClass('disabled')
            }
        },
        // 向左移动
        moveLeft(){
            if(this.index<this.numSlide-1){
                this.index++
                this.setLeft()
            }
        },
        // 向右移动
        moveRight(){
            if(this.index>0){
                this.index--
                this.setLeft()
            }
        }
    }
    slider.init();
    $('.slider__btns__next').on('click',function(){
        slider.moveLeft()
        slider.setBtns()
    })
    $('.slider__btns__prev').on('click',function(){
        slider.moveRight()
        slider.setBtns()
    })
    // // 自动切换
    setInterval(()=>{
        slider.setLeft(slider.index<slider.numSlide?slider.index++:slider.index=0)
    },slider.speed)
})

Less代码

// 轮播核心代码
.border(@c: #f00) {
    border: 1px solid @c;
}
.bgc(@b: #f3f4f5) {
    background-color: @b;
}
.slider {
    *,&{
        box-sizing: border-box;
    }
    .border(#f1f2f3);
    @w: 300px;
    @h: 200px;
    width: @w;;
    overflow: hidden;
    &__list {
        margin:0;
        padding:0;
        width:@w;
        position: relative;
        transition: left 0.3s ease-in-out;
        display: flex;
        &__item {
            list-style: none;
            width: @w;
            height: @h;
            font-size: 30px;
            text-align: center;
        }
    }

    &__btns {
        text-align: center;
        padding-top:4px;
        &__prev,
        &__next {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAPCAYAAAAoAdW+AAAAlUlEQVQYlXXRPWqCYRAE4Oe1EazS2VqIhcQmiAfQwguInXYSvIDnSZkuENBCG282Fn4g348LWywzw87OCt9JdHUPX0o56aokwk84NpWvgd+wfQcOwl9Yt8EnYRiuYdEGn4RRteKzJGm7LOWAZZdyViknTWAc7mHadDsMtzCvu+UjXMKqfif9cA6bdkL8h11X8ML+3VcefRfggZp7/V8AAAAASUVORK5CYII=) center center / 7px 15px no-repeat;
            width: 14px;
            height: 30px;
            display: inline-block;
            cursor: pointer;
            .bgc(#f9f6f3);
            &.disabled{
                background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAPCAYAAAAoAdW+AAAAfUlEQVQYlXXPsQqBYRSA4ScGq7Ip/yClWGyS7R+UxcRiMrowpWwGGZALchOSb/q+87/jeTp1Dhw01EKNY8z/LtgX01QHV6wLSfVww7KQ1BAvTApJTXHGqB3g5wfYRpsLnDDIYYY3quiYJ8Y59PHAPIduglV0wB2bpr924RRfm4QN/eQ8+0wAAAAASUVORK5CYII=);
                opacity: 0.3;
            }
        }

        &__prev {
            transform: rotate(180deg);
        }
        &__next {}
    }
}

css代码

.slider {
  border: 1px solid #f1f2f3;
  width: 300px;
  overflow: hidden;
}
.slider *,
.slider {
  box-sizing: border-box;
}
.slider__list {
  margin: 0;
  padding: 0;
  width: 300px;
  position: relative;
  transition: left 0.3s ease-in-out;
  display: flex;
}
.slider__list__item {
  list-style: none;
  width: 300px;
  height: 200px;
  font-size: 30px;
  text-align: center;
}
.slider__btns {
  text-align: center;
  padding-top: 4px;
}
.slider__btns__prev,
.slider__btns__next {
  background: url(../img/arrowSmall_canClick.png) center center / 7px 15px no-repeat;
  width: 14px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  background-color: #f9f6f3;
}
.slider__btns__prev.disabled,
.slider__btns__next.disabled {
  background-image: url(../img/arrowSmall_gray.png);
  opacity: 0.3;
}
.slider__btns__prev {
  transform: rotate(180deg);
}

资源文件

原生js写的最简单的轮播

你可能感兴趣的:(#,前端各种插件,js)

IDEA集成DeepSeek AI助手完整指南 ivwdcwso 开发 intellij-idea 人工智能 java DeepSeek 开发 pycharm python
在当今快速发展的软件开发领域，AI辅助编程工具正在成为开发者的重要助手。本文将详细介绍如何在IDEA中集成DeepSeekAI助手，帮助开发者提升编程效率。一、环境准备©ivwdcwso(ID:u012172506)1.1IDEA版本要求在开始集成之前，需要确保你的IDEA版本满足要求：推荐使用IDEA2023.x及以上版本较新版本提供更好的插件兼容性和稳定性可以通过以下步骤查看IDEA版本：点击
【Three.js】四（1）、three.js中的光源——基础光源 MAXLZ 【WebGL】Three.js three.js 光源 AmbientLight PointLight SpotLight
【Three.js】四（1）、three.js中的光源——基础光源一、THREE.AmbientLight二、THREE.PointLight2.1THREE.PointLight属性三、THREE.SpotLight3.1THREE.SpotLight属性四、THREE.DirectionalLight4.1THREE.DirectionalLight的属性three.js中的光源有：THREE
stm32电机驱动模块想要成为糕手。 stm32 单片机嵌入式硬件
电机驱动模块是智能车等电子设备中用于驱动电机运转的重要部件，它能将微控制器输出的控制信号转换为足够的功率和电流来驱动电机。以下为你详细介绍电机驱动模块的相关信息：常见类型1.L298N电机驱动模块特点高电压、大电流驱动能力：能够驱动高达46V的电机，持续输出电流可达2A，瞬间峰值电流能达到3A，适用于驱动各种中小型直流电机。双通道控制：可以同时控制两个直流电机的正反转和调速，也能用于驱动一个步进电
题解 | #数组中出现次数超过一半的数字#哈希最简单的解法 2301_79125642 java
前端要转测试大佬们，我是软件工程专业的，毕业后又培训了半年前端，现在公司要我转软件测试，初中级都可以，学着麻烦吗？大概得多长时间？转转java凉面一个数组基本有序应该采用哪种排序方法为什么要有线程池，线程太多会怎么样？？阻塞队列与普通队列的区别是？递归与非递归区别是什么？各自的优缺点？递归如何转为非递归题解|#数组中出现次数超过一半的数字#哈希最简单的解法classSolution{public:
如果 main 里面引入 axios ，然后引入 router ，而 router 里面也引入 axios，会不会重复清风细雨_林木木技术点 javascript 前端开发语言
技术点备忘如果main里面引入axios，然后引入router，而router里面也引入axios，会不会重复不会重复的。虽然你在main中引入了axios，并且在router中也引入了axios，但引入的axios是同一个模块。JavaScript的模块系统是基于单例模式的，意思是每个模块只会被加载一次，之后的引用都会指向同一个实例。具体来说：当你在main.js中引入axios，它会在模块加载
Python之json模块的序列化和反序列化如梦@_@ python基础
序列化：可以理解为压缩反序列化：可以理解为解压Python中序列化和反序列化其实就是一个正反两个过程。序列化就是将Python对象转化为json格式，因为Python对象只有Python语言能够识别，如果想把数据发给Java代码写的程序，那么就识别不了，所以就有一个中间的格式：json，Java中也是一样，就是将Java的数据类型转换成json格式。反序列化就是，Python接收数据的应该是Pyt
java使用递归获取geojson（json）数据迷茫的小猿 java java json
需要导入的包：org.json-chargebee-1.0.jarpackageparse;importjava.io.BufferedReader;importjava.io.BufferedWriter;importjava.io.FileReader;importjava.io.FileWriter;importjava.io.IOException;importjava.util.Arra
geojson 导入mysql_导入GeoJSON数据到SQL Server数据库中冠位咕哒子 geojson 导入mysql
导入GeoJSON数据到SQLServer数据库中GeoJSON是GIS行业里一种常见的数据交换格式，能够存储结构化的空间地理信息。因为SQLServer从2008版开始提供了空间数据类型geometry与geography的支持，所以我也试着将项目中用到的地图数据转换到数据库中，方便之后的调用。因为中途遇到了不少坑，所以写了这篇文章作为备忘。事前准备：了解GeoJSON与SQLServer的空间
C#、ASP、ASP.NET、.NET、ASP.NET CORE区别、ASP.NET Core其概念和特点、ASP.NET Core个人心得体会手中的风筝664 c#asp.net .net
C#是一种面向对象的编程语言，主要用于开发跨平台的应用程序。它是.NET框架的一部分，并且可以在.NET平台上运行。ASP（ActiveServerPages）是一种用于构建动态Web页面的技术，使用VBScript或JScript作为服务器端脚本语言。它是早期的Microsoft技术，现已逐渐过时。ASP.NET是微软推出的下一代Web应用程序开发技术，它提供了更强大、更高效的功能和工具。ASP
在nodejs中使用RabbitMQ（四）队列类型Classic、Quorum、Stream konglong127 nodejs rabbitmq node.js 后端
经典队列（ClassicQueues）、仲裁队列（QuorumQueues）和流队列（StreamQueues）——的特性对比表：FeatureClassicQueuesQuorumQueuesStreamQueuesNon-durablequeues(非持久队列)YesNoNoMessagereplication(消息复制)NoYesNoExclusivity(独占性)YesNoNoPermes
空间数据存储格式GeoJSON guokanglun WebGIS开发前端
GeoJSON是一种用于表示地理信息的开放标准格式，广泛用于存储和交换地理空间数据。它基于JSON格式，因此易于理解和处理，尤其适用于Web和JavaScript环境中的地图应用。GeoJSON支持多种地理信息类型，如点、线、面、坐标系统等。GeoJSON基本结构GeoJSON文件本质上是一个JSON对象，通常包含以下几个主要部分：type：指定GeoJSON数据的类型。features：一个包含
C#面：.Net、ASP.Net、C#、VisualStudio之间的关系是什么那个那个鱼 c#C#面试题 c#.net 开发语言
C#是一种编程语言，它是由微软开发的，用于开发各种类型的应用程序，包括桌面应用程序、Web应用程序和移动应用程序等。C#是一种面向对象的语言，它具有强大的类型安全性和丰富的库支持。.NET是一个软件开发框架，它由微软开发和维护。.NET框架提供了一个运行时环境和一系列的类库，用于简化和加速应用程序的开发过程。C#是.NET框架的一种主要编程语言，但.NET框架也支持其他编程语言，如VB.NET和F
书籍-《概率论I：随机变量与分布》概率人工智能
书籍：ProbabilityTheoryI:RandomVariablesandDistributions作者：AndreaPascucci出版：Springer编辑：陈萍萍的公主@一点人工一点智能书籍下载-《概率论I：随机变量与分布》01书籍介绍本书提供了概率论简洁而严谨的介绍。在处理这一主题的各种方法中，选择了基于测度理论的最现代方法：尽管这种方法需要更高的数学抽象和精密度，但对于更高级话题如
如何在Python中进行JSON数据的序列化和反序列化？计算机学长大白 python python 开发语言
在Python中，JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。Python内置的json模块提供了简单易用的方法来实现数据的序列化和反序列化。下面将详细介绍如何在Python中进行JSON数据的序列化和反序列化，并给出具体的示例。1.序列化序列化是指将Python对象转换为JSON格式的字符串。json模块提供
数字孪生的关键技术？云栖道人科技人工智能大数据重构
数字孪生的关键技术涵盖了多个前沿技术领域，这些技术共同作用，支持数字孪生系统的构建和运行。以下是主要的关键技术：1.物联网（IoT）与传感器技术物联网是数字孪生的基础，通过部署大量传感器，实时采集物理实体的各种数据（如温度、压力、振动、位置信息等）。这些数据被用于构建和更新数字孪生模型。IoT使物理世界中的设备和系统能够与其虚拟孪生进行数据交换，从而实现实时监控和管理。传感器数据采集：传感器负责物
关于前后端分离跨域问题——使用DeepSeek分析查错潮落拾贝解决跨域问题使用DeepSeek协助开发
我前端使用antdesignvuepro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：funcNewHTTPServer(c*conf.Server,s*conf.Secret,rolesm*service.RolesManageService,tracertrace.TracerProvider,l
python股票分析系统部署操作过程及代码实现大懒猫软件 python 开发语言 flask plotly api restful
部署一个股票分析系统涉及多个步骤，包括后端服务、前端界面和实时数据更新。以下是一个详细的部署过程，涵盖从代码编写到服务器部署的完整步骤。1.系统架构概述后端：使用Flask提供RESTfulAPI和数据处理服务。前端：使用PlotlyDash构建动态界面，实时显示股票价格走势。数据源：从金融数据API（如AlphaVantage、YahooFinance）获取实时数据。2.系统开发步骤2.1安装必
C语言操作符详解火龙果刺客 #C语言 c语言开发语言
C语言是一种广泛使用的编程语言，具有丰富的操作符集合。在这篇博客中，小编将详细介绍C语言中的各种操作符，帮助大家更好地理解和掌握这门语言。1.操作符的分类算术操作符：+-*/%移位操作符：>位操作符：&|^赋值操作符：=+=-=*=/=%=>=&=|=^=单目操作符：！++--&*+-~sizeof(类型)‘关系操作符：>>=>右移操作符移位规则：⾸先右移运算分两种：1.逻辑右移：左边⽤0填充，右
Google Cloud技术学习总结谭俊杰Jerry 人工智能
GoogleCloudPlatform（GCP）是由Google提供的一套云计算服务，帮助企业和开发者利用Google的基础设施来构建、部署和扩展应用程序。GCP提供了广泛的服务，涵盖计算、存储、数据分析、机器学习和网络等领域。以下是GoogleCloud的技术总结：核心服务计算服务GoogleComputeEngine：提供虚拟机（VM）实例，支持自定义配置，适合各种工作负载。GoogleKub
爬虫实践——selenium、bs4 lucky_chaichai Python爬虫 selenium requests 爬虫 selenium python
目录一、浏览器的一般设置二、打开网页并获取网页源码的方式1、基于requests库2、基于urlib库3、基于selenium三、HTML解析1、BeautifulSoup2、Selenium动态渲染爬虫：模拟动态操作网页，加载JS(webdriver)3、scrapy框架四、反爬虫操作五、一些常见的异常处理六、url接口调用问题——get、post操作1、get请求2、post请求fromsel
uniapp uni-icons组件自定义图标 xcLeigh uniapp技术点解析 uni-app 前端 java
文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo
【MongoDB】MongoDb的“not master and slaveok=false”错误及解决方法 weixin_30900589 数据库 shell
链接mongodb报错如下2016-03-14T16:26:00.912+0800EQUERY[thread1]Error:listDatabasesfailed:{"ok":0,"errmsg":"notmasterandslaveOk=false","code":13435}:_getErrorWithCode@src/mongo/shell/utils.js:23:13Mongo.proto
【MongoDB】MongoDb的“not master and slaveok=false”错误及解决方法 mongo连接从库出现问题... weixin_33782386 数据库 shell php
链接mongodb报错如下2016-03-14T16:26:00.912+0800EQUERY[thread1]Error:listDatabasesfailed:{"ok":0,"errmsg":"notmasterandslaveOk=false","code":13435}:_getErrorWithCode@src/mongo/shell/utils.js:23:13Mongo.proto
Oracle故障处理：SYSTEM表空间满了姜豆豆耶 #Oracle故障处理 oracle dba 数据库
目录项目场景：问题描述原因分析：解决方案：项目场景：上个周日早晨，我所负责的其中一个项目现场打电话来把我从一场美梦中叫醒。操着一种如果没大事儿肯定给你头干爆的情绪问：怎么了！然后我同事甩给我一张图片，看微信！数据库连不上了，你还睡！问题描述ORA-01653报错数据库客户端连接不上各种涉及该数据库的程序接口全部报错这是彼时彼刻项目现场的问题情况描述，待在项目现场的是个刚入职不久的新同事，没见过这个
VMware安全从我做起，vCenter和Esxi端口加固建议方案虚拟化爱好者 VMware VMware ESXi vCenter vSphere 云桌面虚拟化
哈喽大家好，欢迎来到虚拟化时代君（XNHCYL），收不到通知请将我点击星标！“大家好，我是虚拟化时代君，一位潜心于互联网的技术宅男。这里每天为你分享各种你感兴趣的技术、教程、软件、资源、福利…（每天更新不间断，福利不见不散）第一章、引言最近私信比较频繁，很多兄弟们想要VMwarevCenter和ESXi常见高危端口的修改方法，以及安全加固措施。今天粗略整理一些，望大家指正！第二章、vCenter和
SQLite Select 语句详解 wjs2024 开发语言
SQLiteSelect语句详解SQLite是一个轻量级的数据库管理系统，以其简洁的设计和高效的性能被广泛应用于各种场景。在SQLite中，SELECT语句是用于查询数据库中的数据的命令。本文将详细介绍SQLite的SELECT语句，包括其基本语法、常用功能以及高级技巧。基本语法SQLite的SELECT语句的基本语法如下：SELECTcolumn1,column2,...FROMtable_na
js根据指定字符截取字符串(正则方式） i'm wxm javascript 前端开发语言
1、截取两个字符之间的字符串varstr="aaabbbcccdddeeefff";str=str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee2、截取指定字符串前varstr="这个是一句话";str=str.match(/(\S*)是/)[1];alert(str);//结果--->这个3、截取指定字符后varstr="这个是一句话";
js判断当前时间是否在指定范围内 i'm wxm 前端 javascript 开发语言
一、js判断当前时间是否在指定范围内利用js的Date对象，获得三个时间戳，分别为当前时间、开始时间、结束时间，通过比对当前时间是否在开始时间和结束时间之间，来判断是否在一个时间区间内方法一：functionisTimeInRange(startTime:any,endTime:any){//获取当前时间、开始时间、结束时间的时间戳constnow=newDate();constcurrentTi
使用v-html时防止xss注入攻击 i'm wxm xss 前端 javascript vue
方法一使用vue-dompurify-html插件安装npminstallvue-dompurify-html在mian.js中配置import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)//防止v-html进行xss注入importVueDOMPurifyHTMLfrom'vue-dompurify-htm
vue +element UI form表单校验数组嵌套，数组对象必填校验 i'm wxm vue.js javascript 前端
使用element表单时会出现数组对象类型的数据结构并且需要必填校验data(){return{//表单中出现像jsonList这样的数组对象数据editForm:{script:'',paramJsonList:[{paramName:'',paramaValue:''}]},//表单校验editFormRule:{script:[{required:true,message:'请填写',tri
Java 并发包之线程池和原子计数 lijingyao8206 Java计数 ThreadPool 并发包 java线程池
对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
java编程思想抽象类和接口百合不是茶 java 抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持 1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错) 抽象方法 : 在方法中仅有声明而没有方法体 package com.wj.Interface;
[房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间... 所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产 &nb
数组队列总结沐刃青蛟数组队列
数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。以下是数组队列的功能实现代码： import List.Student; public class
Oracle存储过程无法编译的解决方法 IT独行者 oracle 存储过程　
今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。 1. 查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
重装系统之后oracle恢复文强chu oracle
前几天正在使用电脑，没有暂停oracle的各种服务。突然win8.1系统奔溃，无法修复，开机时系统提示正在搜集错误信息，然后再开机，再提示的无限循环中。无耐我拿出系统u盘准备重装系统，没想到竟然无法从u盘引导成功。晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候，直接把我的c盘给格式化了并且清理了注册表，再装系统。然后的结果就是我的oracl
python学习二（一些基础语法）小桔子 pthon 基础语法
紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. / 除结果浮点型 // 除结果整形 % 除取余数 * 乘 ** 乘方 eg 5**2 结果是5的2次方25 _&
svn 常用命令 aichenglong SVN 版本回退
1 svn回退版本 1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别: revert this version:表示回退到当前版本(该版本后的版本全部作废) revert chanages from this versio
某小公司面试归来 alafqq 面试
先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。老拿这些对付毕业生的东东来吓唬我。。面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
动态数组的存储速度比较集合框架百合不是茶集合框架
集合框架：自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
<html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
探索JUnit4扩展：使用Rule bijian1013 java 单元测试 JUnit Rule
在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule &n
[Gson一]非泛型POJO对象的反序列化 bit1129 POJO
当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
0.Kafka服务器的配置一个Broker，一个Topic Topic中只有一个Partition（） 1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
lsyncd实时同步搭建指南——取代rsync+inotify ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
MySQL的sum函数返回的类型 bylijinnan java spring sql mysql jdbc
今天项目切换数据库时，出错访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
java设计模式之单例模式 chicony java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的：　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。单例模式的结构　　单例模式的特点：单例类只能有一个实例。单例类必须自己创建自己的唯一实例。单例类必须给所有其他对象提供这一实例。　　饿汉式单例类 publ
javascript取当月最后一天 ctrain JavaScript
 <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
linux tune2fs命令详解 daizj linux tune2fs 查看系统文件块信息
一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
做有中国特色的程序员 dcj3sjt126com 程序员
从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
Android：TextView属性大全 dcj3sjt126com textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
tomcat虚拟目录安装及其配置 eksliang tomcat配置说明 tomca部署web应用 tomcat虚拟目录安装
转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat 目录结构 config：存放tomcat的配置文件 temp ：存放tomcat跑起来后存放临时文件用的 work ：当第一次访问应用中的jsp
浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
C#根据网址生成静态页面 hvt Web .net C#asp.net hovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法： bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
SVG 教程（一）天梯梦 svg
SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。学习之前应具备的基础知识：继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础如果希望首先学习这些内容，请在本站的首页选择相应的教程。什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
一个简单的java栈 luyulong java 数据结构栈
public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
基础数据结构和算法八：Binary search sunwinner Algorithm Binary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！刘星宇 c 面试
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数问：请找出下面代码里的问题： #include<stdio.h> int main(void) { char buff[10]; memset(buff,0,sizeof(buff));
ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员活动 ITeye 试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：《Java性能优化权威指南》

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他