生信云笔记
生信云笔记

html：原生javascript+css实现折叠层级菜单

前言

  今天来跟大家分享一下如何制作一个网页中的左侧菜单，这个功能对于网页来说也是常用的功能之一，相当于书签一样的功能。那么今天我们就来说一说如何实现一个折叠层级菜单的功能。
  那么折叠层级菜单长什么样？下面我们来直观的看一下，如下图所示就是一个简单的层级菜单，共有四个菜单选项，选择哪一个选项就对应地菜单下面相应的内容，如下截图所示：

  那么对于这样的层级菜单如何实现呢？用原生的javascript+css就可以来实现，而且实现起来也不是很难，这里主要是通过用css对菜单定义两种状态，一个用于折叠时显示，另一个用于展开时显示，而这两个状态的切换则使用JavaScript的单击响应函数来完成。在用JavaScript做状态切换时，我这里使用的是排他思想，也就当前点击的菜单是一种状态，其他的都是另一种状态，而实现排他思想的手段则是双重for循环和自定义属性。下面来看一下具体如何实现吧，具体代码如下：



    折叠层级菜单

  上面的代码实现了折叠层级菜单的功能，共有四个主菜单，每个菜单下又隐藏若干子菜单，当单击某个菜单时会打开该菜单下面的子菜单，再次单击该菜单会隐藏下面的子菜单，还有就是菜单之间是互斥的，即打开一个菜单会关闭其他的菜单。最终效果如下所示：

最后

  对于折叠层级菜单，网上的很多帖子都是使用 jQuery库来实现，而本贴使用的是原生JavaScript+css结合双重for手段来具体实现。emm，今天就分享到这里了。

