weixin_30723433
weixin_30723433

扇形导航菜单

1.装bi界的一股清流，基本没什么用，反而把页面搞复杂了。

2.这些用法值得学习和借鉴。

  1 DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title>CSS3扇形动画菜单title>
  6         <style>
  7             *{padding: 0; margin: 0;}
  8             body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}
  9             .menuHolder {width:100px; height:100px; margin:0 0 250px 0; position:relative;z-index:100;}
 10             .menuHolder ul {padding:0px; margin:0; list-style:none; position:absolute; left:0; top:0; width:0; height:0;}
 11             /*.menuHolder ul li {border-radius:0 0 300px 0; width:0; height:0;}*/
 12             .menuHolder ul li a {color:#000; text-decoration:none; font:bold 13px/30px arial, sans-serif; text-align:center; 
 13                                     box-shadow:-5px 5px 5px rgba(0,0,0,0.4);transform-origin:0 0;}
 14             .menuHolder ul.p1 li {position:absolute; left:0; top:0;}
 15             .menuHolder ul.p2 {z-index:-1;}
 16             .menuHolder ul.p3 {z-index:-1;}
 17             /*画第一个圆圈*/
 18             .menuHolder li.s1 > a {position:absolute; display:block; width:100px; height:100px; background:#c8c8c8; border-radius:0 0 100px 0;}
 19             /*画第二个圆圈*/
 20             .menuHolder li.s2 > a {position:absolute; display:block; width:100px; padding-left:100px; height:200px; background:#ddd; border-radius:0 0 200px 0;}
 21             /*画第三个圆圈*/
 22             .menuHolder ul.p3 li a {position:absolute; display:block; width:100px; padding-left:200px; height:300px; background:#999; border-radius:0 0 300px 0;}
 23             /*把第二第三个圆隐藏到角落里去，让视角看不到*/
 24             .menuHolder ul ul {transform-origin:0 0;transform:rotate(90deg);transition:1s;}
 25             /*绘制第二层的菜单*/
 26             .menuHolder li.s2:nth-of-type(6) > a {background:#888;
 27             transform:rotate(75deg);
 28             }
 29             .menuHolder li.s2:nth-of-type(5) > a {background:#999;
 30             transform:rotate(60deg);
 31             }
 32             .menuHolder li.s2:nth-of-type(4) > a {background:#aaa;
 33             transform:rotate(45deg);
 34             }
 35             .menuHolder li.s2:nth-of-type(3) > a {background:#bbb;
 36             transform:rotate(30deg);
 37             }
 38             .menuHolder li.s2:nth-of-type(2) > a {background:#ccc;
 39             transform:rotate(15deg);
 40             }
 41             /*绘制联系的子菜单*/
 42             .menuHolder .a6 li:nth-of-type(6) > a {background:#444;
 43             transform:rotate(75deg);
 44             }
 45             .menuHolder .a6 li:nth-of-type(5) > a {background:#555;
 46             transform:rotate(60deg);
 47             }
 48             .menuHolder .a6 li:nth-of-type(4) > a {background:#666;
 49             transform:rotate(45deg);
 50             }
 51             .menuHolder .a6 li:nth-of-type(3) > a {background:#777;
 52             transform:rotate(30deg);
 53             }
 54             .menuHolder .a6 li:nth-of-type(2) > a {background:#888;
 55             transform:rotate(15deg);
 56             }
 57             /*绘制销量的子菜单*/
 58             .menuHolder .a5 li:nth-of-type(5) > a {background:#555;
 59             transform:rotate(72deg);
 60             }
 61             .menuHolder .a5 li:nth-of-type(4) > a {background:#666;
 62             transform:rotate(54deg);
 63             }
 64             .menuHolder .a5 li:nth-of-type(3) > a {background:#777;
 65             transform:rotate(36deg);
 66             }
 67             .menuHolder .a5 li:nth-of-type(2) > a {background:#888;
 68             transform:rotate(18deg);
 69             }
 70             /*绘制服务、商店、联系我们的子菜单*/
 71             .menuHolder .a3 li:nth-of-type(3) > a {background:#777;
 72             transform:rotate(60deg);
 73             }
 74             .menuHolder .a3 li:nth-of-type(2) > a {background:#888;
 75             transform:rotate(30deg);
 76             }
 77             /*鼠标滑过第一层菜单展开第二层菜单*/
 78             .menuHolder li.s1:hover ul.p2 {
 79             transform:rotate(0deg);
 80             }
 81             /*鼠标滑过第二层菜单展开第三层菜单*/
 82             .menuHolder li.s2:hover ul.p3 {
 83             transform:rotate(0deg);
 84             }
 85             /*鼠标滑过改变背景颜色和文字颜色*/
 86             .menuHolder ul li:hover > a {background:#f00; color:#fff;}
 87             .menuHolder li.s2:hover > a {background:#d00; color:#fff;}
 88             .menuHolder .a6 li:hover > a {background:#b00; color:#fff;}
 89             .menuHolder .a5 li:hover > a {background:#b00; color:#fff;}
 90             .menuHolder .a3 li:hover > a {background:#b00; color:#fff;}
 91         style>
 92     head>
 93     <body>
 94         <div class="menuHolder">
 95             <div class="menuWindow">
 96                 <ul class="p1">
 97                     <li class="s1"><a href="#url">导航菜单a>
 98                         <ul class="p2">
 99                             <li class="s2"><a href="#"><span>首页span>a>li>
100                             <li class="s2"><a href="#url"><span>服务span>a>
101                                 <ul class="p3 a3">
102                                     <li><a href="#">打印a>li>
103                                     <li><a href="#">编辑a>li>
104                                     <li><a href="#">保管a>li>
105                                 ul>
106                             li>
107                             <li class="s2"><a href="#url"><span>联系span>a>
108                                 <ul class="p3 a6">
109                                     <li><a href="#">支持a>li>
110                                     <li><a href="#">销售a>li>
111                                     <li><a href="#">购买a>li>
112                                     <li><a href="#">摄影师a>li>
113                                     <li><a href="#">零售商a>li>
114                                     <li><a href="#">常规a>li>
115                                 ul>
116                             li>
117                             <li class="s2"><a href="#url"><span>商店span>a>
118                                 <ul class="p3 a3">
119                                     <li><a href="#">南区a>li>
120                                     <li><a href="#">北区a>li>
121                                     <li><a href="#">中心区a>li>
122                                 ul>
123                             li>
124                             <li class="s2"><a href="#url"><span>联系我们span>a>
125                                 <ul class="p3 a3">
126                                     <li><a href="#">邮箱a>li>
127                                     <li><a href="#">邮递a>li>
128                                     <li><a href="#">电话a>li>
129                                 ul>
130                             li>
131                             <li class="s2 b6"><a href="#url"><span>销量span>a>
132                                 <ul class="p3 a5">
133                                     <li><a href="#">数码单反机身a>li>
134                                     <li><a href="#">镜头a>li>
135                                     <li><a href="#">闪光枪a>li>
136                                     <li><a href="#">三角架a>li>
137                                     <li><a href="#">过滤器a>li>
138                                 ul>
139                             li>
140                         ul>
141                     li>
142                 ul>
143             div>
144         div>
145     body>
146 html>

 

转载于:https://www.cnblogs.com/chengyunshen/p/7277383.html

你可能感兴趣的:(扇形导航菜单)

  • C# 图形图像技术（通过Graphics绘制图像） 萨达大 c#开发语言
    文章目录创建Graphics对象画笔与画刷画笔画刷SolidBrush类HatchBrush类LinerGradientBrush类基本图形绘制矩形椭圆圆弧扇形创建Graphics对象privatevoidForm1_Load(objectsender,Eventargse){Graphicsghs=this.CreateGraphics();}画笔与画刷画笔构造函数publicPen(Color
  • １１．２０－补充 索伯列夫
    translate:transform:transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。transition:div中的div居中transform:translateX(-50%)扇形：div{width:0;height:0;border:11pxsolidred;border-radius:11px;border-color:redtransp
  • 【Material-UI】Lists组件中的Customization功能详解 Peter-Lu #material-uiuilistjavascriptMaterial-UI前端
    文章目录一、Lists组件概述1.组件介绍2.Customization的意义二、Lists组件的Customization方法1.使用主题（Theme）定制化组件2.通过`styled`API定制化组件3.样式覆盖（Overrides）三、使用案例：打造一个定制化的导航菜单四、总结在现代Web开发中，UI的定制化需求越来越高。Material-UI作为React生态系统中的顶级UI框架，提供了丰
  • 梦音雪儿的日记29 一只拾光雪儿吖
    喵嗷～我是雪儿吖我的辅导班的考试又回来了所以，大家一定猜到了，又一次，我跟萌萌兔的大打赌时间，哈哈哈哈哈哈雪儿：今天再来打赌吧！这次学圆和扇形，很难的，我赌我考90分一下。萌萌兔：行，我赌你考90分以上。雪儿（偶尔调皮一下也不是不可以）：赌输的人今天要更3篇文，每篇超过300字！！下次我要赌我考101分以下。萌萌兔：啊这，我可以赌你0分以上吗？然后，考完了你们是不是觉得这次我又赌输了呢？不不不，我
  • 小型化星载KU频段宽带扇形波束圆极化天线 BinaryStarXin 通信射频相控阵-软硬技术提升篇性能优化小型化星载Ku频段宽带扇形波束圆极化天线圆极化特性硬件工程精益工程基带工程
    摘要:为适应星载天线小型化、宽带、高性能的发展趋势,提出一种小型化星载Ku频段宽带扇形波束圆极化天线。通过在H面扇形喇叭口处加入曲折线圆极化器实现天线圆极化,将传统平面圆极化器变为半圆柱形,天线的包络尺寸减小近36%。同时,在喇叭口处增加介质透镜,在有限尺寸内将球面波调节为平面波。半圆柱极化器和介质透镜的设计可共同调节入射波束角度。提升天线的宽角波束覆盖性能。利用CST软件建立模型进行仿真,仿真结
  • 科研绘图系列：R语言饼图（pie chart） 生信学习者2 R语言可视化r语言数据可视化
    介绍饼图是一种常用的数据可视化图表，它通过圆形的扇形区域来展示数据的比例关系。每个扇形的面积大小与其所代表的数据量成正比，从而直观地显示各部分在整体中所占的比重。特点：直观性：通过不同大小的扇形，可以直观地看到各个部分的相对大小。易于理解：圆形的分割使得人们容易理解各部分的相对比例。适合展示比例：特别适合展示各部分在整体中的比例关系。说明的问题：部分与整体的关系：显示每个部分在整体中所占的百分比。
  • android自定义view之画圆随着手指移动 ✎ℳ๓Eternity✾ 进阶View画圆可以跟随手指移动
    publicclassMyViewextendsView{privatePaintmFanPaint,mTextPaint;//扇形画笔和文字画笔publicfloatAxisX=100;publicfloatAxisY=100;publicMyView(Contextcontext){super(context);init();}publicMyView(Contextcontext,Attri
  • R 语言学习教程，从入门到精通，R 绘图饼图（22） 知识分享小能手 数据分析大数据学习心得体会r语言学习开发语言python大数据绘图统计学
    1、R绘图饼图R语言提供来大量的库来实现绘图功能。饼图，或称饼状图，是一个划分为几个扇形的圆形统计图表，用于描述量、频率或百分比之间的相对关系。R语言使用pie()函数来实现饼图，语法格式如下：pie(x,labels=names(x),edges=200,radius=0.8,clockwise=FALSE,init.angle=if(clockwise)90else0,density=NULL
  • Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题 王佳斌 +Vuevue2.jsnuxt2.js根据富文本内容自动生成目录方法根据h标签标题做侧边栏导航目录vue读取富文本中的h1标题博客文章资讯新闻文章富文本富文本和目录相互联动高亮菜单
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录TOC，点击目录导航菜单时会跳转到文章内容对应的标题锚点位置并且有过渡跳转动画，另外用户浏览富文本滚动经过标题锚点时右侧目录会自动
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • 【前端 VUE】vue Elemente-UI 管理后台自定义 导航菜单栏 悟空_大师兄_ vuevue
    记录管理后台侧边导航栏做成通用小组件借助Elemente-UI：侧边栏容器：导航菜单创建父组件页面aside.vue*（default-active为当前激活菜单的index，（设置为当前的路由名称this.$route.fullPath）@select事件为菜单选择触发的事件借助跳转路由并设置default-active的值）importNavMenufrom'@/components/NavM
  • 劳动真快乐 邓锦轩
    今天的天气可真好啊！蓝蓝的天空上，挂着红红的太阳，一大早我和妈妈一起吃了早点，就搞卫生，我和妈妈把家里打扫得干干净净的。我和妈妈还把冼好的新床单、被子衣服，一起拿到楼顶上去晒。到了楼顶我们把被子、衣服和床单晾衣绳上面给太阳晒干消毒。这张蓝色的床单就是我的新床单了。我很喜欢它，上面有扇形的贝壳、像冰淇淋甜筒的海螺和像五角星的海星，很漂亮。等它晾干了，今晚上就可以铺在我的床上了。今天我和妈妈一起劳动干
  • python自动化测试脚本实操 单叼红中 测试用例python
    '''=====================测试woniusales进销存系统的部分功能==============================需求1（10分）：正确账号可以登录系统登录后跳转页面导航菜单右侧出现一个注销链接需求2（20分）：导航栏中每个菜单可以正确打开对应的页面,点击菜单名，打开对应的页面的URL地址正确，页面标题正确如：点击“商品入库”页面URL为http://loca
  • CSS二级导航菜单的实现 魅美 笔记htmlcss
    用CSS实现二级导航菜单效果如下HTML代码CSS二级导航菜单一级菜单1一级菜单2二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单3二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单4二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单5CSS代码*{margin:0;padding:0;}body{width:100vm;background
  • AI - 碰撞避免算法分析(ORCA) Mhypnos 游戏开发算法人工智能游戏引擎碰撞避免ORCA
    对比VO/RVOORCA算法检测碰撞的原理和VO/RVO基本一样的，只是碰撞区域的计算去掉了一定时间以外才可能发生的碰撞，因此碰撞区域的扇形去掉了前面的部分，由圆锥头变成了个圆另一个最主要的区别是，求新的速度，是根据相对多个不同物体生成的半平面计算获得。半平面：上图里，u即之前VO和RVO求出的相对速度避免碰撞需要偏移的最短速度向量VO/RVO分析。VO/RVO里由于只考虑避障双方的两个物体，所以
  • 舜公郑金锋书自剪扇面300品（一七四） 舜公郑金锋
    2018年书自剪扇面300品（扇形为自剪独创样式，共计500多种）。所发作品大多为亚粉色宣，该纸有一层颜料厚涂层，书写时不易沾墨，效果欠佳），请您多指教！[2张图片]
  • 阎王爷三审奇案（四）：冤家路窄 万里清风来
    根据蒲松龄《聊斋志异》之《三生》改编流寇们一看遇到正规部队，毫不抵抗，呼啦一下四散逃开，这些官军怎容他们如此逃脱，只见中央一位将军将令子旗一晃，“刷――”官军四周成扇形把流寇以及老百姓围在中间。“把他们全部带到大营，我要挨个审查。”将军下令。长话短说，流寇和百姓被带回大营。这个将军说来也怪，不论是百姓还是土匪，只要说出姓氏名谁家住何地就立马放人，湖南某看着一会走一个，一会走一个，心里着急啊！什么时
  • HTML-介绍-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档html学习笔记前端
    HTML-介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网HTML-简介MDN文档引用：就其核心而言，HTML是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。H
  • 【PyQt】14-绘图-QPainter R三哥哥啊 PyQt5pyqt
    文章目录前言一、QPainter二、绘制文本-drawTextQt里面的文本对齐方式运行结果三、像素点总结前言1、学会画图方法一、QPainter通常可以绘制文本、各种图形（点、线、椭圆、弧、扇形、多边形等等）、图像。必须在painrEvent事件方法中绘制各种元素。基本框架二、绘制文本-drawText'''#Author：susocool#Creattime:2024/2/17#FileNam
  • 进入详情页，隐藏底部导航菜单 小刘先生很努力 vue.js前端javascript
    有次在写app项目时，后来客户加了个要求就是点击进入详情页的时候底部的导航栏隐藏掉，不在显示，然后就看下边操作吧。我们首先在index.js路由文件中配置我们的页面路由{path：'/detail/:id',name:'Detail',component:()=>import('../views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
  • 分享88个CSS3特效，总有一款适合您 记忆的小河 css3前端css
    分享88个CSS3特效，总有一款适合您88个CSS3特效下载链接：https://pan.baidu.com/s/1pDAyFESnO8HSnCZj4-DOzQ?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。CSS3气泡动画文字导航菜单代码CSS3可拖动动画人物关系图代码CSS文字组合成心形动画
  • JS特效第131弹：jQuery响应式下拉导航菜单插件megamenu 马coder javascript前端开发语言
    jQuery响应式下拉导航菜单插件megamenu，先来看看效果：一部分关键的代码如下：jQuery响应式下拉导航菜单插件megamenuHomeAboutSchoolLidershipHistoryLocationsCareersStudyUndergraduateMastersInternationalOnlineResearchUndergraduateresearchMastersrese
  • JS特效第134弹：jQuery响应式全屏背景图片导航菜单特效 马coder javascript开发语言ecmascript
    jQuery响应式全屏背景图片导航菜单特效，先来看看效果：一部分关键的代码如下：jQuery响应式全屏背景图片导航菜单特效主页jQuery从1.4-2.1版本下载适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。内容leanModal.js轻巧的弹出层插件设置wysiwyg微小的Bootstrap富文本编辑器bootstra
  • （七）自定义View之绘制线段，弧度，扇形，圆，椭圆，矩形 陈萍儿Candy
    Canvas中直接有这些方法，下面直接给出代码：绘制点画线段画矩形画椭圆，圆，扇形，弧线，圆角矩形通过path画五角星通过path画弧线，圆，矩形等
  • 向经典致敬：南丁格尔玫瑰图 小草莓_bdp
    南丁格尔玫瑰图人民日报南丁格尔玫瑰图，又称鸡冠图，是将柱形图转化为更加美观的饼图的形式，区别于饼图，以扇形角度大小及面积表示数据高低，它则是以扇形的半径表示数据的大小，辅助以颜色深浅，美观又清晰的展示数据的关系。南丁格尔玫瑰图为什么这样命名呢？大家都知道，南丁格尔是世界上第一位伟大的护士，但是她同时也是一位厉害的统计学家。这是一组显示1854年4月到1855年3月这一年的战争期间非战斗死亡（红色）
  • Vue 前置导航 还是大剑师兰特 #vue2常用示例500+vue.js前端
    Vue前置导航（VueFrontNavigation）是一种在Vue.js框架中实现导航功能的常见方式。它通常用于构建单页应用程序（SinglePageApplication），通过在页面顶部或侧边栏显示导航菜单，使用户能够轻松切换到不同的页面或功能模块。以下是一个简单的Vue前置导航示例，包括代码和解释：首先，创建一个Vue项目或在现有项目中添加Vue组件。假设我们有一个名为Navbar.vue
  • 【HTML】canvas画扇形 大Q本Q
    此浏览器不支持canvasvarpro1=newPRO('pro1');pro1.start();varPRO=function(_id,_proportion){varcanvas={ele:null,width:0,height:0};varcolor=null;//颜色varpro=null;//百分比（小数）varcxt=null;vartxt=null;//圈中间的百分比文字this.s
  • 《CSS 简易速速上手小册》第2章：CSS 布局与定位（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端人工智能数据分析数据挖掘web3网页
    文章目录2.1Flexbox：灵活的布局解决方案2.1.1基础知识2.1.2重点案例：创建一个响应式导航菜单2.1.3拓展案例1：卡片布局2.1.4拓展案例2：中心对齐的登录表单2.2Grid布局：网格系统的魔力2.2.1基础知识2.2.2重点案例：创建一个新闻网站的布局2.2.3拓展案例1：画廊布局2.2.4拓展案例2：个人博客的文章布局2.3定位技巧：Static、Relative、Absol
  • 300年前李渔的旧物改造很Nice——《闲情偶寄·取景在借》 海澜鲸
    当今社会节约、环保、低碳已成为时代主流，旧物改造、变废为宝的创意思维和设计理念更被大众所推崇。而300年前的李渔，早已是此方面的大咖了！《闲情偶寄·取景在借》中，李渔对于窗户的设计颇为重视，认为开窗目的“莫妙于取景”。他在西子湖畔居住时，梦想买一条船，把船窗设计为“便面”之形即扇形，人坐船中“则两岸之湖光山色，寺观浮屠，云烟竹树，以及往来之樵人牧竖，醉翁游女，连人带马，尽入便面之中......摇一
  • （十三）c#Winform自定义控件-导航菜单 kwwwvagaa 自定义控件c#winform自定义控件
    （十三）c#Winform自定义控件-导航菜单前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧欢迎前
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他