FantasyDL
FantasyDL

2016-01-22

在知乎上看到手写div布局的问题就自己动手做了一些尝试，用了两种方法：1)死做；2)Flexbox

方法一：(死做)

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6         <title>distributionTest</title>
  7         <style>
  8             *{
  9                 margin:0;
 10                 padding:0;
 11             }
 12             body{
 13                 max-width:100%;
 14             }
 15             div,header{
 16                 border:10px solid #000;
 17             }
 18             .left-main-1,.left-main-2,.right-main{
 19                 border:5px solid #000;
 20             }
 21             .container{
 22                 width:960px;
 23                 margin:0 auto;
 24                 padding-top:20px;
 25                 background-color:#ddd;
 26                 border:0;
 27             }
 28             .clear{
 29                 clear:both;
 30                 width:0;
 31                 height:0;
 32                 border:0;
 33             }
 34             header{
 35                 width:920px;
 36                 height:80px;
 37                 margin:0 10px 20px 10px;
 38             }
 39             .left{
 40                 float:left;
 41             }
 42             .right{
 43                 float:right;
 44             }
 45             .sidebar{
 46                 margin-left:20px;
 47                 border:none;
 48             }
 49             .left-top{
 50                 width:260px;
 51                 height:260px;
 52                 margin-bottom:20px;
 53             }
 54             .left-main{
 55                 width:260px;
 56                 height:700px;
 57             }
 58             .left-main-1{
 59                 margin:15px 0 0 90px;
 60                 width:140px;
 61                 height:70px;
 62             }
 63             .left-main-2{
 64                 margin:20px 0 0 120px;
 65                 width:110px;
 66                 height:70px;
 67             }
 68             .content{
 69                 margin-right:40px;
 70                 border:0;
 71             }
 72             .right-top{
 73                 margin-bottom:20px;
 74                 border:0;
 75             }
 76             .right-top-1{
 77                 width:260px;
 78                 height:260px;
 79                 margin-right:35px;
 80             }
 81             .right-top-2{
 82                 width:260px;
 83                 height:260px;
 84             }
 85             .right-main{
 86                 width:583px;
 87                 height:712px;
 88             }
 89         </style>
 90     </head>
 91     <body>
 92         <div class="container">
 93             <header></header>
 94             <div class="sidebar left">
 95                 <div class="left-top">
 96                 </div>
 97                 <div class="left-main">
 98                     <div class="left-main-1"></div>
 99                     <div class="left-main-2"></div>
100                 </div>
101             </div>
102             <div class="content right">
103                 <div class="right-top">
104                     <div class="right-top-1 left"></div>
105                     <div class="right-top-2 right"></div>
106                     <div class="clear"></div>
107                 </div>
108                 <div class="right-main"></div>
109             </div>
110             <div class="clear"></div>
111         </div>
112     </body>
113 </html>

方法二：(Flexbox)

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <meta name="viewport" content="width=device-width,initial-scale=1.0">
 6         <title>distributionTest1</title>
 7         <style>
 8             *{
 9                 margin:0;
10                 padding:0;
11                 box-sizing:border-box;
12             }
13             body{
14                 max-width:100%;
15             }
16             div,header{
17                 border:10px solid #000;
18             }
19             .container,.middle,.bottom{
20                 border:0;
21             }
22             .sidebar-1,.sidebar-2,.content{
23                 border:7px solid #000;
24             }
25             .container{
26                 width:960px;
27                 margin:0 auto;
28                 padding-top:10px;
29                 background-color:#aaa;
30             }
31             header{
32                 width:940px;
33                 height:160px;
34                 margin-left:10px;
35             }
36             .middle{
37                 display:flex;
38                 width:960px;
39                 padding:10px 10px 10px 0;
40                 flex-flow:row wrap;
41                 align-item:stretch;
42                 justify-content:space-around;
43             }
44             .mpart{
45                 width:290px;
46                 height:290px;
47             }
48             .bottom{
49                 display:flex;
50                 width:960px;
51                 padding:10px 10px 10px 0;
52                 flex-flow:row wrap;
53                 align-item:stretch;
54                 justify-content:space-around;
55             }
56             .sidebar{
57                 width:290px;
58                 height:700px;
59             }
60             .sidebar-1{
61                 width:150px;
62                 height:70px;
63                 margin-top:20px;
64                 margin-left:105px;
65             }
66             .sidebar-2{
67                 width:130px;
68                 height:70px;
69                 margin-top:10px;
70                 margin-left:125px;
71             }
72             .content{
73                 width:600px;
74             }
75         </style>
76     </head>
77     <body>
78         <div class="container">
79             <header></header>
80             <div class="middle">
81                 <div class="mpart"></div>
82                 <div class="mpart"></div>
83                 <div class="mpart"></div>
84             </div>
85             <div class="bottom">
86                 <div class="sidebar">
87                     <div class="sidebar-1"></div>
88                     <div class="sidebar-2"></div>
89                 </div>
90                 <div class="content"></div>
91             </div>
92         </div>
93     </body>
94 </html>