你可能感兴趣的:(html：原生javascript+css实现折叠层级菜单)

  • 三相PWM整流器有限集模型预测电流控制Simulink仿真模型 科研_G.E.M. matlab
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述2运行结果2.1模型2.2直流侧电压输出波形2.3交流侧电压、电流2.4脉冲信号3参考文献4Simulink仿真实现1概述三相PWM整流器有限集模型预测电流控制Simulink仿真模型.在这个模型中，我们将使用Simulink来建立一个三相PWM整流器的仿真模型
  • 高性能定时器实现方式 程序员学习随笔 服务器网络服务器
    文章目录0.简介1.整体分析2.定时通知的实现方式2.1简单等待方式2.2SIGALRM信号2.3I/O多路复用方式3.定时任务的存储和管理3.1简单升序链表的方式3.2时间轮方式3.3时间堆方式4.总结0.简介在实际开发中，经常会有定时去执行一个任务或者到某一时间去执行某一特定任务的需求（如心跳检测，状态检查等），此时就需要定时器去进行唤醒和调度，本文将从设计和实现的角度介绍多种定时器原理，并对
  • 设计模式-创建型模式-原型模式 NorthCastle 设计模式设计模式原型模式
    概念原型模式：PrototypePattern:是一种创建型设计模式。作用：通过复制现有的对象来创建新对象，无需通过new来实例化新对象，从而达到简化对象创建的效果。原型：prototype:定义用于复制自身以生成新对象的方法。通常称为clone()【Object类中，提供了一个clone()方法，该方法可以将一个Java对象复制一份，但是需要实现Cloneable接口】具体原型：Concrete
  • 设计模式(19)：策略模式 java的艺术 GOF23设计模式设计模式策略模式
    策略模式策略模式对应与解决某一个问题的一个算法族，允许用户从该算法族中任选一个算法解决某一问题，同时可以方便的更换算法或者增加新的算法。并且由客户端决定调用哪个算法。本质分离算法，选择实现；策略模式角色上下文类(Context)：维护了一个策略类的引用，并将客户端的请求委托给具体策略类处理；抽象策略类(Strategy)：定义了具体的算法方法；具体策略类(ConcreteStrategy)：对抽象
  • Spring 的设计理念之AOP 冰糖心158 SpringFrameworkjava
    Spring框架中的AOP（面向切面编程）是其核心设计理念之一，旨在通过模块化横切关注点（Cross-CuttingConcerns）来提升代码的可维护性和复用性。以下是SpringAOP的设计理念及关键实现细节的总结：1.AOP的核心思想解决横切关注点：将分散在多个模块中的通用功能（如日志、事务、安全等）抽取为独立的切面（Aspect），避免代码重复和耦合。对OOP的补充：AOP并非取代OOP，
  • JS - 手写 instanceof 和 new 关键字 DavidZ_13 手写实现代码javascript前端node.js经验分享笔记其他web
    目录instanceof解释手写实现new关键字解释手写实现instanceof解释instanceof是JavaScript中的运算符，用于检查一个对象是否是另一个对象的实例，其实现原理如下：当使用instanceof运算符时，会调用对象的[[Symbol.hasInstance]]方法，该方法在对象的原型链上递归查找，判断目标对象是否为指定类的实例，如果在原型链中找到指定类的原型对象，则返回t
  • jwt权限验证原理 深圳卢先生 数据安全开发语言java
    1.JWT，全称是JsonWebToken，是一种JSON风格的轻量级的授权和身份认证规范，可实现无状态、分布式的Web应用授权！2.JWT由三部分组成：头部（Header）:通常包含令牌的类型（即JWT）和加密算法（如HMACSHA256或RSA）。例如：{"alg":"HS256","typ":"JWT"}载荷（Payload）:包含要传递的声明（Claims）。声明总共可以包括如下七项，但是
  • (附论文)JavaWeb基于ssm的毕业设计管理系统(213) KK ??? 课程设计开发语言java学习宠物
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述本文以Java为开发技术，实现了一个毕业设计管理系统。毕业设计管理系统的主要实现功能包括：管理员：首页、个人中心、个人信息、学生管理、教师管理、文件模板管理、论坛管理、系统管理、在线选题管理、开题报告管理、中期报告管理、毕业论文管理等等。，教师管理：个人中心、个人信息、文件模板管理、在线选题管理、老师答疑管理、开题报告管理
  • 基于Bootstrap 3可预览的HTML5文件上传插件 �时过境迁，物是人非 bootstraphtml5okhttp
    bootstrap-fileinput是一款基于Bootstrap3.x的HTML5文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrapCSS3样式来制作文件上传界面，美观大方。并且它提供了多国语言，你可以选择使用中文。在线预览下载该文件上传插件比普通的文件上传插件功能更强大，它可以对图片、文本文件、HTML文件、视频文件、音频文件、flash文件生成预览图
  • jQuery可选择日期范围的日期选择器插件 �时过境迁，物是人非 jquery前端javascript
    jQueryDateRangePicker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式，可以非常容易的使用CSS来定制它的皮肤。它的兼容性非常好，支持IE6+的IE浏览器。预览下载该日期选择器的特点有：支持IE6+,Firefox,Chrome,Safari和其他标准的HTML5浏览器。支持多种语言。使用CSS来渲染样式。容易使用和定制。支
  • 一体化运维监控管理平台：产品架构与功能解析 MXsoft618 一体化运维平台一体化监控平台运维管理软件数据库大数据运维
    在当今的信息化时代，运维监控管理平台已成为确保企业IT系统稳定运行不可或缺的工具。本文旨在深入探讨一体化运维监控管理平台的产品架构及其核心功能，以期为运维团队提供有益的参考。随着企业信息化建设的不断深入，IT系统日益复杂，涉及的设备和系统越来越多。传统的分散式监控方式已无法满足现代运维的需求。一体化监控应运而生，它能够集中监控各类IT资源，包括服务器、网络设备、安全设备、数据库等，实现统一的管理和
  • 原生 Node 开发 Web 服务器 yqcoder 前端服务器运维javascriptnode.js
    一、创建基本的HTTP服务器使用http模块创建Web服务器consthttp=require("http");//创建服务器constserver=http.createServer((req,res)=>{ //设置响应头 res.writeHead(200,{"Content-Type":"text/plain"}); //发送响应内容 res.end("Hello,World!");});
  • 监控易：一体化智能运维在复杂网络环境的架构优势 MXsoft618 智能运维管理系统运维管理一体化监控平台智能运维数据库
    在现代企业中，IT基础设施已成为业务成功的重要基石。面对海量设备与复杂的网络结构，传统的监控工具往往难以满足动态化、海量化的需求。监控易以其“一体化智能运维”的产品理念，成为运维领域的优势品牌。本文将从架构优势入手，深入探讨监控易如何通过领先的技术实现分布式复杂网络的灵活扩展，并为企业提供高效、稳定、可靠的运维支持。监控易的功能与竞争力一体化智能运维的核心理念监控易定位为“一体化智能运维”平台，致
  • 八种排序算法【C语言实现】 OTWOL 数据结构与算法排序算法c语言算法
    系列文章目录我的CSDN主页:OTWOL的主页，欢迎！！！我的C语言初阶合集：C语言初阶合集，希望能帮到你！！！我的C语言进阶合集：我的C语言进阶合集，期待你的点击！！！我的数据结构与算法合集：数据结构与算法合集，点进去看看吧！！！创作不易，欢迎大家留言、点赞加收藏！！！文章目录系列文章目录一、直接插入排序（1）定义（2）基本步骤（3）动图展示（4）代码示例二、希尔排序（1）定义（2）基本步骤（3
  • 【Sharding-Jdbc总结】 壹佰大多 javajavaspring数据库springcloud
    文章目录shard-jdbc介绍核心功能分库分表：分布式事务：客户端框架：适用场景核心组件代码实现导包配置文件sql语句java代码shard-jdbc介绍Sharding-JDBC是ApacheShardingSphere的一个模块，它是一个轻量级的Java数据访问框架，通过增强JDBC驱动实现了分库分表、分布式事务、读写分离和数据加密等功能。它适用于任何基于JDBC的应用程序。核心功能分库分表
  • 【SpringAop实现切片注解】 壹佰大多 javaandroid数据库
    文章目录AOP的目的AOP代码实现导包：aop实现注解实现异步监听AOP的目的SpringAOP（Aspect-OrientedProgramming）是Spring框架中的一项功能，旨在通过切面（Aspect）将横切关注点（Cross-CuttingConcerns）与业务逻辑解耦，从而使代码更加模块化和易维护。以下是SpringAOP的主要目的和应用场景：解耦横切关注点横切关注点是指多个模块中
  • web api 与html 部署,详解.net core webapi 前后端开发分离后的配置和部署 万小柯要努力学习 webapi与html部署
    背景：现在越来越多的企业都采用了在开发上前后端分离，前后端开发上的分离有很多种，那么今天，我来分享一下项目中得的前后端分离。B/SSaas项目：(这个项目可以理解成个人中心，当然不止这么点功能)前端：node.js+vue后端：.netcorewebapi前端安装node.js跟创建vue项目这些不是这篇文章的重点，重点在于项目完成后的部署。.netcorewebapi创建后，默认就创建了一个ww
  • 自动化测试-短信验证码处理 weixin_30719711 数据库测试c/c++
    之前接触的的验证码都是图形验证码，可以借助图片识别来实现，不过识别率不太高后又研究绕过验证码实现登录。最近有遇到短信验证码的问题，网上看了有各种处理方法。1、cookie登录自己先尝试了，使用cookie登录的方法，具体详见代码1、获取cookie#FileName:VerifyCodeLogin.py#Author:Adil#DateTime:2018/4/913:09#SoftWare:PyC
  • vue3+ts实现图片上传并可拖拽 温暖前端 vue.js前端javascript
    实现多张图片拖拽上传，并且可以拖拽调整图片顺序的示例：拖拽文件到此处或点击上传import{ref,onMounted}from'vue'import{ElUpload,ElImage}from'element-plus'import{UploadFilled}from'@element-plus/icons-vue'interfaceImageItem{id:numberurl:string}c
  • 高级java每日一道面试题-2025年01月25日-框架篇[Mybatis篇]-MyBatis实现一对一有几种方式?具体怎么操作的? java我跟你拼了 java每日一道面试题javamybatisassociation标签事务管理
    如果有遗漏,评论区告诉我进行补充面试官:MyBatis实现一对一有几种方式?具体怎么操作的?我回答:1.使用XML配置文件实现一对一关系主表和从表的设计假设我们有两个实体：Person和Address，其中Person表包含一个address_id字段，指向Address表的主键。CREATETABLEAddress(idINTPRIMARYKEY,streetVARCHAR(255),cityV
  • 【LeetCode】只出现一次的数字 Seal^_^ 编程专栏#LeetCode‌leetcode算法数据结构C语言
    【LeetCode】只出现一次的数字TheBegin点点关注，收藏不迷路给你一个非空整数数组nums，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。你必须设计并实现线性时间复杂度的算法来解决此问题，且该算法只使用常量额外空间。示例1：输入：nums=[2,2,1]输出：1示例2：输入：nums=[4,1,2,1,2]输出：4示例3：输入：nums=[1]输出：1提
  • [JS+CSS+HTML]实现图片拖拽放大缩小功能 神似彭于晏的男人 前端开发功能库csshtml前端
    实现效果：JS(核心代码)1.定义全局缩放值letscale=1;2.获取img标签以及盒子的实例letscale=1;//+++++++++++constimgBox=document.getElementById("imgBox");constimg=document.getElementById("img");3.实现图片的缩放效果//缩放效果(wheel--鼠标滚轮事件)img.addEv
  • 私有化一键部署整体方案 维搭小刘 架构运维
    背景我们的客户主要是国企、央企或者科技公司，绝大多数情况下，都是需要将星云平台进行私有化部署。此前，在星云平台整体架构一文中，我详细介绍了平台是基于微服务架构设计的，这种架构带来了许多灵活性和扩展性优势，但也给私有化部署带来了不小的挑战。尤其是在私有化部署的过程中，如何确保各个服务版本的兼容性、如何确保不同服务之间的配置和代码的一致性，成为了必须解决的核心问题。为了应对这些挑战，我们需要实现清晰的
  • 更改docker默认数据目录，修改docker默认存储目录/var/lib/docker，docker常用文件系统类型，docker默认数据目录迁移，docker离线下载地址，rsync离线下载及安装 飞火流星02027 dockerLinux存储docker容器运维修改docker默认存储目录更改docker默认数据目录docker默认数据目录迁移rsync离线下载及安装
    前言作者发现很多讲“更改docker默认数据目录”的文章都没讲重点注意事项，如：复制或备份docker文件时一定要保留对象属性，否则会出现一些不可预知的问题，等。这也是为什么本文标题有提“rsync下载及安装”的原因。其实不使用rsync，使用cp-rp也可以实现环境特别是对内网用户linux系统在内网中，本身没有安装rsync，又不能直接使用yum安装，这里提供相关下载链接1、rsync下载（m
  • Element Plus上传图片前，对图片进行压缩 hongkid vue.jsjavascriptecmascript
    在使用ElementPlus（一个基于Vue3的现代组件库）进行文件上传时，你可能希望在上传图片之前对其进行压缩以减少文件大小，从而提高上传速度和节省存储空间。为了实现这一功能，你可以结合使用JavaScript库来处理图片的压缩。下面是一个简单的示例，展示如何在ElementPlus中使用compressorjs进行图片压缩：安装必要的依赖:首先需要安装compressorjs，可以通过npm或
  • 跨平台物联网漏洞挖掘算法评估框架设计与实现申报书上 XLYcmy 漏洞挖掘网络安全漏洞挖掘物联网项目申报跨架构静态分析固件
    本研究的研究目的主要有以下两个：1、基于此领域的相关方法，通过实验找出各个架构的最优方法2、通过设计实验，比较跨架构解决方案和各架构最优方法组合解决方案在函数识别、漏洞挖掘上的优劣性一、项目技术路线（1）构建统一规范全面的多架构物联网设备二进制程序数据集（2）针对跨架构下的二进制程序，利用逆向工具提取为图、抽象语法树等中间语言，对于不同中间语言，选择合适的深度学习方法提取出中间语言数据结构的特征，
  • Hibenate错误汇总：java.lang.NoClassDefFoundError: 时间能证明一切 hibernate异常
    有部分出自：http://www.reader8.cn/jiaocheng/20130911/2209649.html和http://blog.csdn.net/zmzsoftware/article/details/6835604。一、java.lang.NoClassDefFoundError:org.apache.lucene.index.CorruptIndexException因为缺少l
  • 前端使用 Element Plus架构vue3.0实现图片拖拉拽，后等比压缩，上传到Spring Boot后端 慧香一格 java微服务web前端架构springboot
    图片拖拉拽等比压缩上传为了在前端对图片文件进行等比压缩后再上传到后端，可以使用canvas元素来实现图片的压缩。以下是一个详细的实现步骤：前端实现图片等比压缩：使用canvas元素对图片进行压缩。前端上传压缩后的图片：使用el-upload组件上传压缩后的图片。后端接收并保存图片：在SpringBoot中接收上传的图片并保存。下面是一个详细的实现示例。1.前端实现图片等比压缩首先，确保你已经安装了
  • KOA框架编程2-路由使用 独行侠_阿涛 前端0-1#KOA从0到1#node-excel从0到1
    目录背景创建路由路由中间件注册测试背景上一篇文章已经完成了KOA骨架的搭建。这节课来讲解下如何添加路由。大家都知道，路由其实就是用来标识应用上的唯一的一个接口，所以接口通常又被称为资源。在express的使用过程大家都知道我们可以借用express-router来实现路由编程。那么在KOA里头同样有这么一个包，称为koa-router，这个包在上一节课里头，我已经提前安装。创建路由在项目根目录下新
  • 热门缓存的实现方式 weixin_41571449 实战
    做社交过程中，常常会有一些热门的用户，内容等等。我了解到的基本有两种实现方式，里面也有些细分1.给热门用户内容专门建一个redis，a.每次出现热门用户，内容，可以由运营操作给通过在运营平台给用户或内容加热，加到redis里面。b.在现有的计数缓存里加额外的计数，对于获赞数或者评论数频率做个统计，每隔两分钟清一下，两分钟内超过100赞就自动mark成热门内容加入redis2.将热门内容直接缓存在实
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他