king_tt
king_tt

使用960网格系统(960 Grid System)设计网页

<!-- Feedsky FEED发布代码开始 --> 如果您喜欢这些文章，欢迎点击此处订阅本Blog <!-- FEED自动发现标记开始 --> <link title="RSS 2.0" type="application/rss+xml" href="http://feed.feedsky.com/softwave" rel="alternate"> <!-- FEED自动发现标记结束 --> Blog 订阅

<!--Google 468*60横幅广告开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--Google 468*60横幅广告结束-->

CSS框架已经出现很长时间了，关于这些框架的用处也被我们讨论了很多遍了。有人说，CSS框架不够先进，还有人说这些框架大大的节省了他们的开发时间。在此，我们将不再讨论这个问题。

前段时间，我了解到了CSS框架。经过对Malo、BluePrint和960做了实验对比后，我得出一个结论：我最喜欢960CSS框架。

本教程将解释这个框架的基本原理，这样你就可以用960来快速进入开发。（注：960网格系统官方网站点击进入）

基本原理

你必须知道一些基本原理来“学习这个框架是如何工作的”。你可以通过实验（或者是用firebug）来学习它，不过我也将会在这里为你介绍它。让我们开始吧。

不要编辑960.css文件

首先是一个小提示：不要编辑960.css文件，否则，将来你将不能更新这个框架。因为尽管我们需要布局我们的HTML，我们将创建一个独立的CSS文件。

加载网格

因为我们可以使用一个外部文件的CSS代码，我们必须在我们的HTML网站中加载它们，我们可以通过以下代码来实现：

  1. <linkrel=”stylesheet”type=”text/css”media=”all”href=”path/to/960/reset.css”/>

  3. <linkrel=”stylesheet”type=”text/css”media=”all”href=”path/to/960/960.css”/>

  5. <linkrel=”stylesheet”type=”text/css”media=”all”href=”path/to/960/text.css”/>

这些做好了之后，我们必须添加我们自己的CSS文件。例如，你可以叫这个文件为 style.css或 site.css或者其它任何名字。用下面代码引用这个文件：
  1. <linkrel=”stylesheet”type=”text/css”media=”all”href=”path/to/style.css”/>

容器

在960框架中，你可以选择名为.container_12和.container_16的两个容器class。他们都是960px的宽度（这就是为什么叫960），它们的不同是分的列数不同。.container_12被分割为12列，.container_16被分割为16列。这些960px宽的容器是水平居中的。

网格/列

有很多列宽可供选择，而且在这两个容器里，这些宽度也不相同。你可以通过打开960.css文件来查看这些宽度。但是这对于设计一个网站来说是不必要的。有一个小技巧可以让这个框架更加易用。

比如，你想要在你的容器里建两列（叫sidebar/content）。你可以这样做：

  1. <divclass="container_12">
  2. <divclass="grid_4">sidebar</div>
  3. <divclass="grid_8">maincontent</div>
  4. </div>

可以看到，你的第一列（grid_4）的数字加上第二列（grid_8）的数字正好是12。也就是说，你不必知道每一列的宽度，你可以选择列宽通过一些简单的数学计算。

如果我们要建一个4列的布局，代码可以是这样的：

  1. <divclass="container_12">
  2. <divclass="grid_2">sidebar</div>
  3. <divclass="grid_6">maincontent</div>
  4. <divclass="grid_2">photo’s</div>
  5. <divclass="grid_2">advertisement</div>
  6. </div>

正如你所看到的那样，这个系统依然很完美。但是如果你想使用嵌套的列的话，你会发现它是有问题的。比如，如果后面三列都属于content列：

  1. <divclass="container_12">
  2. <divclass="grid_2">sidebar</div>
  3. <divclass="grid_10">
  4. <divclass="grid_6">maincontent</div>
  5. <divclass="grid_2">photo’s</div>
  6. <divclass="grid_2">advertisement</div>
  7. </div>
  8. </div>

