-Sherry-
-Sherry-

【Web】Web-API（No.71）原生js实现滑动轮播图

原生js实现滑动轮播图

在这里插入图片描述
需要素材点击图片联系我或私信、评论
【Web】Web-API（No.71）原生js实现滑动轮播图_第1张图片


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title>
    <style type="text/css">
        * {
      
            padding: 0;
            margin: 0;
            list-style: none;
            border: 0;
        }

        .all {
      
            width: 500px;
            height: 200px;
            padding: 7px;
            border: 1px solid #ccc;
            margin: 100px auto;
            position: relative;
        }

        .screen {
      
            width: 500px;
            height: 200px;
            overflow: hidden;
            position: relative;
        }

        .screen li {
      
            width: 500px;
            height: 200px;
            overflow: hidden;
            float: left;
        }

        .screen ul {
      
            position: absolute;
            left: 0;
            top: 0px;
            width: 3000px;
        }

        .all ol {
      
            position: absolute;
            right: 10px;
            bottom: 10px;
            line-height: 20px;
            text-align: center;
        }

        .all ol li {
      
            float: left;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #ccc;
            margin-left: 10px;
            cursor: pointer;
        }

        .all ol li.current {
      
            background: #DB192A;
        }

        #arr {
      
            display: none;
        }

        #arr span {
      
            width: 40px;
            height: 40px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            background: #000;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-family: '黑体';
            font-size: 30px;
            color: #fff;
            opacity: 0.3;
            border: 1px solid #fff;
        }

        #arr #right {
      
            right: 5px;
            left: auto;
        }
    style>
head>
<body>
<div class="all" id='box'>
    <div id="scrren" class="screen">
        <ul id="uu">
            <li>
                <img src="images/1.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/2.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/3.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/4.jpg" width="500" height="200"/>
            li>
            <li>
                <img src="images/5.jpg" width="500" height="200"/>
            li>
        ul>
        <ol id="oo">
        ol>
    div>
    <div id="arr"><span id="left"><span><span id="right">>span>div>
div>
<script src="common.js">script>
<script>
    var scrren = my$("scrren");//相框
    var imgWidth = scrren.offsetWidth;//相框的宽度
    var ulObj = my$("uu");//ul
    var list = my$("uu").getElementsByTagName("li");//所有的li节点
    var olObj = my$("oo");//ol
    var btnBox = my$("arr");//左右两边按钮的盒子

    //1、创建小按钮，根据小按钮切换对应的图片
    for (var i = 0; i < list.length; i++){
      
        var liObj = document.createElement("li");
        olObj.appendChild(liObj);
        liObj.innerHTML = i + 1;
        liObj.setAttribute("index",i);
        //注册鼠标移入事件
        liObj.onmouseover = function () {
      
            //先干掉所有li的背景颜色
            for (var j = 0; j < olObj.children.length - 1; j++){
      
                olObj.children[j].removeAttribute("class");
            }
            this.className = "current";
            //获取对应的索引
            index = this.getAttribute("index");
            //移动ul
            animate(ulObj,-index * imgWidth);
        }
    }
    //设置ol中第一个li默认有背景颜色
    olObj.firstElementChild.className = "current";

    //2、自动播放
    //克隆一个ul的第一张图片，添加到最后面去
    ulObj.appendChild(ulObj.children[0].cloneNode(true));
    var timeId = setInterval(move,1000);
    var index = 0;
    function move() {
      
        if (index >= list.length - 1){
      
            //直接跳转第一个图片
            index =0;
            ulObj.style.left = "0px";
        }
        index++;
        animate(ulObj,-index * imgWidth);
        //判断小圆点
        if (index == list.length - 1){
      
            //干掉最后一个按钮颜色
            olObj.children[olObj.children.length - 1].className = "";
            //给第一个按钮设置颜色
            olObj.children[0].className = "current";
        } else{
      
            //先干掉所有li的背景颜色
            for (var j = 0; j < olObj.children.length - 1; j++){
      
                olObj.children[j].removeAttribute("class");
            }
            olObj.children[index].className = "current";
        }
    }

    //3、鼠标移入移出
    my$("box").onmouseover = function () {
      
        btnBox.style.display = "block";
        clearInterval(timeId);
    }
    my$("box").onmouseout = function () {
      
        btnBox.style.display = "none";
        timeId = setInterval(move,1000);
    }

    //4、点击两边按钮
    my$("right").onclick = move;
    my$("left").onclick = function () {
      
        if (index == 0){
      
            index = list.length - 1;
            ulObj.style.left = -index * imgWidth + "px";
        }
        index--;
        animate(ulObj,-index * imgWidth);
        //先干掉所有li的背景颜色
        for (var j = 0; j < olObj.children.length - 1; j++){
      
            olObj.children[j].removeAttribute("class");
        }
        olObj.children[index].className = "current";
    }
