幕僚珂
幕僚珂

web前端之用js控制导航栏与副导航栏的切换

首先要具备js的基本知识：id、className、Tagname、name的获取和循环。

在点击图标中引用了font-Size;从图标库中获取代码。http://www.iconfont.cn/plus

 
  
html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
        }
        header{
            position: relative;
            width: 100%;
            height: 388px;
            background: #D75900;
        }
          header div{
              position: absolute;
              top: 0px;
              left: 0px;
              right: 0px;
              bottom: 0px;
              margin: 0 auto;
              width: 1005px;
              height: 328px;
              opacity: 0;

          }
        .newDiv{
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: 0 auto;
            width: 1005px;
            height: 328px;
            opacity: 1;
        }
        @font-face {font-family: "iconfont";
            src: url('font/iconfont.eot'); /* IE9*/
            src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('font/iconfont.woff') format('woff'), /* chrome, firefox */
            url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
            url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .changeDiv{
            position: absolute;
            top: 328px;
            left: 0px;
            width: 1005px;
            height:80px;
            /*border: 1px red solid;*/
            margin-left: 190px;
        }
       .changeDiv div {
           text-align: center;
           line-height: 60px;
            width: 196px;
            height: 60px;
            float: left;
            font-family:"iconfont" !important;
            font-size:30px;
            font-style:normal;
            color: #CE3700;
            margin-left: 2px;
            background: rgba(255,255,255,.3);
           -webkit-transition: margin-top .05s linear;
           cursor: pointer;
        }
        .textDiv {
            text-align: center;
            line-height: 60px;
            width: 196px;
            float: left;
            font-family:"iconfont" !important;
            font-size:30px;
            font-style:normal;
            color: #CE3700;
            margin-left: 2px;
            background: rgba(255,255,255,.3);
            height: 60px;
            padding-top: 8px;
            margin-top: -8px;
            cursor: pointer;

        }


    style>
head>
<body>
<header>
    
    <div class="first newDiv">
        <img src="images/index1.png">
    div>
    <div>
        <img src="images/index2.png">
    div>
    <div>
        <img src="images/index3.png">
    div>
    <div>
        <img src="images/index4.png">
    div>
    <div>
        <img src="images/index5.png">
    div>
header>

<div class="changeDiv">
     <div class="textDiv"  οnclick="changeAppear(this,0)">div>
     <div οnclick="changeAppear(this,1)">div>
     <div οnclick="changeAppear(this,2)">div>
     <div οnclick="changeAppear(this,3)">div>
     <div οnclick="changeAppear(this,4)">div>
div>
<script>
    /**
     * @desc  导航栏与副导航栏之间的切换
     * @param obj
     * @param n
     */
               function  changeAppear(obj,n){
                   var prarent=obj.parentNode;
                   var textDiv= prarent.getElementsByTagName("div");
                  //    console.log(textDiv);
                   for(var i=0;i<textDiv.length;i++){
                       textDiv[i].className="";
                   }
                        obj.className="textDiv";
                   var header=document.getElementsByTagName("header");
                     var imgDiv=header[0].getElementsByTagName("div");
                    console.log(header);
                    console.log(imgDiv);
                    for(var j=0 ;j<imgDiv.length;j++){
                            imgDiv[j].className="";

                    }
                         imgDiv[n].className="first newDiv";

               }


script>
body>

html>
效果展示： 
   
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(编程语言,web前端,web前端)

        

            

                
    
                    
  • HarmonyNext实战案例：基于ArkTS的高性能图像处理应用开发
                        
harmonyos-next
                        
    HarmonyNext实战案例：基于ArkTS的高性能图像处理应用开发引言在HarmonyNext生态系统中，ArkTS作为新一代的编程语言，为开发者提供了强大的工具来构建高性能、跨平台的应用。本文将深入探讨如何使用ArkTS12+语法开发一个高性能的图像处理应用，涵盖从基础概念到高级技巧的全面讲解。通过本案例，您将学习到如何利用HarmonyNext的特性，结合ArkTS的强大功能，实现复杂的图
    
                    
    • 
                    
  • web前端高级JavaScript - 闭包的应用及循环事件绑定的N中解决办法
                        一笑程序猴
WEB前端高级教程闭包应用循环事件绑定自定义索引
                        
    闭包在循环事件绑定中的应用场景描述：在页面上有3个button按钮，当点击每个按钮时输出当前按钮的索引值，要求用循环来绑定每个按钮的事件，看下面的代码。button1button2button3varbuttons=document.querySelectorAll('button');for(vari=0;i
                    
    • 
                    
  • python中常用的内置模块举例（入门级整理）
                        qq_恰同学少年
python
                        
    python对于初学者可以说是十分友好的一门编程语言，不仅语法简单，而且它自身还包含了十分丰富的第三方模块，我仅就将我自己常用的一些内置模块（自带的，无需安装）做一下简单的总结和介绍：1.turtleturtle，是python中比较好玩一个模块，它有一个专有名称“海龟作图”，光看名字就应该能够猜到它是用来干嘛的，没错，就是来画图的，它可以通过某些语句来控制一个点在白板上的运动轨迹，它在白板上走过
    
                    
    • 
                    
  • SassScript：Sass中的编程特性详解
                        love729234ming
日常分享sass前端css
                        
    Sass（SyntacticallyAwesomeStylesheets）是一种强大的CSS预处理器，它允许开发者使用类似于编程语言的语法来编写CSS，然后通过编译生成标准的CSS代码。SassScript是Sass中的编程特性集合，它包含了变量、嵌套规则、混合、函数以及控制指令等，极大地提高了CSS的开发效率和可维护性。1.变量SassScript中的变量允许开发者在样式表中存储和重复使用值。变
    
                    
    • 
                    
  • 智慧树刷课插件常见问题解决方案
                        姬虹俪Humble

                        
    智慧树刷课插件常见问题解决方案zhihuishu智慧树刷课插件，自动播放下一集、1.5倍速度、无声项目地址:https://gitcode.com/gh_mirrors/zh/zhihuishu1.项目基础介绍本项目是一个开源的智慧树刷课插件，旨在帮助用户自动化观看智慧树教学视频。该插件能够自动播放下一集视频、提供1.5倍速播放以及无声播放的功能。主要使用的编程语言为JavaScript和HTML
    
                    
    • 
                    
  • 【C++基础学习笔记】C++的输入输出流及缺省参数
                        大家好我叫张同学
深入浅出学习C++c++
                        
    我要做一个好奇宝宝，带着疑问来阅读，哼~C++如何进行输入输出？和C语言何有区别？C++的缺省参数是什么？如何理解和掌握？文章目录C++的输入&输出缺省参数缺省参数的概念缺省参数的分类1.全缺省参数2.半缺省参数：C++的输入&输出婴儿降生到这个世界上时，会以自己独特的方式向这个崭新的世界打招呼。跟新生婴儿类似，C++语言刚出来后，也算是一个新事物，作为一门新的编程语言也会有自己问候这个美好世界的
    
                    
    • 
                    
  • Java打包镜像部署的全景解析
                        程序员总部
javajava开发语言
                        
    在现代软件开发中，Java作为一种广泛使用的编程语言，赋予开发者强大的能力，能够轻松创建跨平台应用。随着云计算和微服务架构的普及，Java应用的打包与镜像部署变得愈发重要。今天，就让我们来聊聊如何高效地将Java应用打包成镜像并部署到生产环境。我们得了解Java应用的基本构建流程。Java应用通常使用Maven或Gradle等构建工具。Maven是一个流行的项目管理工具，通过XML配置文件来定义项
    
                    
    • 
                    
  • 如何使用Python与MySQL数据库进行查询和更新操作？
                        程序员总部
python数据库pythonmysql
                        
    在当今的开发环境中，数据库操作是程序员日常工作的一部分。Python作为一种流行的编程语言，提供了众多库来简化与数据库的交互。MySQL，作为一种广泛使用的关系型数据库，尤其受欢迎。那么，如何用Python进行MySQL数据库的查询和更新呢？本文会详细介绍一下这个过程，包括如何设置环境、连接数据库以及进行基本的查询与更新操作。环境准备在开始之前，你需要确保你的计算机上安装了Python和MySQL
    
                    
    • 
                    
  • 【PyCharm】Python和PyCharm的相互关系和使用联动介绍
                        lisw05
pythonpythonpycharmide
                        
    李升伟整理Python是一种广泛使用的编程语言，而PyCharm是JetBrains开发的专门用于Python开发的集成开发环境（IDE）。以下是它们的相互关系和使用联动的介绍：1.Python和PyCharm的关系Python：一种解释型、面向对象的高级编程语言，适用于多种开发任务，如Web开发、数据分析、人工智能等。PyCharm：专为Python设计的IDE，提供代码编辑、调试、测试、版本控
    
                    
    • 
                    
  • R 基础运算
                        froginwe11
开发语言
                        
    R基础运算引言R是一种广泛用于统计分析和图形表示的编程语言和软件环境。R的基础运算功能是其核心组成部分，它为用户提供了强大的数据处理和分析能力。本文将详细介绍R中的基础运算，包括数值运算、逻辑运算、字符串运算等，旨在帮助读者快速掌握R的基础运算技巧。数值运算R中的数值运算主要包括加法、减法、乘法、除法、乘方等。以下是一些示例：#加法result1)&(3>2)print(result)#输出TRU
    
                    
    • 
                    
  • C语言零基础入门教程（1）
                        岱宗夫up
C语言c语言算法学习
                        
    C语言是一种高效、灵活且功能强大的编程语言，广泛应用于系统软件开发、嵌入式系统、算法实现等多个领域。对于初学者来说，学习C语言不仅是掌握一门编程技能，更是开启编程世界大门的重要一步。本教程将从零开始，带你全面了解C语言的基础知识和核心概念，帮助你快速入门。一、C语言简介C语言由美国计算机科学家丹尼斯·里奇（DennisRitchie）于1972年在贝尔实验室开发，最初用于编写UNIX操作系统。它是
    
                    
    • 
                    
  • 计算机二级——Python
                        辛kai瑞
python网络linux
                        
    第一章程序设计的基本方法本章大纲程序设计语言Python语言的概述Python开发环境配置程序的基本编写方法一、程序设计语言程序设计语言也叫编程语言。计算机程序按照程序设计语言规则组织起来的一组计算机指令程序设计语言发展经历了机器语言、汇编语言、高级语言的3个阶段二、编译和解释高级语言根据计算机执行机制的不同分为两类：静态语言和脚本语言，静态语言采用编译方式执行，脚本语言采用解释方式执行编译是将源
    
                    
    • 
                    
  • Python 入
                        黑客KKKing
网络安全计算机网络工程师网络web安全安全
                        
    Python入侵交换机随着网络安全威胁不断增加，对于网络设备的安全防护变得愈发重要。而交换机作为网络中重要的设备之一，也需要加强安全保护。本文将介绍如何利用Python来入侵交换机，并对其进行漏洞扫描和安全检测。1.Python入侵交换机原理Python作为一种强大的编程语言，可以用来编写各种网络安全工具。通过Python，我们可以实现与交换机进行通信，并对其进行扫描和测试。通过编写相应的脚本，可
    
                    
    • 
                    
  • Python 中鲜为人知的隐藏彩蛋
                        九月の约定
python入门pythonintellij-idea开发语言
                        
    Python作为一门简洁优雅的编程语言，不仅以其强大的功能和广泛的应用领域著称，还隐藏着许多有趣的“彩蛋”。这些彩蛋通常是为了致敬某些人物、事件，或者纯粹为了娱乐开发者。本文将带你探索Python中一些有趣的彩蛋，感受Python社区的幽默与创意。1.Hello,World!的另类表达彩蛋内容：import__hello__运行结果：Helloworld!这是Python中最简单的彩蛋之一。导入_
    
                    
    • 
                    
  • 告别“装Python踩坑”：专家级避坑指南，新手老手都适用
                        清水白石008
人工智能学习笔记职业生涯python开发语言
                        
    告别“装Python踩坑”：专家级避坑指南，新手老手都适用Python，这门简洁而强大的编程语言，已成为数据科学、Web开发、自动化运维等领域的首选。然而，对于许多初学者甚至一些有经验的开发者来说，Python的安装过程并非总是顺风顺水，各种“坑”层出不穷，轻则浪费时间，重则影响学习热情。我深知安装过程中的痛点。因此，本文将结合多年的实战经验，为您奉上一份专家级Python安装避坑指南，旨在帮助您
    
                    
    • 
                    
  • 快来收藏，欢迎打卡，编程自学成长指南
                        猫咪薄荷
算法数据结构线性回归链表排序算法动态规划leetcode
                        
    自学编程是一段充满挑战和成就感的旅程。为了帮助初学者顺利起步，以下是一个全面的编程自学成长指南，涵盖从语言选择到实践项目的各个方面，助您在编程之路上稳步前行。1.确定学习目标首先，明确您学习编程的目的。这有助于选择合适的编程语言和学习路径。•Web开发：如果您对构建网站感兴趣，建议学习HTML、CSS和JavaScript等语言。•数据分析：对于数据处理和分析，Python是一个强大的工具。•移动
    
                    
    • 
                    
  • 计算机学习的五大避坑指南新手必藏
                        编程诗人华仔
架构设计学习java软件工程golang开发语言c语言python
                        
    避坑一：盲目跟风学习编程语言技术性深化：在选择编程语言时，要考虑语言的特点、适用场景以及未来发展趋势。例如，Java适合企业级应用开发，Python在数据分析和人工智能领域有广泛应用，而JavaScript则是前端开发的基础。明确自己的职业发展方向，选择与之匹配的语言进行深入学习。避坑二：忽视基础知识的掌握技术性深化：深入理解算法如排序、搜索等，熟悉常见的数据结构如链表、栈、队列、树等，并掌握设计
    
                    
    • 
                    
  • 探索Python Web开发的全新范式：从代码生成到自动化部署
                        inscode_057

                        
    最新接入DeepSeek-V3模型，点击下载最新版本InsCodeAIIDE探索PythonWeb开发的全新范式：从代码生成到自动化部署在当今快速发展的科技领域，Web应用开发的需求与日俱增。Python作为一种简洁、高效的编程语言，凭借其丰富的库和框架，在Web开发中占据了重要地位。然而，对于许多初学者和中小型团队来说，传统的Web开发过程仍然充满了挑战。本文将探讨如何通过智能化工具简化Pyth
    
                    
    • 
                    
  • 华为OD机试 - 磁盘容量（Python） 真题+思路+考点+代码+岗位_磁盘容量 华为od python代码
                        2401_84569514
华为odpython开发语言
                        
    磁盘容量题目磁盘的容量单位常用的有M、G、T他们之间的换算关系为1T=1024G，1G=1024M现在给定n块磁盘的容量，请对他们按从小到大的顺序进行稳定排序例如给定5块盘的容量51T20M3G10G6T3M12G9M排序后的结果为20M3G3M12G9M1T10G6T注意单位可以重复出现上述3M12G9M表示的容量即为3M12G9M和12M12G相等做了那么多年开发，自学了很多门编程语言，我很明
    
                    
    • 
                    
  • 【自学笔记】R语言基础知识点总览-持续更新
                        Long_poem
笔记r语言开发语言
                        
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录R语言基础知识点总览1.R语言简介2.R语言安装与环境配置3.R语言基础语法3.1数据类型3.2向量与矩阵3.3数据框与列表4.控制结构4.1条件语句4.2循环结构5.函数6.数据可视化总结R语言基础知识点总览1.R语言简介R是一种用于统计计算和图形的编程语言和软件环境。R语言由RossIhaka和RobertGentlema
    
                    
    • 
                    
  • chatgpt赋能python：Python如何制表符：让您的代码更整洁易读
                        boRRjxBZRf
ChatGptpythonchatgpt开发语言计算机
                        
    Python如何制表符：让您的代码更整洁易读代码对于程序员来说是最基础的工具，但能否让人轻松地阅读代码才是更重要的。一种有效的方法是通过制表符来对齐代码，使代码更整洁易读。Python是一门使用缩进来表示一个代码块的编程语言，因此掌握Python中的制表符可以让您的代码变得更加整洁、易读。本文将介绍Python中如何使用制表符，让您的代码更加整洁易读。什么是制表符？制表符是一种空格字符，用于将文本
    
                    
    • 
                    
  • json文件如何转为txt
                        一筐猪的头发丝

                        
    将JSON文件转换为txt文件的方法如下：使用编程语言读取JSON文件并将其解析为数据结构(例如，字典或列表)。对数据结构进行操作以将其转换为想要在txt文件中输出的格式。将转换后的数据写入txt文件。具体实现可以根据使用的编程语言和需求不同而有所不同。
    
                    
    • 
                    
  • CCF-GESP Python一级考试全解析：网络协议+编程技能双突破
                        奕澄羽邦
python网络协议开发语言
                        
    第一章CCF-GESP考试全景透视1.1认证体系权威性中国计算机学会（CCF）主办的GESP编程能力等级认证，是国内首个面向青少年的编程能力标准化评估体系。Python一级考试作为入门级认证，主要考察考生对计算机基础逻辑、编程工具使用及网络基础概念的掌握程度，证书受教育部认可，为后续人工智能、大数据等领域学习奠定基石。1.2考试内容三维度编程语言：Python语法基础（变量、循环、条件判断）、函数
    
                    
    • 
                    
  • MySQL SQL语句执行流程详解
                        AitTech
Mysqlmysqlsql数据库
                        
    一条SQL语句在MySQL中的执行过程是一个复杂而精细的过程，它涉及多个阶段和组件的协同工作。以下是这一过程的详细描述：一、客户端与服务器建立连接身份验证：用户通过客户端（如MySQL命令行工具、MySQLWorkbench、编程语言数据库接口等）向MySQL服务器发送连接请求，该请求包含数据库地址、用户名和密码。服务器端的连接器（Connector）接收请求，并通过用户模块验证用户名和密码的正确
    
                    
    • 
                    
  • PyScript 与 JavaScript
                        Q shen
javascript开发语言ecmascript
                        
    大家好。请不要将这篇文章视为神圣的真理。这是我个人的看法。JS如果您有超过两年的前端应用程序开发经验，您无疑已经知道一些尝试替换奇怪、丑陋的JavaScript的失败尝试。尽管已经尝试替代或避免使用JavaScript，但JS仍然是一个强大的对手！JavaScript在网络上无处不在。它是最常用的编程语言，97.7%的网站使用JavaScript作为客户端编程语言。脚本近年来，Python的使用大
    
                    
    • 
                    
  • JavaScript学习笔记一
                        跨界科技汇
前端javascript学习笔记
                        
    web三大标准：HTML(结构)+CSS（样式）+JavaScript(行为)JavaScript的作用：动态效果+数据交互编程语言编程让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果是什么？世界上最流行的语言之一，是一种运行在客户端的脚本语言脚本语言不需要编译，运行过程中由**js解析器(js引擎)**逐行来进行解释并执行现在也可以基于Node.js技术来进行服务器端编程作
    
                    
    • 
                    
  • 程序员必看！快速提升技术的实用指南
                        不太会写
后端
                        
    程序员必看！快速提升技术的实用指南在竞争激烈的技术领域，程序员们都渴望快速提升自己的技术水平，以应对不断变化的行业需求，抓住更多的发展机遇。那么，有没有一些行之有效的方法呢？答案是肯定的！接下来，就为大家分享一些能够帮助程序员快速提升技术的宝贵经验。夯实基础知识基础知识是技术大厦的基石，其重要性不言而喻。以编程语言为例，扎实掌握基本语法、数据类型、控制结构等基础知识，是灵活运用这门语言进行开发的前
    
                    
    • 
                    
  • Java进阶-在Ubuntu上部署SpringBoot应用
                        m0_74824534
面试学习路线阿里巴巴javaubuntuspringboot
                        
    随着云计算和容器化技术的普及，Linux服务器已成为部署Web应用程序的主流平台之一。Java作为一种跨平台的编程语言，具有广泛的应用场景。本文将详细介绍如何在Ubuntu服务器上部署Java应用，包括环境准备、应用发布、配置反向代理（Nginx）、设置系统服务以及日志管理等步骤。一、部署准备在开始之前，请确保你具备以下条件：一台运行Ubuntu（如Ubuntu20.04或22.04）的服务器，具
    
                    
    • 
                    
  • Selenium 库的爬虫实现
                        叱咤少帅（少帅）
Python从入门到高手selenium
                        
    Selenium是什么？Selenium是一个用于自动化Web应用程序测试的工具。它提供了一个用于测试网站的框架，可以模拟用户在浏览器中的操作，如点击链接、填写表单、提交数据等。Selenium可以在多种浏览器和操作系统上运行，并且支持多种编程语言，如Python、Java、JavaScript等。通过编写测试脚本，开发人员可以使用Selenium来自动化执行各种Web应用程序的测试，以确保它们在
    
                    
    • 
                    
  • thrift软件、.thrif文件和thrift协议是什么关系，有什么用
                        fzip
DorisDoris内部通信协议
                        
    Thrift软件、.thrift文件和Thrift协议是ApacheThrift框架的三个核心组成部分，它们协同实现跨语言服务的高效开发与通信。以下是三者关系及作用的详细解析：一、核心组件关系1.Thrift软件（框架）•定位：ApacheThrift是一个跨语言的RPC（远程过程调用）框架，用于不同编程语言编写的服务之间的通信。•功能：•提供IDL（接口定义语言）编译器，将.thrift文件转换
    
                    
    • 
                                
  • mondb入手
                                    木zi_鸣
mongodb
                                    
    windows 启动mongodb  编写bat文件， 
 
mongod --dbpath D:\software\MongoDBDATA 
mongod --help  查询各种配置 
配置在mongob 
 
打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 
 
启动配置文件配置， 
 
数据更灵活 
    
                                
    • 
                                
  • 大型高并发高负载网站的系统架构
                                    bijian1013
高并发负载均衡
                                    
            扩展Web应用程序 
一.概念 
        简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种： 
        1.
    
                                
    • 
                                
  • DISPLAY变量和xhost(原创)
                                    czmmiao
display
                                    
    DISPLAY 
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
    
                                
    • 
                                
  • 获取B/S客户端IP
                                    周凡杨
java编程jspWeb浏览器
                                    
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为： 
   String ip = InetAddress.getLocalHost().getHostAddress(); 
然而对于WEB
    
                                
    • 
                                
  • 浅谈类和对象
                                    朱辉辉33
编程
                                    
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 
占用存储空间。 
    类是由属性和方法构成的，基本格式是public  class 类名{ 
 
 //定义属性 
 private/public 数据类型 属性名； 
 
 //定义方法 
 publ
    
                                
    • 
                                
  • android activity与viewpager+fragment的生命周期问题
                                    肆无忌惮_
viewpager
                                    
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 
第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 
		super.onResume();
		bindService(intent, conn, BIND_AUTO_CREATE);

    
                                
    • 
                                
  • base64Encode对图片进行编码
                                    843977358
base64图片encoder
                                    
    /**
	 * 对图片进行base64encoder编码
	 * 
	 * @author mrZhang
	 * @param path
	 * @return
	 */
	public static String encodeImage(String path) {
		BASE64Encoder encoder = null;
		byte[] b = null;
		I
    
                                
    • 
                                
  • Request Header简介
                                    aigo
servlet
                                    
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
    
                                
    • 
                                
  • HttpClient4.3 创建SSL协议的HttpClient对象
                                    alleni123
httpclient爬虫ssl
                                    
    public class HttpClientUtils
{
	public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
		SSLContext sslContext=null;
		
		try
		{
			sslContext=new SSLContextBuilder().l
    
                                
    • 
                                
  • java取反 -右移-左移-无符号右移的探讨
                                    百合不是茶
位运算符 位移
                                    
    取反：
		在二进制中第一位，1表示符数，0表示正数
		byte a = -1;
		原码：10000001
		反码：11111110
		补码：11111111
      //异或: 00000000
		byte b = -2;
		原码：10000010
		反码：11111101
		补码：11111110
      //异或: 00000001
		
	
    
                                
    • 
                                
  • java多线程join的作用与用法
                                    bijian1013
java多线程
                                    
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
    
                                
    • 
                                
  • Java发送http请求(get 与post方法请求)
                                    bijian1013
javaspring
                                    
    PostRequest.java 
package com.bijian.study;

import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
    
                                
    • 
                                
  • 【Struts2二】struts.xml中package下的action配置项默认值
                                    bit1129
struts.xml
                                    
    在第一部份，定义了struts.xml文件，如下所示： 
  
<!DOCTYPE struts PUBLIC
        "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
        "http://struts.apache.org/dtds/struts
    
                                
    • 
                                
  • 【Kafka十三】Kafka Simple Consumer
                                    bit1129
simple
                                    
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 
实际情况是需要将host和port绑定到一起， 
  
package kafka.examples.lowlevel;

import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
    
                                
    • 
                                
  • nodejs学习api
                                    ronin47
nodejs api
                                    
    NodeJS基础 什么是NodeJS 
JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 
每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
    
                                
    • 
                                
  • java-64.寻找第N个丑数
                                    bylijinnan
java
                                    
    


public class UglyNumber {

	/**
	 * 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
	 * 
题目：我们把只包含因子
2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
    
                                
    • 
                                
  • 二维数组（矩阵）对角线输出
                                    bylijinnan
二维数组
                                    
    

/**
二维数组 对角线输出 两个方向
例如对于数组：
{ 1, 2, 3, 4 }, 
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 }, 
{ 13, 14, 15, 16 },

slash方向输出：
1 
5 2 
9 6 3 
13 10 7 4 
14 11 8 
15 12 
16 

backslash输出：
4 
3
    
                                
    • 
                                
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
                                    comsci
工作流
                                    
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理 
 
   大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
    
                                
    • 
                                
  • redis常见使用
                                    cuityang
redis常见使用
                                    
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 
 
引入jar包 jedis-2.1.0.jar  (本文下方提供下载) 
 
package redistest; 
 
import redis.clients.jedis.Jedis; 
 
public class Listtest
    
                                
    • 
                                
  • 配置多个redis
                                    dalan_123
redis
                                    
    配置多个redis客户端 
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
    
                                
    • 
                                
  • attrib命令
                                    dcj3sjt126com
attr
                                    
         
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.      
  只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.  
 
  存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.  
 
    
                                
    • 
                                
  • Yii使用公共函数
                                    dcj3sjt126com
yii
                                    
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。   在入口文件index.php里添加   require_once('protected/function.php');   即可对其引用，成为公用的函数集合。   function.php如下：   
   <?php   /**     * This is the shortcut to D
    
                                
    • 
                                
  • linux 系统资源的查看（free、uname、uptime、netstat）
                                    eksliang
netstatlinux unamelinux uptimelinux free
                                    
    linux 系统资源的查看 
转载请出自出处：http://eksliang.iteye.com/blog/2167081 
  
http://eksliang.iteye.com 一、free查看内存的使用情况 
语法如下： 
  
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
    
                                
    • 
                                
  • JAVA的位操作符
                                    greemranqq
位运算JAVA位移<<>>>
                                    
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。 
  
1.按位操作符 ： 
   按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。 
   与（&）运算： 
   1&1 = 1, 1&0 = 0, 0&0 &
    
                                
    • 
                                
  • Web前段学习网站
                                    ihuning
Web
                                    
      
Web前段学习网站 
菜鸟学习：http://www.w3cschool.cc/ 
  
JQuery中文网：http://www.jquerycn.cn/ 
  
内存溢出：http://outofmemory.cn/#csdn.blog 
  
http://www.icoolxue.com/ 
  
http://www.jikexue
    
                                
    • 
                                
  • 强强联合：FluxBB 作者加盟 Flarum
                                    justjavac
r
                                    
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac  
FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
    
                                
    • 
                                
  • java统计在线人数（session存储信息的）
                                    macroli
javaWeb
                                    
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！ 
  
由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 
我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 
1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 
public class Ses
    
                                
    • 
                                
  • bootstrp carousel初体验 快速构建图片播放
                                    qiaolevip
每天进步一点点学习永无止境bootstrap纵观千象
                                    
    img{
			border: 1px solid white;
			box-shadow: 2px 2px 12px #333;
			_width: expression(this.width > 600 ? "600px" : this.width + "px");
			_height: expression(this.width &
    
                                
    • 
                                
  • SparkSQL读取HBase数据，通过自定义外部数据源
                                    superlxw1234
sparksparksqlsparksql读取hbasesparksql外部数据源
                                    
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源 
  
  
前面文章介绍了SparSQL通过Hive操作HBase表。 
  
SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
    
                                
    • 
                                
  • Spring Boot 1.3.0.M1发布
                                    wiselyman
spring boot
                                    
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下： 
  
1.提供一个新的sprin
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他