你会发现这错位了，不过不用着急，这正是我们下一节要说的。

间距

默认情况下，每列之间都有间距。每一个grid_（这里代表数字）class左右都有10个像素的间距。也就是说，两列之间，总共有20px的间距。

20px间距对创建一个有足够宽的空白间距的布局来说是很棒的，它可以让一切看起来很自然。这也是我喜欢使用960的原因之一。

在上面的例子中，我们遇到了个问题，现在我们就来解决它。

问题是，每一列都有左右边距。而嵌套的三列中，第一列和最后一列是不需要边距的，解决方法是：

  1. <divclass="container_12">
  2. <divclass="grid_2">sidebar</div>
  3. <divclass="grid_10">
  4. <divclass="grid_6alpha">maincontent</div>
  5. <divclass="grid_2">photo’s</div>
  6. <divclass="grid_2omega">advertisement</div>
  7. </div>
  8. </div>

我们可以简单的添加”alpha“样式来去掉左边的间距，添加“omega”样式来去除右边的间距。这样我们刚刚创建的这个例子在任何浏览器里面就很完美了（当然包括IE6）。

样式

好了，你现在已经完全了解如果用960框架来创建一个网格布局的基本原理了。当然，我们也可以添加一些样式到我们的布局中。

  1. <divclass="container_12">
  2. <divid="sidebar"class="grid_2">sidebar</div>
  3. <divid="content"class="grid_10">
  4. <divid="main_content"class="grid_6alpha">maincontent</div>
  5. <divid="photo"class="grid_2">photo’s</div>
  6. <divid="advertise"class="grid_2omega">advertisement</div>
  7. </div>
  8. </div>

因为CSS使用特性来确定哪一个样式声明具有高于其它样式的优先级。”id“比class更重要。

用这种方法，我们可以在自己的文件中重写那些被class设定的规则（比如宽度，padding，边框等）。


补充

以下是我做的一个简单的测试页面，代码如下：

  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  5. <title>TESTPage</title>
  6. <linkhref="css/960.css"rel="stylesheet"type="text/css"/>
  7. <linkhref="css/reset.css"rel="stylesheet"type="text/css"/>
  8. <linkhref="css/text.css"rel="stylesheet"type="text/css"/>
  9. </head>
  11. <body>
  12. <divclass="container_16">
  13. <divclass="grid_8"style="background-color:#FF0000">
  14. <divclass="grid_6omega"style="background-color:#0000FF">0</div>
  15. <divclass="grid_2omega"style="background-color:#FF00FF">00</div>
  16. </div>
  17. <divclass="grid_4"style="background-color:#00FF00">a</div>
  18. <divclass="grid_2"style="background-color:#666666">b</div>
  19. <divclass="grid_2"style="background-color:#666666">c</div>
  20. </div>
  21. </body>
  22. </html>