script>
body>
html>

你可能感兴趣的:(Web-API,Web-JavaScript,Web,API,JavaScript)

  • Asp.Net Core 3.1 如何设置 自定义json格式输出属性的字母大小写 奋进的小瓜牛 #ASP.NETc#
    Asp.NetCore3.1WebApi如何设置自定义json格式输出属性的字母大小写1.在Startup类的ConfigureServices方法中加入代码如下（示例）：//JSON全局配置services.AddControllers().AddNewtonsoftJson(options=>{//数据格式按原样输出--此选项开启默认属性输出//options.SerializerSettin
  • 解决asp.net core 3.1/5.0下的webapi默认返回数据为驼峰格式问题 jiuzaizuotian2014 Asp.NetCore
    asp.netcore3.1或5.0环境下，默认情况下返回数据对象的时候，对象属性名称被序列化为json时会使用小驼峰格式，比如CompanyName会被序列化为companyName。若客户端和服务器端共用数据类，则在客户端解析的时候，默认情况下由于无法把companyName匹配到CompanyName,因此无法正确解析为数据对象。（一）解决方法一：让服务器端不要返回驼峰格式的数据，即取消服务
  • 前端基础——HTML happyhappy666568 前端htmljavascript
    目录一、前端概述二、HTML简介三、HTML基本结构一、前端概述在Web开发中，有前端与后端之分。前端负责页面的布局，后端负责页面的逻辑。前端负责设计网页的样子，也就是我们看到的一个个彩色的方框和文字，但是一个网站只有这些按钮还远远不够啊，肯定还有服务器记录我们输入的信息数据。所以，后端负责的就是我们看不到的那些逻辑程序，它负责处理我们在网页上输入的那些信息或者点击信号等。核心技术：HTML(负责
  • ASP.NET Core 3.1系列（30）——Newtonsoft.Json实现JSON的序列化和反序列化 HerryDong ASP.NETCoreC#ASP.NETCore
    1、前言在早期版本的ASP.NETCore项目中，Newtonsoft.Json的使用率非常高。虽然微软当前主推System.Text.Json来处理JSON的序列化和反序列化，但Newtonsoft.Json在这方面做的也是相当不错，下面就来介绍一下它的用法。2、引入Newtonsoft.Json新建一个WebAPI项目，使用NuGet引入如下组件：Microsoft.AspNetCore.Mv
  • ASP.NET Core 3.1 修改个别API返回JSON序列化格式 yangguosheng jsonasp.net.netcore
    ASP.NETCore3.0及之后的版本中，默认的JSON格式化器是基于System.Text.Json的。返回json格式采用camelCase（第一个单词首字母小写，后面单词首字母大写）。如果想改为PascalCase，可以全局设置PropertyNamingPolicy=null即可。services.AddControllers().AddJsonOptions(options=>opti
  • 【构建企业级Spring Boot应用：从基础到高级的全面指南】 小怪兽9699 springboot后端java
    摘要本文旨在为开发者提供一份详尽的指南，帮助大家深入理解并掌握如何使用SpringBoot框架来快速开发企业级应用程序。通过实际案例分析、代码示例以及架构设计思路分享，读者不仅能够学习到理论知识，还能获得宝贵的实践经验。本文将涵盖从环境搭建、项目创建、配置管理、数据访问层、Web服务开发、安全机制实现、日志记录、单元测试与集成测试，到最终的部署上线等各个方面。目录摘要目录引言SpringBoot简
  • 能懂！基于Springboot的用户增删查改（三层设计模式） web13688565871 面试学习路线阿里巴巴springboot设计模式后端
    MadebyTianlanghttps://github.com/Tianlang-create背景左家垅大学安排计算机专业的学生在期末前进行了JavaWeb的实训，Tianlang对此很疑惑：1>什么是数据库？怎么使用2>怎么在IDEA连接数据库3>怎么搭建应用DSC框架特别地，Dao层（或Repository）怎么和数据库搭上关系？Service层又怎么实现调用Dao接口？Controller
  • 【综合项目】api系统——基于Node.js、express、mysql等技术 USER_A001 Node.jsnode.jsexpressmysqlapi
    目录0前言1初始化2注册登录2.1注册2.1.1功能：密码加密（2.3.3）2.1.1.1操作2.1.1.2bcryptjs详解2.1.2插入新用户（2.3.4）2.1.3优化：表单数据验证（2.5）2.1.3.1过时代码修正2.1.3.2关键操作2.2登录2.2.1判断密码是否正确（2.6.3）2.2.2生成JWT的Token字符串的注意点（2.6.4）3个人中心3.1更新用户基本信息3.1.1
  • 使用 Nginx 轻松处理跨域请求（CORS） m0_74824025 面试学习路线阿里巴巴nginx运维
    使用Nginx轻松处理跨域请求（CORS）在现代Web开发中，跨域资源共享（CORS）是一种重要的机制，用于解决浏览器的同源策略限制。CORS允许服务器声明哪些来源可以访问其资源，从而确保安全性与可用性。本文将介绍如何在Nginx中配置跨域访问，并详细解析每个配置项的作用和用法。什么是CORS？CORS（Cross-OriginResourceSharing）是一种HTTP头部机制，允许服务器声明
  • 一个比 Nginx 还简单的 Web 服务器 vip1024p 面试学习路线阿里巴巴nginx前端服务器
    企业级的Web服务器非常多，Nginx、Tomcat、Apache、IIS、FastAPI、Flask等。今天松哥再给大家介绍一个开源的Web服务器，这款服务器具备自动HTTPS功能和高度可配置性，它的名字是：Caddy。Caddy是一个Go编写的Web服务器，类似于Nginx，Caddy提供了更加强大的功能，随着v2版本发布，Caddy已经可以作为中小型站点Web服务器的另一个选择。相较于Ngi
  • 在 MacBook 上设置 DeepSeek R1 (8B) 的 3 个步骤 知识大胖 NVIDIAGPU和大语言模型开发教程deepseekollamaopenwebui
    简介DeepSeek最近发布了R1模型，该模型在本地AI推理方面表现出色。如果您希望在MacBook上运行它，Ollama提供了一种无缝的方式来下载和管理模型。此外，使用Docker，您可以设置WebUI以方便地与其交互。本指南将引导您逐步完成启动和运行所有操作的过程。推荐文章《24GBGPU中的DeepSeekR1：UnslothAI针对671B参数模型进行动态量化》权重1，DeepSeek类《
  • 探索Node.js全栈开发新境界：Express后端API实践项目 黎玫洵Errol
    探索Node.js全栈开发新境界：Express后端API实践项目todo-nodejs-apiNodeJS全栈开发之后端接口技术栈基于Node.js+Express+Mysql实现RESTFULAPI项目地址:https://gitcode.com/gh_mirrors/to/todo-nodejs-api在现代Web开发中，Node.js以其异步非阻塞I/O模型和高效的性能备受青睐。而当它邂逅
  • 2024年linux——环境基础开发工具使用_gcc test file(4)，2024年最新程序设计+Linux运维+Web+数据库+框架+分布式 2401_83740189 程序员运维linux前端
    最全的Linux教程，Linux从入门到精通======================linux从入门到精通(第2版)Linux系统移植Linux驱动开发入门与实战LINUX系统移植第2版Linux开源网络全栈详解从DPDK到OpenFlow第一份《Linux从入门到精通》466页====================内容简介====本书是获得了很多读者好评的Linux经典畅销书**《Linu
  • Android6到Android15版本新增的功能和api 峥嵘life androidandroid
    Android6到Android15版本新增的功能和api文章目录Android6到Android15版本新增的功能和api一、前言二、Android6后的版本迭代1、Android6.0（Marshmallow，API级别23）新增功能重要API2、Android7.0（Nougat，API级别24）新增功能重要API3、Android8.0（Oreo，API级别26）新增功能重要API4、An
  • 强大的自动化工具，Playwright与Xray的模块化测试 程序员的世界你不懂 playwright压力测试运维自动化新浪微博百度
    1.为什么选择Playwright？1.1关键特性跨浏览器支持：支持Chromium、WebKit和Firefox，涵盖Chrome、Edge、Firefox、Opera和Safari。跨平台执行：可以在Windows、Linux和macOS上运行。多语言支持：支持JavaScript、TypeScript、Python、.NET、C#和Java。自动等待机制：内置智能断言，元素查找时会自动重试，
  • 小程序嵌套h5页面_uni-app 中使用 web-view 微信小程序嵌套H5 weixin_39797693 小程序嵌套h5页面
    uni-app中使用web-view微信小程序嵌套H5由于项目需要，我们的小程序中嵌套了web-view，对于第一次接触uni-app，第一次用web-view的我真的是踩坑无数，屡次站在放弃的边缘，终于在今天搞定了。所以我感觉有必要更新一篇关于uni-app中嵌套web-view的文章，希望下面的文章可以帮助到正在学习的朋友吧。1、uni-app中为什么要嵌套web-view？2、uni-app
  • Python博客搭建入门教程 带你玩遍北海道
    本文还有配套的精品资源，点击获取简介：本项目可能是关于创建个人博客的教程，使用Python语言并可能结合Django或Flask框架。博客创建涉及到Web开发的多个重要概念和步骤，比如HTTP协议、数据库操作和用户认证等。适合初学者通过实践提升编程和Web开发技能，并逐步扩展项目功能。1.PythonWeb开发简介Python凭借其简洁的语法、强大的库支持和广泛的社区资源，已成为Web开发领域中备
  • Java1.8的新特性和具体使用场景 Su米苏 java
    Java8引入了许多重要的新特性，以下是主要特性及其使用场景：1.Lambda表达式特性：允许以简洁的方式实现函数式接口。使用场景：简化匿名内部类：如事件监听器、线程创建等。集合操作：与StreamAPI结合，简化集合的过滤、映射等操作。Listnames=Arrays.asList("Alice","Bob","Charlie");names.forEach(name->System.out.p
  • traceroute或tracepath区别 l23456789o linuxlinux
    traceroute和tracepath都是网络诊断工具，用于追踪数据包在网络中的路径，以帮助用户发现网络中可能存在的问题。以下是两者的具体区别：一、实现方式traceroute：通过调用原始数据包实现。由于直接处理原始数据包，某些选项可能需要超级用户（sudo）权限。tracepath：通过API实现。API嵌套了很多安全机制，因此使用tracepath时通常不需要root权限。二、协议与选项t
  • web-view嵌套H5跳转小程序内部指定页面 猛男敲代码 前端小程序
    第一步、安装微信JSSDK文件npminstalljweixin-module第二步、导入微信JSSDK文件importjWeixinfrom'jweixin-module';第三步、使用constjump=()=>{jWeixin.miniProgram.getEnv((res)=>{if(res.miniprogram){console.log('在小程序内部')jWeixin.miniPro
  • 钉钉小程序(企业内部应用)开发--钉钉小程序web-view嵌套H5与小程序之间的通信（H5跳转钉钉小程序小程序postMessage） 青青子衿越 钉钉小程序前端
    钉钉小程序代码：嵌套H5pages/login/index.axmlH5向小程序发送信息：H5代码：通过以下代码我一直报错dd没有被定义if(navigator.userAgent.toLowerCase().indexOf('dingtalk')>-1){document.writeln(''+'');}所以这样子引入dd!!!!代码：template.h5.html在h5页面中引入以上代码成功
  • 【One Api】部署 giao客 大模型API
    文章目录介绍安装流程MySQL安装OneAPI安装访问前端使用超级管理员参考链接介绍Oneapi作为一个对用户请求和模型接口的中转站，能够根据用户的id和渠道id，调控用户与大模型api接口的请求。能够对用户的请求token量进行充值、监控、统计等功能。是作为大模型管理的一个开源高效工具。OneAPI是一个OpenAI接口管理&分发系统，可以通过标准的OpenAIAPI格式访问所有的大模型，开箱即
  • 全球第一开源ERP软件Odoo 安装和初始设置指南 weixin_44793763 odoo安装和初始设置ERP软件
    1.1Odoo的结构Odoo使用Web浏览器来访问Odoo服务，因此你的Odoo服务器可以部署在较远的地方（如另外一个城市），用户的计算机上只需安装谷歌、火狐或IE9以上的浏览器，所以Web客户端不需要特别的维护。一个Odoo系统由两个主要的组件组成：1）数据库服务器PostgreSQL，它包含了所有的数据库，每个数据库都包含了部分Odoo系统设置和全部客户数据。2）Odoo应用服务，Odoo应用
  • React 第二十七节 ＜StrictMode＞ 的使用方法及注意事项 刺客-Andy Reactreact.js前端前端框架
    一、StrictMode的核心作用ReactStrictMode是React16.3引入的开发辅助工具，通过主动触发特殊检查帮助开发者提前发现潜在问题。它像一位严格的代码审查员，在开发阶段执行以下关键任务：1、副作用探测器2、故意双调用构造函数、render、生命周期方法3、暴露未正确使用useEffect清理的问题4、识别意外的全局状态污染5、API过时检测器6、标记componentWillM
  • 数据界的达克摩斯之剑----深入浅出带你理解网络爬虫(First) web18285997089 面试学习路线阿里巴巴爬虫
    目录一.引言二.网络爬虫产生的背景三.爬虫背后的相关技术和原理1.插入URL的概念解析2.常见的几种URL格式四.网络爬虫的分类1.通用网络爬虫2.增量式网络爬虫3.DeepWeb爬虫一.引言网络爬虫是一种自动获取网页内容的程序或技术。它就像一只“小蜘蛛”，在互联网上爬行，抓取各种信息。想象一下，网络就像一张大网，上面有无数的网页，而爬虫就是在这张网上穿梭的“小虫子”。它可以根据预设的规则和目标，
  • Python网络爬虫与数据采集实战——网络爬虫的基本流程 m0_51274464 面试学习路线阿里巴巴python爬虫开发语言
    网络爬虫（WebScraper）是用于自动化地从互联网上抓取信息的程序。它广泛应用于搜索引擎、数据采集、市场分析等领域。本文将详细探讨网络爬虫的基本流程，包括URL提取、HTTP请求与响应、数据解析与存储，以及一个实际的爬虫示例。文章不仅关注基础概念，更会深入到实际开发中遇到的技术难点和最新的技术解决方案。1.URL提取URL提取是网络爬虫中最基础的步骤之一，爬虫首先需要从目标网站中提取出需要抓取
  • Rust 从基础入门到精通：知识点详解与实战指南 CarlowZJ rust开发语言后端
    Rust是一种系统编程语言，以其内存安全、高性能和并发编程能力而闻名。近年来，Rust在系统编程、WebAssembly、嵌入式开发等领域迅速崛起，成为现代编程语言中的佼佼者。本文将从基础知识、核心特性、生命周期、框架支持、最佳实践等方面对Rust进行全面解析，帮助读者快速掌握这一强大的编程语言。一、Rust基础知识1.1Rust的核心特性Rust的设计目标是提供高性能和内存安全，同时避免常见的编
  • DeepSeek-R1：重新定义推理性能的开源人工智能 知识小报童 DeepSeek前言内容整理开源人工智能深度学习机器学习神经网络自然语言处理语言模型
    目录重新定义卓越的基准变革性应用案例技术创新后训练优化冷启动数据以提高可用性可扩展性蒸馏模型API集成：为开发者而生竞争定价：可及的高级人工智能开源优势DeepSeek代表的引用推动开放人工智能的边界推动边界意味着什么？挑战与未来方向影响与愿景2025年1月20日–DeepSeek推出了DeepSeek-R1，这是一款突破性的开源人工智能推理模型，旨在与OpenAI的o1等专有对手竞争。该模型在M
  • windows较彻底的删除一个程序 C墨羽 windowswindows
    步骤1：卸载MyWeb程序通过控制面板卸载：按下Windows+R键，输入appwiz.cpl，然后按Enter。在“程序和功能”窗口中，找到MyWeb程序，右键单击并选择“卸载”。使用设置应用卸载（适用于Windows10/11）：按下Windows+I键打开设置。选择“应用”，然后在“应用和功能”中找到MyWeb，点击并选择“卸载”。步骤2：删除MyWeb相关的文件和文件夹在卸载完成后，您需要
  • Gemini API —— Curl 快速开发 Google Gemini 中国版！ 这儿有一堆花 ai人工智能googlecloud
    GoogleGemini中国版调用GoogleGeminiAPI，中国大陆优化，完全免费！https://gemini.danielmind.techGeminiAPI快速入门教程GeminiAPI是一种强大的生成式语言模型，支持文本生成、多模态输入（文字+图片）、多轮对话等功能。1.使用curl快速调用GeminiAPI1.1基本结构每次调用GeminiAPI都需要：API密钥（API_KEY）
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他