可以明显看出，第二种方法简单了很多。Flexbox也是布局很好的一个工具，今天第一次接触就感受到了其简便性，很好用。

再者，今天还尝试了用jquery做回到顶部的效果，代码如下：

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3     <head>
 4         <meta charset="UTF-8">
 5         <meta name="viewport" content="width=device-width,initial-scale=1.0">
 6         <title>jQuery-BackTop</title>
 7         <script src="js/jquery-2.1.4.min.js"></script>
 8         <style>
 9             *{
10                 margin:0;
11                 padding:0;
12             }
13             body{
14                 max-width:100%;
15                 height:1200px;;
16             }
17             header{
18                 width:100%;
19                 height:200px;
20                 background-color: #ded122;
21             }
22             .content{
23                 width:100%;
24                 height:800px;
25                 background-color: #11ddee;
26             }
27             footer{
28                 width:100%;
29                 height:200px;
30                 background-color #1122dd;
31             }
32             #back-to-top{
33                 display:none;
34                 position:fixed;
35                 right:50px;
36                 bottom:50px;
37                 width:30px;
38                 height:30px;
39                 background-color:#000;
40             }
41             a{
42                 padding:15px 15px;
43                 cursor:pointer;
44             }
45         </style>
46     </head>
47     <body>
48         <header></header>
49         <div class="content"></div>
50         <footer></footer>
51         <div id="back-to-top"><a href="#top"></a></div>
52         <script>
53         $(function(){
54             $(function(){
55                 $(window).scroll(function(){
56                     if($(window).scrollTop() > 100){
57                         $("#back-to-top").fadeIn(1000);
58                     }
59                     else{
60                         $("#back-to-top").fadeOut(800);
61                     }
62                 });
63             
64                 $("#back-to-top").click(function(){
65                     $('body,html').animate({scrollTop:0},1000);
66                     return false;//stop defualt function
67                 });
68             });
69         });//must focus on () and {}
70         </script>
71     </body>
72 </html>

 