以下是960官方的实例文档，可以看看它的网格是如何写的：

  1. <!--2009-From-http://travisisaacs.com/-->
  2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <htmlxmlns="http://www.w3.org/1999/xhtml"dir="ltr"lang="en-US">
  4. <headprofile="http://gmpg.org/xfn/11">
  5. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
  6. <title>TravisIsaacs|MyLifeInPixels</title>
  7. <metaname="keywords"content="photoshop,wordpress,userexperience,ux,uxd,ixd,interactiondesigner,interactiondesign,keynote,powerpoint,xhtml,css,webdesign,mac,timemachine,superduper,backup,aperture,canon,40d,viewzi,viewmix,views,lensrentals,lensrentals.com,infinitescrolling,cameralensrentaldallas"/>
  8. <linkrel="stylesheet"href="http://css.travisisaacs.com/2009/style.css"media="all"/>
  9. <!--[ifIE]>
  10. <linkrel="stylesheet"href="http://css.travisisaacs.com/2009/ie.css"media="all"/>
  11. <![endif]-->
  12. <linkrel="alternate"type="application/rss+xml"title="TravisIsaacs|MyLifeInPixelsRSSFeed"href="http://travisisaacs.com/feed/"/>
  13. <linkrel="pingback"href="http://travisisaacs.com/xmlrpc.php"/>
  14. <linkrel="shortcuticon"href="http://travisisaacs.com/favicon.ico"/>
  15. </head>
  16. <bodyid="TheIsaacsFamilyChristmasCard">
  17. <divid="header">
  18. <divclass="container_12">
  19. <ahref="http://travisisaacs.com"id="return-home"title="Gobacktothehomepage">Thework<spanclass="amp">&</span>thoughtsof<strong>TravisB.Isaacs</strong></a>
  20. <ulid="navigation">
  21. <liid="tab-work"><ahref="http://travisisaacs.com/work/">Work</a></li>
  22. <liid="tab-blog"><ahref="http://travisisaacs.com/thoughts/">Thoughts</a></li>
  23. <liid="tab-photography"><ahref="http://travisisaacs.com/photography/">Photography</a></li>
  24. <liid="tab-about"><ahref="http://travisisaacs.com/about/">About</a></li>
  25. <liid="tab-contact"><ahref="http://travisisaacs.com/contact/">Contact</a></li>
  26. <liid="tab-search"><scripttype="text/javascript"language="Javascript"src="http://vfp.viewzi.com/includes/879F-4A21-011D.js"></script></li>
  27. </ul>
  29. </div>
  30. </div>
  31. <divclass="ie-center"><!--closedinfooter-->
  32. <divclass="container_12">
  34. <divid="super">
  35. <h1>Hello.I'm<ahref="http://travisisaacs.com/about/">TravisIsaacs</a>,andIdesigngreatuserexperiences.</h1>
  36. </div>
  37. <divid="content">
  38. <divid="recent-post"class="grid_8alpha">
  39. <divclass="post">
  40. <h2>
  41. <ahref="http://travisisaacs.com/2008/12/13/the-isaacs-family-christmas-card/"rel="bookmark"title="PermanentLinktoTheIsaacsFamilyChristmasCard">
  42. TheIsaacsFamilyChristmasCard</a>
  43. </h2>
  44. <divclass="post-date">
  45. Dec13th//
  46. <spanclass="comment-count">
  47. 11comments</span>
  48. </div>
  49. <p>WhenplanningourfamilyChristmascardthisyear,mywifeandIdiscusstheoptionofhiringaprofessionalphotographertotakephotosofourdaughter.However,wethoughtitwouldbemuchmorefunandrewardingtodoitourselves.</p>
  50. <ahref="http://travisisaacs.com/2008/12/13/the-isaacs-family-christmas-card/"rel="bookmark"title="PermanentLinktoTheIsaacsFamilyChristmasCard"><strong>Keepreading»</strong></a>
  51. </div><!--/post-->
  53. </div><!--/recent-post-->
  54. <divid="recent-work"class="grid_4omega">
  55. <divclass="m_group"id="hello">
  56. <p>I'mTravisIsaacs,adesignerwhodabblesincode,informationarchitecture,andinteractiondesign.<ahref="http://travisisaacs.com/about/">Moreaboutme</a></p>
  57. </div>
  58. <ahref="http://travisisaacs.com/feed/"id="subscribe">Subscribe</a>
  59. </div>
  60. <divclass="clear"></div>
  61. <h2>FeaturedWork</h2>
  62. <ahref="http://travisisaacs.com/work/projects/tattoo-information-form/"id="featured-work-img"title="Viewthisproject">
  63. <imgsrc="http://img.travisisaacs.com/2009/featured-work-large.jpg"alt="featuredwork:tattoinformationsheet"/>
  64. </a>
  65. <divclass="clear"></div>
  66. </div><!--/content-->
  68. <divclass="clear"></div>
  70. </div><!--/container12-->
  71. <divclass="clear"></div>
  72. <divclass="clear"></div>
  73. <divid="footer"class="container_12">
  74. <ul>
  75. <li><ahref="http://travisisaacs.com">Home</a></li>
  76. <li><ahref="http://travisisaacs.com/work/">Work</a></li>
  77. <li><ahref="http://travisisaacs.com/thoughts/">Thoughts</a></li>
  78. <li><ahref="http://travisisaacs.com/photography/">Photography</a></li>
  79. <li><ahref="http://travisisaacs.com/about/">About</a></li>
  80. <li><ahref="http://travisisaacs.com/contact/">Contact</a></li>
  81. </ul>
  83. <divclass="copyright">©2008TravisIsaacs.AllRightsReserved.</div>
  84. </div>
  85. </div><!---/ie-center-->
  86. <scripttype="text/javascript">
  87. vargaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");
  88. document.write(unescape("%3Cscriptsrc='"+gaJsHost+"google-analytics.com/ga.js'type='text/javascript'%3E%3C/script%3E"));
  89. </script>
  90. <scripttype="text/javascript">
  91. try{
  92. varpageTracker=_gat._getTracker("UA-703764-4");
  93. pageTracker._trackPageview();
  94. }catch(err){}</script>
  95. <!--WoopraCodeStart-->
  96. <scripttype="text/javascript">
  97. var_wh=((document.location.protocol=='https:')?"https://sec1.woopra.com":"http://static.woopra.com");
  98. document.write(unescape("%3Cscriptsrc='"+_wh+"/js/woopra.js'type='text/javascript'%3E%3C/script%3E"));
  99. </script>
  100. <!--WoopraCodeEnd-->
  101. </body>
  102. </html>



<!--新Google 468*60横幅广告开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 创建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468*60横幅广告结束-->

<!--新Google 468x15 横链接单元开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 横链接单元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468x15 横链接单元结束-->

<!-- Google Reader shared发布代码开始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->

你可能感兴趣的:(System)

  • 在NET6项目中报错，未能在命名空间System.Data.SqlClient中找到类型名SqlCommand，解决办法 luckyext c#后端.netvisualstudioasp.netsql前端
    在NET6项目中报错，未能在命名空间System.Data.SqlClient中找到类型名SqlCommand问题：NET6项目编译时报错如下未能在命名空间“System.Data.SqlClient”中找到类型名“SqlCommand”。此类型已转发到程序集“System.Data.SqlClient,Version=0.0.0.0,Culture=neutral,PublicKeyToken=
  • 摄像头技术OpenCV yzx991013 计算机视觉项目机器学习人工智能python
    进一步添加功能：运动检测、调整亮度对比度、截图时添加日期水印、保存视频时可选择不同编码格式完整代码：importcv2importtimeimportdatetimedefcamera_system():#打开摄像头cap=cv2.VideoCapture(0)ifnotcap.isOpened():print("无法打开摄像头")return#获取摄像头的宽度和高度frame_width=int
  • 《Operating System Concepts》阅读笔记：p359-p388 操作系统
    《OperatingSystemConcepts》学习第32天，p359-p388总结，总计30页。一、技术总结1.paging(1)定义Acommonmemorymanagementschemethatavoidsexternalfragmentationbysplittingphysicalmemoryintofixed-sizedframesandlogicalmemoryintoblock
  • VMware ESXi 8.0U3d 发布下载 - 领先的裸机 Hypervisor esxi
    VMwareESXi8.0U3d-领先的裸机Hypervisor同步发布Dell(戴尔)、HPE(慧与)、Lenovo(联想)、IEITSYSTEMS(浪潮信息)、Cisco(思科)、Fujitsu(富士通)、Hitachi(日立)、NEC(日电)、Huawei(华为)、xFusion(超聚变)OEM定制版请访问原文链接：https://sysin.org/blog/vmware-esxi-8-u
  • 《Operating System Concepts》阅读笔记：p389-p407 操作系统
    《OperatingSystemConcepts》学习第33天，p389-p407总结，总计19页。一、技术总结1.virtualmemeory(1)定义Atechniquethatallowstheexecutionofaprocessthatisnotcompletelyinmemory.Also,separationofcomputermemoryaddressspacefromphysic
  • ==操作符、equals方法和hashcode是什么？它们之前有什么区别？ 小九没绝活 Java基础java开发语言java-ee
    在Java中，==、equals()和hashCode()是用于对象比较和哈希管理的核心机制，但它们的作用和适用场景有本质区别。以下是它们的详细说明和对比：一.==操作符作用基本数据类型：比较两个变量的值是否相等对象引用：比较两个对象的内存地址是否相同（即是否指向同一个对象）特点不可重写直接基于底层内存或值进行比较示例inta=10;intb=10;System.out.println(a==b)
  • C# 零基础入门篇(19.DateTime 使用指南) think__deeply c#开发语言visualstudio
    ##一、概述`DateTime`是C#中用于表示日期和时间的结构，位于`System`命名空间中。它提供了丰富的属性和方法，用于处理日期和时间的创建、格式化、比较和计算。##二、创建DateTime对象###（一）使用默认构造函数```DateTimenow=DateTime.Now;//获取当前日期和时间DateTimetoday=DateTime.Today;//获取当前日期，时间为00:00
  • OSWorld：开启多模态智能体的真实计算机环境革命 几道之旅 人工智能智能体及数字员工人工智能
    OSWorld：开启多模态智能体的真实计算机环境革命在人工智能技术突飞猛进的今天，多模态智能体正逐步突破实验室的限制，试图融入人类的日常工作场景。然而，如何评估这些智能体在真实计算机环境中处理开放式任务的能力，成为学术界和产业界共同关注的难题。2024年，由xlang-ai团队开发的OSWorld（Open-endedSystemWorld）应运而生，为这一领域提供了突破性的解决方案。一、从虚拟到
  • UdpClient 呆呆敲代码的小Z c#
    Socket实现Udp的发送和接收usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Linq;usingSystem.Net;usingSystem.Net.Sockets;usingSystem.Text;u
  • 近期docker镜像加速器被封杀，需要的请看此内容 点赞加关注 加油干sit！ dockerdocker
    {“registry-mirrors”:[“https://docker.m.daocloud.io”],“insecure-registries”:[“harbor.sunya.com”],“exec-opts”:[“native.cgroupdriver=systemd”],“data-root”:“/data/docker”,“log-driver”:“json-file”,“log-opt
  • LangChain使用Prompt02 科研小达人 langchain前端
    1.设置提示fromlangchain.promptsimportChatPromptTemplateprompt_template=ChatPromptTemplate.from_messages([("system","你是一位专业的翻译，能够将{input_language}翻译成{output_language}，并且输出文本会根据用户要求的任何语言风格进行调整。请只输出翻译后的文本，不要
  • langchain多人对话 牛不才 000-大模型langchainjava前端AIGCchatgpt人工智能gpt
    消息类型1.SystemMessage（系统消息）作用：设定AI的基础行为模式或对话背景，通常在对话开始时通过此消息定义角色。它对整个对话流程有指导性影响，但不会显式出现在对话历史中。特点：仅有一条生效（如多次发送会覆盖之前的设定）不参与多轮对话的内容传递2.HumanMessage（用户消息）作用：表示真实用户在对话中的输入内容，是用户与模型交互的直接信息。特点：必须按时间顺序排列内容直接影响模
  • Java方法详解 NaclarbCSDN java开发语言
    Java方法详解方法基本概念 packagecom.arbedu.method; ​ publicclassDemo01{   //main方法   publicstaticvoidmain(String[]args){     inta;     intb;     intsum=add(1,2);//实际参数，用来调用传递的参数     System.out.println(sum);    
  • 编程提示异常就不用挨个度娘了——Python初识必备 爱码小士 Python网络爬虫机器学习web开发人工智能
    相信对于很多小白，新手对一些异常提示，都不一定明白其含义，所以给大家整理了这样一份中英对照表，对大家一定有所帮助，当然最好都能熟记于心，这样就不用再去一个个度娘了，觉得这个表不错就点个赞加转发吧，文末更多福利异常名称描述BaseException所有异常的基类SystemExit解释器请求退出KeyboardInterrupt用户中断执行(通常是输入^C)Exception常规错误的基类StopI
  • ### 深入解析：如何构建三角形并求解自顶向下的最小路径和 的基础—（构建三角形） 小学仔 leetcode动态规划java算法
    ####一、问题分析给定一个三角形`triangle`，要求找出自顶向下的最小路径和。每次移动只能到下一行相邻的节点（当前下标`i`或`i+1`）。例如，三角形如下时：```2346574183```####二、代码框架搭建#####1.输入处理与三角形构建```javaScannersc=newScanner(System.in);List>triangle=newArrayListrow=ne
  • 数据类型和变量 墨香染城城 java
    1.字面常量常量即程序运行期间，固定不变的量称为常量，比如：一个礼拜七天，一年12个月等。publicclassDemo{publicstaticvoidmain(String[]args){System.Out.println("helloworld!");System.Out.println(100);System.Out.println(3.14);System.Out.println('A
  • Java是值传递 先睡 python开发语言
    Java中的参数传递始终是值传递（passbyvalue）。无论是基本数据类型还是对象类型，传递给方法的是变量值的副本，而非变量本身。以下是对这一概念的详细解析：1.基本数据类型的值传递传递机制：传递的是变量的值副本，方法内的修改不影响原始变量。voidmodify(intnum){num=10;//修改的是副本，原变量不受影响}inta=5;modify(a);System.out.printl
  • Java注解 陈陈爱java java开发语言
    java基本注解注解注解与注释的区别注释：增强代码的可阅读性，并不会对程序的执行产生任何影响。注解：给编译器或运行时环境提供额外的信息，能够影响程序的编译或运行行为。常见注解@Override明确标记一个方法是覆盖（重写）了父类中的方法。classAnimal{voidmakeSound(){System.out.println("Animalmakesasound");}}classDogext
  • stm32软件闹钟 weixin_58595117 stm32嵌入式硬件单片机
    其实不是stm32啦，因为stm32流量高，这是一个通用的软件闹钟（软件实现的当然通用哈）。实现10个闹钟，需要mcu提供时间获取函数，1分钟定时检查调用，以及flash读写函数（用来掉电不丢失闹钟信息）。rtc_alarm.c#include"rtc_alarm.h"#include"debug.h"#include#include"system/includes.h"#defineDBG(fo
  • DeepSeek 3FS 与 JuiceFS：架构与特性比较 运维人工智能
    近期，DeepSeek开源了其文件系统Fire-FlyerFileSystem(3FS)，使得文件系统这一有着70多年历时的“古老”的技术，又获得了各方的关注。在AI业务中，企业需要处理大量的文本、图像、视频等非结构化数据，还需要应对数据量的爆炸式增长，分布式文件系统因此成为AI训练的关键存储技术。本文旨在通过深入分析3FS的实现机制，并与JuiceFS进行对比，以帮助用户理解两种文件系统的区别及
  • 自定义Spark启动的metastore_db和derby.log生成路径 节昊文 spark大数据分布式
    1.进入安装spark目录的conf目录下2.复制spark-defaults.conf.template文件为spark-defaults.conf3.在spark-defaults.conf文件的末尾添加一行：spark.driver.extraJavaOptions-Dderby.system.home=/log即生成的文件存放的目录
  • 《Operating System Concepts》阅读笔记：p354-p358 操作系统
    《OperatingSystemConcepts》学习第31天，p354-p358总结，总计5页。一、技术总结1.logicaladdress&virtualaddressBindingaddressesateithercompileorloadtimegeneratesidenticallogicalandphysicaladdresses.However,theexecution-timead
  • 《Operating System Concepts》阅读笔记：p331-p353 操作系统
    《OperatingSystemConcepts》学习第30天，p331-p353总结，总计23页。一、技术总结1.lockdep工具2.claimedge3.banker'salgorithmAdeadlockavoidancealgorithm,lessefficientthantheresource-allocationgraphschemebutabletodealwithmultiple
  • Liunx 删除 /boot 恢复方法 IT 敲你鸡娃 linux
    用公网的包（1）进入救援模式将CentOS7.9安装DVD插入光驱，设置计算机从DVD启动。不同计算机进入BIOS/UEFI设置启动顺序的方式不同，常见的有按Del、F2、F10等键。在启动界面选择Troubleshooting（故障排查）选项。接着选择RescueaCentOSsystem（救援CentOS系统）。等待系统加载相关文件，加载完成后，按提示选择Continue，系统会自动将原系统挂
  • Unity AssetBundles资源加载管理器 @M_J_Y@ unity基础小框架unity游戏引擎c#
    UnityAssetBundles资源加载管理器实现了AB包管理器目的:让外部更方便地进行资源加载(同步加载/异步加载)技术包含：AB包相关API单例模式委托(Lambda)表达式协程字典AssetBundles工具下载地址usingSystem.Collections;usingSystem.Collections.Generic;usingUnity.VisualScripting;using
  • 将Docker添加到root用户中，在使用Docker时无需再使用sudo yin_yao ubuntulinuxdocker
    1、创建docker组（如果docker用户组已存在，请跳过此步骤）：sudogroupadddocker2、将用户添加到docker组：sudogpasswd-a${USER}docker3、重启docker服务：sudosystemctlrestartdocker4、切换到root用户，然后再切换回普通用户：surootsu${USER}完成以上四步后，再输入docker命令就不需要再加sud
  • Centos 7拯救boot下的文件 IT小饕餮 linux基础centoslinux运维
    1.进入救援模式插入CentOS7安装光盘，重启系统。在开机时按BIOS设置对应的按键（通常是F2等），将启动顺序调整为CD-ROM优先。系统从光盘启动后，选择“Troubleshooting”，然后选择“RescueaCentOSsystem”，按提示选择语言等设置，进入救援模式。系统会提示你如何挂载现有的系统，选择“Continue”选项，系统会将你的现有系统挂载到/mnt/sysimage目
  • nextLine()消耗行的技巧 迈克尔龙 javaSEjava开发语言
    publicstaticvoidmain(String[]args){Scannerscanner=newScanner(System.in);//输入一个整数System.out.print("请输入一个数字:");intnumber=scanner.nextInt();//消耗掉换行符scanner.nextLine();//这一行很重要，因为nextInt()方法不会消耗掉换行符//输入一行
  • 大数据开发之Kubernetes篇----安装部署Kubernetes&dashboard 豆豆总 kubernetes
    Kubernetes简介由于公司有需要，需要将外后的服务外加Tensorflow模型部署加训练全部集成到k8s上，所以特意记录下这次简单部署的过程。k8s安装部署首先，我们在部署任何大型的组件前都必须要做的事情就是关闭防火墙和设置hostname了vi/etc/hostsk8s001xxx.xxx.xxx.xxk8s002xxx.xxx.xxx.xx...systemctlstopfirewall
  • redis长时间未请求，无法自动重连，报异常org.springframework.data.redis.RedisSystemException 小池先生 redis数据库缓存
    org.springframework.data.redis.RedisSystemException:Redisexception;nestedexceptionisio.lettuce.core.RedisException:io.netty.channel.unix.Errors$NativeIoException:readAddress(..)failed:Connectionresetb
  • 数据采集高并发的架构应用 3golden .net
    问题的出发点：          最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。       &n
  • 不停止 MySQL 服务增加从库的两种方式 brotherlamp linuxlinux视频linux资料linux教程linux自学
    现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。  一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
  • Quartz——SimpleTrigger触发器 eksliang SimpleTriggerTriggerUtilsquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；   二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
  • Informatica应用（1） 18289753290 sqlworkflowlookup组件Informatica
    1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置 （比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
  • python 获取图片验证码中文字 酷的飞上天空 python
    根据现成的开源项目 http://code.google.com/p/pytesser/改写 在window上用easy_install安装不上  看了下源码发现代码很少  于是就想自己改写一下   添加支持网络图片的直接解析   #coding:utf-8 #import sys #reload(sys) #sys.s
  • AJAX 永夜-极光 Ajax
    1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
  • 创业OR读研 随便小屋 创业
            现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。                研一的生活刚刚过去两个月，我们学校主要的是
  • 需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
            这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。        系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
  • 如何定义和区分高级软件开发工程师 aoyouzi
    在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。 　　初
  • Servlet的请求与响应 百合不是茶 servletget提交java处理post提交
      Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介     1,Http的请求方式(get  ,post);   客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法,  http的get方式 servlet就是都doGet(
  • web.xml配置详解之listener bijian1013 javaweb.xmllistener
    一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener>   二.作用        该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
  • Web页面性能优化（yahoo技术） Bill_chen JavaScriptAjaxWebcssYahoo
    1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
  • 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
    游标   游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括 声明 打开 循环抓去一定数目的文档直到结果集中的所有文档已经抓取完 关闭游标   游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
  • ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法 白糖_ ORA-12514
    今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息：   # listener.ora Network Configuration File: D:\database\Oracle\net
  • Eclipse 问题 A resource exists with a different case bozch eclipse
    在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
  • 编程之美-小飞的电梯调度算法 bylijinnan 编程之美
    public class AptElevator { /** * 编程之美 小飞 电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
  • SQL注入相关概念 chenbowen00 sqlWeb安全
    SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。 具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。 首先让我们了解什么时候可能发生SQ
  • [光与电]光子信号战防御原理 comsci 原理
          无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?       我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下       根据光
  • oracle 11g新特性:Pending Statistics daizj oracledbms_stats
    oracle 11g新特性:Pending Statistics 转 从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。 在 11g 之前的版本中，D
  • 快速理解RequireJs dengkane jqueryrequirejs
    RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能： 声明不同js文件之间的依赖 可以按需、并行、延时载入js库 可以让我们的代码以模块化的方式组织 初看起来并不复杂。 在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
  • C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
  • dictionary的使用要注意 dcj3sjt126com IO
    NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
  • Android 中的资源访问(Resource) finally_m xmlandroidStringdrawablecolor
    简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。 在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
  • Spring使用Cache、整合Ehcache 234390216 springcacheehcache@Cacheable
    Spring使用Cache            从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
  • 当druid遇上oracle blob(clob) jackyrong oracle
    http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。 在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】 用Druid连接池，通过JDBC往Oracle数据库的
  • easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
    var grid = $('#datagrid');  var options = grid.datagrid('getPager').data("pagination").options;  var curr = options.pageNumber;  var total = options.total;  var max =
  • 浅析awk里的数组 nigelzeng 二维数组array数组awk
    awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。   有这么一组数据：   abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
  • 搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
    安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
  • Spring 数据库连接整理 tomcat_oracle springbeanjdbc
    1、数据库连接jdbc.properties配置详解 　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举 　　接下来，详细配置代码如下： 　　 Spring连接池    
  • Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
    用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错      异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常       导入包 jaxen-1.1-beta-6.jar 解决; &nb
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他