你可能感兴趣的:(2016-01-22)

  • 手机号码被泄露之后 韩日记
    2016-01-22周五晴今天走在路上，突然听到一旁有人对我说：“先生，欢迎了解一下英孚英语！”我连忙作痛苦状小跑离开，任凭他在身后叫我：“先生，对英语不感兴趣吗？”这位大哥，不是我对英语不感兴趣，而是我每次听到“英孚英语”四个字，总会不自觉地菊花一紧啊……大四的某一日，天朗气清，惠风和畅，我宅在宿舍浏览健康网站，仰观宇宙之大，俯察品类之盛。突然，我不小心点到了一个弹窗广告，然后就蹦出来了英孚英语
  • Oracle启用远程访问&开启共享模式 陶呵呵 数据库
    注**注：**2016-01-22实践证明，互联网不一定靠谱啊[emoji:笑哭]。一直以为启用远程访问需要开启共享模式，但自己又做了多种尝试，发现他们是错的啊[大片纸]，局域网内远程访问实际上只要在监听里面配置Oracle服务器主机在局域网内的IP地址就行了。还有个要注意就是配置监听的时候可以通过NetManager和NetConfigurationAssistant。它们的区别，问了一些前辈，
  • 早读四书《论语》【370】 郁萍
    2016-01-22华杉唯上知与下愚不移。下愚不是智商低，是不学习。若测智商，可能达到150——智足以拒谏，言足以饰非。【子曰：“性相近，习相远也。”子曰：“唯上知与下愚不移。”】“性相近，习相远”，这个人人都会背诵，《三字经》：“人之初，性本善，性相近，习相远。”不过，孔子并没有说人性是本善还是本恶，他只是说，人的天性都是相近的，只是后天习染不同，近朱者赤，近墨者黑，差别就越来越大了。什么是“性
  • 贷齐乐系统最新版SQL注入（无需登录绕过WAF可union select跨表查询） 公开时间： 2016-04-21 22:58 qq_27446553 php-hack
    漏洞详情披露状态：2016-01-22：细节已通知厂商并且等待厂商处理中2016-01-22：厂商已经确认，细节仅向厂商公开2016-01-25：细节向第三方安全合作伙伴开放（绿盟科技、唐朝安全巡航、无声信息）2016-03-17：细节向核心白帽子及相关领域专家公开2016-03-27：细节向普通白帽子公开2016-04-06：细节向实习白帽子公开简要描述：贷齐乐系统最新版SQL注入，无需登录绕过
  • 皮囊 tuionf
    作者：蔡崇达皮囊2016-01-21肉体不就是拿来用的，又不是拿来伺候的。2016-01-21如果你整天伺候你这个皮囊，不会有出息的，只有会用肉体的人才能成材2016-01-21我们的生命本来多轻盈，都是被这肉体和各种欲望的污浊给拖住。阿太，我记住了。“肉体是拿来用的，不是拿来伺候的。残疾2016-01-22疾病彻底击垮他了。他就像是一个等待着随时被拉到行刑场的战俘，已经接受了呼之欲出的命运。这种
  • 高德地图环境配置 _啊祥同学
    1.加系统的SystemConfiguration.framework2.CoreTelephony.framework3.CoreLocation.framework4.MAMapKit.framework5.形式出现：：表示用了c++的东西，因为没有所以加libstdc++6.0.9.dylib（可选最新版本）如下图屏幕快照2016-01-22下午5.12.07.png屏幕快照2016-01-
  • 2016每日要闻聚焦1.22 人社部新闻发布会全是你关心的问题 猴年春晚四大分会场确定 王凯刘涛将合唱 kakaka89
    原创2016-01-22然后君知其然每日要闻聚焦，两条说明白。每晚陪伴你，看完睡得香。三十年最冷一月，你被冻成小动物了吗？！全国各地的速冻模式，那画面太美我不敢看~除了多穿多吃多保暖，就只有想念被窝了吧。还是提醒各地朋友，一定要防寒保暖呐！头条要闻：人社部新闻发布会全是你关心的问题核心事件：人力资源和社会保障部今日召开新闻发布会，人社部新闻发言人李忠就社会广泛关注的延迟退休、退休职工缴纳医保费、养
  • 无以卑微论情怀 懒爷邱
    2016-01-22懒先生的盐懒人帮怀之以情情怀到底是个什么玩意痴痴地期待而不会悔改似水流年张国荣-Salute(24KGOLD日本版)情怀是什么？最近很热。上网查了分四种，可我不愿复制黏贴，只是和心有关系。纸面意思，一定是有一种感情或者情绪，是要去怀有的，或者说要怀有什么样的一种情感。望文生义而已，但可能就是这么一回事。情怀，我认为就是对过往的某种情境的一种怀念，这种情景是让一个人刻骨铭心难以忘
  • 3dsMax2016主工具栏不见了怎么办? 3dsMax显示主工具栏的两种方法 超级�g子
    3dsMax2016主工具栏中可以亏阿苏访问很多常见任务的工具和对话框。但是无意间关掉了主工具栏，该怎么重新显示出来呢？请看下文详细介绍。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22下图所示，为3dsMax2016的默认界面，红框内为主工具栏。如果你的界面如下图所示，那么你就该进行设置了。这里我们分享良好总方法。方法一：使用
  • 3dmax材质编辑器怎么用? 3dmax材质编辑器的详细介绍 写手流风
    3dmax中材质编辑器该怎么使用，今天我们就来详细介绍关于材质编辑器的相关知识。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22第一部分图解：如下图，其中赋予材质和明暗处理比较常用，standard选择材质第二部分图解：各种明暗器，blinn最常用第三部分图解：漫反射颜色第四部分图解：一般不做调整，了解就好第五部分图解：贴图调整
  • 3Dsmax视窗布局怎么改变? 3Dsmax改变视窗布局的两种方法 佚名
    今天我们就来看看3Dsmax中改变视窗布局的两种方法，很简单的教程，请看下文详细介绍。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22方法一：1、如果要改变布局首先应该点击四视窗的某个窗口的左上角右键点击然后选择最后一项2、点击后出现的界面是这样的3、选择第二项布局4、这时候可以根据布局预设的选项在红框中选择适合的窗口类型5、也
  • 3DSMax怎么制作一款逼真的塑料椅子? 佚名
    3DSMax中可以设计很多模型，想要设计一款塑料椅子，该怎么设计呢？下面我们就来看看详细的教程。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、塑料椅面及椅背的绘制1、安装并运行Autodesk3DSMax软件，在软件右侧“图形”卷栏下选择“样条线”，并选择“线”型，进行塑料椅的截面绘制；2、选中线型，进入修改器面板，选择“
  • 3dsMax怎么给模型制作爆炸碎片效果? 佚名
    今天我们就来看看使用3dsMax爆炸效果的教程，先看看效果图，喜欢的朋友请继续往下看哦。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22首先打开空间扭曲面板，并切换至Geometric/Deformable(几何体/变形)选项卡，创建Bomb(爆炸).然后通过主工具栏的绑定到空间扭曲功能将Bomb与模型连接.绑定完成后，拖动时间
  • 整合城乡居民基本医疗保险制度 yuyulai
    关于做好整合城乡居民基本医疗保险制度有关工作的通知轶名2016-01-2319:56:53文件名称:国家卫生计生委关于做好整合城乡居民基本医疗保险制度有关工作的通知文件编号:国卫基层发〔2016〕5号发布时间:2016-01-22实施时间:2016-01-22各省、自治区、直辖市卫生计生委：为贯彻落实《国务院关于整合城乡居民基本医疗保险制度的意见》（国发〔2016〕3号，以下简称《意见》)精神，做
  • 整合城乡居民基本医疗保险制度 yuyulai
    关于做好整合城乡居民基本医疗保险制度有关工作的通知轶名2016-01-2319:56:53文件名称:国家卫生计生委关于做好整合城乡居民基本医疗保险制度有关工作的通知文件编号:国卫基层发〔2016〕5号发布时间:2016-01-22实施时间:2016-01-22各省、自治区、直辖市卫生计生委：为贯彻落实《国务院关于整合城乡居民基本医疗保险制度的意见》（国发〔2016〕3号，以下简称《意见》)精神，做
  • 3dmax怎么创建茶壶和圆锥体模型? 佚名
    今天我们就来看看使用3dmax创建茶壶和圆锥体的方法，很简单，请看下文详细的教程。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、创建茶壶1、打开3dmax软件，在创建命令面板中单击“茶壶”，即会在右侧弹出“茶壶”属性面板，如图所示。2、在视图中按住鼠标左键并移动光标调整茶壶的大小，释放鼠标即可创建茶壶，如图所示。3、在修改
  • 3DsMax无法启动提示程序出错该怎么办? 佚名
    3dsMax出现打不开，或者无法使用的情况，提示如下图所示，关掉弹框程序就关闭了，并且出现了错误报告的情况，该怎么解决呢？下面我们就来看看详细教程。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22这里我事先说明，因为出现这个错误的原因很多，我并不确定你的出错原因和我的一样，所以，亲就试试吧，反正我是在网上找了很久都没有发现可以解
  • 3DSMAX怎么建模变形金刚? 佚名
    3DSMAX中想要建立一个变形记刚的模型，该怎么建模呢？下面我们就来看看详细的教程。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22头部细节比较多，所以先把头部做的漂亮一些吧。先看一下几个红色标的大块零件。等大型块做好了，才可以往里面添加小零件来增加头部的重量感。图21、先从头顶开始，拉一个面，用Bend命令把它弯曲，再用She
  • 3dsmax怎么使用Noise贴图给泳池做焦散caustics效果? 佚名
    3dsmaxvray【Noise】贴图渲染游泳池【焦散】caustics效果。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、建模与材质1、在添加泳池水caustics效应之前，我将首先创建一个非常简单的游泳池模型，将一个简单的box转换为可编辑的多边形，并删除顶部多边形，挤出一些厚度。对于材质，这里使用浅蓝色的mosaic
  • 3dsmax模型怎么正确的减面? 佚名
    对于建模的人员来说，电脑配置不是很好，模型比较复杂，比如建筑类的模型，重复性比较多，如果能正确的减面，那对于电脑配置不是很好的来说是非常至关重要的。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、穿插模型的减面以及看不到的背面减面。1、物体A与物体B有穿插部分,球体底部C为穿插部分，实际在渲染上是看不到的，这里我们可以把看不
  • 3DSMAX怎么制作雾里不断扭曲的三维文字的动画? 佚名
    制作效果：一段不停波动的文字在一缕缕飘忽不定的云雾中翻腾，好似一条龙在腾云驾雾。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22制作思路：将一段文字与不断波动的波浪形的空间扭曲对象绑定在一起，使之产生文字波动的效果，再给这段文字动画添加上"VolumeFog"（体积雾），就可以轻松实现上面描述的动画效果了。一、文字波动动画的实现
  • 3dsMax渲染室内场景之GI参数设置教程 佚名
    VRayfor3dsMax渲染室内场景教程GI参数设置。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、调整GI设置1、打开场景；快捷键F10将V-Ray选择为当前渲染器；找到“Globalswitches”，选择一个默认的VRayMtl素材；2、将Imagesampler类型设置为Fixed；3、将分辨率设置为400×32
  • 3dmax两种材质编辑器面板怎么使用? 佚名
    3dmax2010版本一下的材质编辑器和以上（包含2010版本）材质编辑器的使用。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、对两种材质编辑器的切换方法3dmax2010的材质编辑器如图，而3dmax2012是这样的，auto公司为了使用者在两种不同版面的材质编辑器之间转换，是提供了新版本转成老版本的，如图。。二、对老版
  • 3Dmax怎么清理多余的垃圾? 佚名
    很多人都在为3Dmax软件中存在太多的垃圾，使保存文件的时间文件过大。为了方便各位设计爱好者，写上这篇经验，附带生成效果图最后的色彩通道图。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22一、3Dmax清理垃圾1、把插件放到桌面上，在把插件选中往软件视口中托进去即可打开2、然后点击“清理垃圾”就会弹出一个大窗口。清理垃圾只需要把
  • 3Dmax怎么打开CAD图纸? 佚名
    CAD和3Dmax软件是世界通用的两大办公软件，适用于各种职业，此方法教您如何用3Dmax打开CAD文件。软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22软件名称：autocad2016破解版64位官方简体中文安装版软件大小：1.67GB更新时间：2015-02-281、首先，若只要导入CAD的一部分图，以CAD2007为例，打
  • sketchup的layout导出pdf空白该怎么办? 佚名
    layout导出会出现有时候能导出成功但有时候导出的却是空白的东西，这种情况如何解决。（如果看完这篇东西后还是不行，那就要考虑你的软件或者你的电脑问题了）软件名称：草图大师2016(sketchuppro2016特别版)64位中文安装特别版软件大小：128MB更新时间：2016-01-22软件名称：PCB设计软件(SprintLayout)v6.0完美汉化版软件大小：4.33MB更新时间：2015
  • 3dsMax怎么修复文件图标? 佚名
    当3dsMax的文件图标变成未知图标的时候，请照着以下教程进行修复！软件名称：Autodesk3dsmax2016官方简体中文版64位软件大小：7.54GB更新时间：2016-01-22软件名称：filetypesmanx64V1.85英文绿色免费版软件大小：73.5KB更新时间：2019-04-081、下载Filetypesman软件2、在Filetypesman里查找.max文件3、选中max
  • sketchup怎么绘制山体模型? 佚名
    Su画山体，有多种方法，主要分为曲面，台阶和网格三种山体软件名称：草图大师2016(sketchuppro2016特别版)32位中文安装特别版软件大小：118MB更新时间：2016-01-22一、曲面山体1、一般这种山体都是有CAD等高线的，先将CAD导入su2、再使用绘图--沙盒--根据等高线创建3、最终效果如下，如果是台阶山体或者网格山体，也想生成曲面山体，同样使用绘图--沙盒--根据等高线创
  • T3 在win8/10 系统，很多参照界面空白 qq37724861
    T3，在win8、win10操作系统上，填制凭证参照科目界面空白，经过与Chanjet人员沟通，确认是T3自身组件问题，请静待补丁。此问题是偶发，不一定每次在win8、win10上遇到。受影响的版本：T3系列（包括10.9） 2016-01-22：现已出补丁，解决上述问题，请出问题的去更新补丁。2016-03-21：补丁再次更新，修复了部门档案、客户档案等界面参照空白问题  
  • 贷齐乐系统最新版SQL注入（无需登录绕过WAF可union select跨表查询） 公开时间： 2016-04-21 22:58 qq_27446553
    漏洞详情披露状态：2016-01-22：细节已通知厂商并且等待厂商处理中2016-01-22：厂商已经确认，细节仅向厂商公开2016-01-25：细节向第三方安全合作伙伴开放（绿盟科技、唐朝安全巡航、无声信息）2016-03-17：细节向核心白帽子及相关领域专家公开2016-03-27：细节向普通白帽子公开2016-04-06：细节向实习白帽子公开简要描述：贷齐乐系统最新版SQL注入，无需登录绕过
  • 对于规范和实现，你会混淆吗？ yangshangchuan HotSpot
    昨晚和朋友聊天，喝了点咖啡，由于我经常喝茶，很长时间没喝咖啡了，所以失眠了，于是起床读JVM规范，读完后在朋友圈发了一条信息： JVM Run-Time Data Areas：The Java Virtual Machine defines various run-time data areas that are used during execution of a program. So
  • android 网络 百合不是茶 网络
    android的网络编程和java的一样没什么好分析的都是一些死的照着写就可以了,所以记录下来  方便查找   ,  服务器使用的是TomCat   服务器代码;  servlet的使用需要在xml中注册 package servlet; import java.io.IOException; import java.util.Arr
  • [读书笔记]读法拉第传 comsci 读书笔记
          1831年的时候,一年可以赚到1000英镑的人..应该很少的...       要成为一个科学家,没有足够的资金支持,很多实验都无法完成       但是当钱赚够了以后....就不能够一直在商业和市场中徘徊......
  • 随机数的产生 沐刃青蛟 随机数
    c++中阐述随机数的方法有两种：   一是产生假随机数（不管操作多少次，所产生的数都不会改变）          这类随机数是使用了默认的种子值产生的，所以每次都是一样的。   //默认种子 for (int i = 0; i < 5; i++) { cout<<
  • PHP检测函数所在的文件名 IT独行者 PHP函数
    很简单的功能，用到PHP中的反射机制，具体使用的是ReflectionFunction类，可以获取指定函数所在PHP脚本中的具体位置。 创建引用脚本。 代码：   [php]   view plain copy // Filename: functions.php    <?php&nbs
  • 银行各系统功能简介 文强chu 金融
    银行各系统功能简介 　 业务系统 核心业务系统 业务功能包括：总账管理、卡系统管理、客户信息管理、额度控管、存款、贷款、资金业务、国际结算、支付结算、对外接口等 清分清算系统 以清算日期为准，将账务类交易、非账务类交易的手续费、代理费、网络服务费等相关费用，按费用类型计算应收、应付金额，经过清算人员确认后上送核心系统完成结算的过程 国际结算系
  • Python学习1(pip django 安装以及第一个project) 小桔子 pythondjangopip
        最近开始学习python,要安装个pip的工具。听说这个工具很强大，安装了它，在安装第三方工具的话so easy!然后也下载了，按照别人给的教程开始安装，奶奶的怎么也安装不上！ 第一步：官方下载pip-1.5.6.tar.gz, https://pypi.python.org/pypi/pip easy! 第二部：解压这个压缩文件，会看到一个setup.p
  • php 数组 aichenglong PHP排序数组循环多维数组
    1 php中的创建数组 $product = array('tires','oil','spark');//array()实际上是语言结构而不  是函数 2 如果需要创建一个升序的排列的数字保存在一个数组中，可以使用range()函数来自动创建数组 $numbers=range(1,10)//1 2 3 4 5 6 7 8 9 10 $numbers=range(1,10,
  • 安装python2.7 AILIKES python
    安装python2.7 1、下载可从 http://www.python.org/进行下载#wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz 2、复制解压 #mkdir -p /opt/usr/python #cp  /opt/soft/Python-2
  • java异常的处理探讨 百合不是茶 JAVA异常
    //java异常  /* 1，了解java 中的异常处理机制，有三种操作 a,声明异常  b,抛出异常  c,捕获异常 2，学会使用try-catch-finally来处理异常 3，学会如何声明异常和抛出异常 4，学会创建自己的异常   */   //2，学会使用try-catch-finally来处理异常  
  • getElementsByName实例 bijian1013 element
    实例1： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x
  • 探索JUnit4扩展：Runner bijian1013 java单元测试JUnit
            参加敏捷培训时，教练提到Junit4的Runner和Rule，于是特上网查一下，发现很多都讲的太理论，或者是举的例子实在是太牵强。多搜索了几下，搜索到两篇我觉得写的非常好的文章。         文章地址：http://www.blogjava.net/jiangshachina/archive/20
  • [MongoDB学习笔记二]MongoDB副本集 bit1129 mongodb
    1. 副本集的特性   1)一台主服务器(Primary),多台从服务器(Secondary)   2)Primary挂了之后，从服务器自动完成从它们之中选举一台服务器作为主服务器，继续工作，这就解决了单点故障，因此，在这种情况下，MongoDB集群能够继续工作   3)挂了的主服务器恢复到集群中只能以Secondary服务器的角色加入进来   2
  • 【Spark八十一】Hive in the spark assembly bit1129 assembly
    Spark SQL supports most commonly used features of HiveQL. However, different HiveQL statements are executed in different manners: 1. DDL statements (e.g. CREATE TABLE, DROP TABLE, etc.)
  • Nginx问题定位之监控进程异常退出 ronin47
    nginx在运行过程中是否稳定，是否有异常退出过？这里总结几项平时会用到的小技巧。 1. 在error.log中查看是否有signal项，如果有，看看signal是多少。 比如，这是一个异常退出的情况： $grep signal error.log 2012/12/24 16:39:56 [alert] 13661#0: worker process 13666 exited on s
  • No grammar constraints (DTD or XML schema).....两种解决方法 byalias xml
    方法一：常用方法   关闭XML验证 工具栏：windows => preferences => xml => xml files => validation => Indicate when no grammar is specified:选择Ignore即可。 方法二：（个人推荐） 添加 内容如下 <?xml version=
  • Netty源码学习-DefaultChannelPipeline bylijinnan netty
    package com.ljn.channel; /** * ChannelPipeline采用的是Intercepting Filter 模式 * 但由于用到两个双向链表和内部类，这个模式看起来不是那么明显，需要仔细查看调用过程才发现 * * 下面对ChannelPipeline作一个模拟，只模拟关键代码： */ public class Pipeline {
  • MYSQL数据库常用备份及恢复语句 chicony mysql
    备份MySQL数据库的命令，可以加选不同的参数选项来实现不同格式的要求。 mysqldump -h主机 -u用户名 -p密码 数据库名 > 文件 备份MySQL数据库为带删除表的格式，能够让该备份覆盖已有数据库而不需要手动删除原有数据库。 mysqldump -–add-drop-table -uusername -ppassword databasename > ba
  • 小白谈谈云计算--基于Google三大论文 CrazyMizzz Google云计算GFS
        之前在没有接触到云计算之前，只是对云计算有一点点模糊的概念，觉得这是一个很高大上的东西，似乎离我们大一的还很远。后来有机会上了一节云计算的普及课程吧，并且在之前的一周里拜读了谷歌三大论文。不敢说理解，至少囫囵吞枣啃下了一大堆看不明白的理论。现在就简单聊聊我对于云计算的了解。     我先说说GFS   &n
  • hadoop 平衡空间设置方法 daizj hadoopbalancer
    在hdfs-site.xml中增加设置balance的带宽，默认只有1M： <property>   <name>dfs.balance.bandwidthPerSec</name>     <value>10485760</value>     <description&g
  • Eclipse程序员要掌握的常用快捷键 dcj3sjt126com 编程
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。 曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可以那么勤奋，每天都孜孜不倦得
  • Android学习之路 dcj3sjt126com Android学习
    转自：http://blog.csdn.net/ryantang03/article/details/6901459 以前有J2EE基础，接触JAVA也有两三年的时间了，上手Android并不困难，思维上稍微转变一下就可以很快适应。以前做的都是WEB项目，现今体验移动终端项目，让我越来越觉得移动互联网应用是未来的主宰。 下面说说我学习Android的感受，我学Android首先是看MARS的视
  • java 遍历Map的四种方法 eksliang javaHashMapjava 遍历Map的四种方法
    转载请出自出处： http://eksliang.iteye.com/blog/2059996 package com.ickes; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Map.Entry; /** * 遍历Map的四种方式
  • 【精典】数据库相关相关 gengzg 数据库
    package C3P0; import java.sql.Connection; import java.sql.SQLException; import java.beans.PropertyVetoException; import com.mchange.v2.c3p0.ComboPooledDataSource; public class DBPool{
  • 自动补全 huyana_town 自动补全
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
  • jquery在线预览PDF文件，打开PDF文件 天梯梦 jquery
    最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。   核心代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
  • ViewPager刷新单个页面的方法 lovelease androidviewpagertag刷新
      使用ViewPager做滑动切换图片的效果时，如果图片是从网络下载的，那么再子线程中下载完图片时我们会使用handler通知UI线程，然后UI线程就可以调用mViewPager.getAdapter().notifyDataSetChanged()进行页面的刷新，但是viewpager不同于listview，你会发现单纯的调用notifyDataSetChanged()并不能刷新页面
  • 利用按位取反（~）从复合枚举值里清除枚举值 草料场 enum
    以 C# 中的 System.Drawing.FontStyle 为例。   如果需要同时有多种效果， 如：“粗体”和“下划线”的效果，可以用按位或（|） FontStyle style = FontStyle.Bold | FontStyle.Underline;   如果需要去除 style 里的某一种效果，
  • Linux系统新手学习的11点建议 刘星宇 编程工作linux脚本
    　　随着Linux应用的扩展许多朋友开始接触Linux，根据学习Windwos的经验往往有一些茫然的感觉：不知从何处开始学起。这里介绍学习Linux的一些建议。 　　一、从基础开始：常常有些朋友在Linux论坛问一些问题，不过，其中大多数的问题都是很基础的。例如：为什么我使用一个命令的时候，系统告诉我找不到该目录，我要如何限制使用者的权限等问题，这些问题其实都不是很难的，只要了解了 Linu
  • hibernate dao层应用之HibernateDaoSupport二次封装 wangzhezichuan DAOHibernate
    /** * <p>方法描述:sql语句查询 返回List<Class> </p> * <p>方法备注: Class 只能是自定义类 </p> * @param calzz * @param sql * @return * <p>创建人：王川</p> * <p>创建时间：Jul
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他