SB_Hunter
SB_Hunter

HTML5大前端学习过程第二周（Day06）

2020年2月17日
今天访问量破万了，非常开心，在这里Hunter我谢谢大家的支持，给了我坚持下去的动力，让我知道了有人看，所以我会一直更新下去的。

一. 本节课学习目标。

  1. 掌握盒模型的结构。
  2. 掌握盒模型的宽高计算方式。
  3. 掌握CSS的引入方式。
  4. 掌握通配选择器的用法。
  5. 通过盒模型编写百度首页。

二. 盒模型的结构。

  1. 盒模型简介。
    HTML元素在网页中进行呈现的，都是呈现的一个盒子结构的形式，所以称为盒模型（box model）。
    注意：我们的每一个html元素都有盒模型结构，比如：div，p，a，span，em，strong等等。
  2. 盒模型组成部分。
    2.1 内容区域，width和height。
    记住：只要width和height的值不改，那内容区域的大小就不会更改。
    2.2 内填充padding。
    记住：内填充是在边框内部的，设置的是边界和内容的距离。
    2.3 边框border。
    记住：边框可以灵活设置四个方向。
    2.4 外间距margin.
    记住：外间距是在边框以外的，用来调整的是元素的位置。
  3. 如何实现一个块元素水平居中？
    实现方式：给该元素添加margin：0 auto;属性即可。
    Auto属性作用到margin-left以及margin-right上。
    计算方式： margin-left = margin-right = (浏览器宽度 – 当前元素的宽度) / 2
    前提：元素的宽度必须是已知确定的。

代码块：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒模型</title>
		<style type="text/css">
			.box {
     
				background-color: yellow;
				/* 决定网页上能够显示内容的区域。 */
				width: 800px;
				height: 200px;
				/* 内填充（边框里面的，设置边框和内容的距离） */
				padding-left: 100px;
				/* 边框 border */
				border-left: 1px solid red;
				/* 外间距 margin */
				/* 第一个值：上下   第二个值：左右 auto（自动） */
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<div class="box">
			昨天最好的表现就是今天最低的要求。
		</div>
	</body>
</html>

三. 盒模型的宽高计算方式。

  1. 盒模型的宽。
    盒模型的宽度 = 左间距 + 左边框宽度 + 左填充 + 内容区域宽度 + 右填充 + 右边框宽度 + 右间距
    盒模型的宽度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right。
  2. 盒模型的高。
    盒模型的高度 = 上间距 + 上边框宽度 + 上填充 + 内容区域高度 + 下填充 + 下边框宽度 + 下间距
    盒模型的高度 = margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom。

四. 盒模型练习-映纷创意顶部。
效果图：在这里插入图片描述

布局时： 如果一块区域内存在多个元素（2个以上，包含2个），此时为了更好的布局，可以考虑使用div进行嵌套管理。

HTML5大前端学习过程第二周（Day06）_第1张图片
嵌套部分代码块：

<body>
		<!-- 整个html结构 -->
		<div class="top">
			<img src="img/title2.png">
			<div class="nav">
				<a href="" id="first">HOME</a>
				<a href="">WORK</a>
				<a href="">CONTACT</a>
				<a href="">JOIN US</a>
			</div>
		</div>
	</body>

注：
调整距离的秘诀：
1.如果想调整相邻兄弟元素的距离。
margin外间距 margin-top,margin-bottom,margin-left,margin-right
2.如果想调整父子元素的距离。
padding内填充 padding-top,padding-bottom,padding-left,padding-right
想调整padding，一定要作用到外层的div上。

五. CSS的引入方式。

  1. css内部引入方式。
    1.1 实现方式：
    第一步：在html文件的head标签中，添加上一对style标签。
    第二步：在style标签中添加css代码。
    1.2 优点:
    a. css写起来比较方便。
    b. css查找也比较方便。
    1.3 缺点：
    a. 不符合网页开发规范，html和css分离（结构和样式分离）。
    b. Css样式不能复用。
    1.4 使用场景：
    网页比较小/课堂代码/测试。

  2. Css外部引入方式。
    2.1 实现方式：
    a. 在当前工程中新建一个单独的css文件。
    b. 在css文件中写css代码，记住：不需要再添加sytle标签。
    c. 在html文件中的head标签中，通过link标签引入外部的css文件，建立关联。
    2.2 优点：
    a. 符合网页开发的规范，能够实现结构和样式的分离。
    b. Css能够复用。
    2.3 缺点:
    a.不方便查找和修改。
    2.4 使用场景。
    中大型网页。
    其中link标签代码块：

<link rel="stylesheet" type="text/css" href="css/index.css"/>

href属性放要用的css样式格式的css文件地址。

  1. CSS内联式。
    3.1 实现方式：
    a.在标签的开始标签中，添加style属性， 格式：style=”css样式”
    3.2 优点：
    a. 写起来方便，而且优先级比较高。
    内联式 > 内部（外部）
    3.3 缺点：
    a. 不能复用。
    b. 不符合网页开发规范。
    3.4 使用场景：
    当你通过内部引入的方式或者外部引入的方式，设置的css代码没有效果时（可能就是遇到了优先级不够高的问题），此时可以将css代码写在标签中。
    内联式代码块：
<p class="light" style="color: blue;background-color: red;">床前明月光，疑是地上霜。</p>

六. 通配选择器。
作用：

  1. 用来匹配到所有的标签元素。 *：div，p，h1~h6,a等等。
  2. 将所有的标签元素自带的样式清除掉。 Margin:0; padding:0;
    用法： * { css样式 }
    通配选择器格式代码块：
	* {
     
		/* 清除所有元素自带的间距和填充 */
		margin: 0;
		padding: 0;
	}

七. 百度首页。

  1. Ps的用法。
    1.1 使用ps打开一个图片或者psd设计图。
    1.2 快捷方式；
    a. 如何将图片放大缩小。 Alt+鼠标滚轮。
    b. 可以按住空格键，加鼠标左键，移动图片位置。
    1.3 如何通过ps量取尺寸。
    a. 找到ps菜单栏中的窗口，勾选菜单中的信息。
    b. 修改尺寸单位，修改为像素px。方法： 找到信息面板的右上角，点击，点击之后选择面板选项，将第三个标尺单位，改为像素单位。
    c. 找到ps工具栏中选框工具。
    HTML5大前端学习过程第二周（Day06）_第2张图片
    d. 通过拉取选框，识别对应的尺寸即可。
    e. 手残党请注意：如果无法直接量取准确尺寸，可以先拉个框，然后右击变换选区，通过编辑状态调整准确尺寸。 记住：识别到准确尺寸后，要退出编辑状态，按回车即可。
    1.4 如何识别颜色。
    a.找到ps工具栏的前景色工具。
    HTML5大前端学习过程第二周（Day06）_第3张图片
    b.点击之后，出来拾色器吸管，吸管点击任何一个位置，即可吸取对应的颜色。
    c.将对应的颜色值，复制即可。
    HTML5大前端学习过程第二周（Day06）_第4张图片
    d.复制完颜色值之后，记得一定要在前面添加#。

百度首页的代码网址链接：
https://blog.csdn.net/SB_Hunter/article/details/104328487

百度首页总结。
知识点1：完整的网页的布局顺序。

  1. 先对网页整体的区域进行划分，划分为多个div区域。
  2. 对每一块区域进行上色（宽，高，背景颜色），依次调整间距，做出实际的布局效果。
  3. 单独去布局每一块区域的内容（按照1,2,3步骤）。
  4. Css属性
    a) 盒模型相关的属性：margin，padding，border，width，height。
    b) 文本相关的属性：color,font-size,line-height,font-family,text-dercoration,letter-sacing等
    c) 处理新问题：display: inline-block; vertical-align：top;

知识点2：间隙问题的处理？

  1. Html元素自带的间隙问题。
    解决方案：添加通配选择器,清除元素自带的盒模型结构。
    *{ margin:0； pading：0；}
  2. 行属性标签以及行内块属性自带间隙问题。
    解决方式1：将分行写的代码放置在同一行写。
    解决方式2：
    a. 将所有的行元素放置在一个div中。
    b. 给div设置字体大小为0的属性。
    c. 将行元素字体设置为想要的字体大小。
    解决方式3：浮动。
  3. 图片对齐方式的问题。
    解决方案：给图片添加vertical-align属性，默认值是baseline基线对齐，只需要给上其他值即可。 Vertical-align: top | middle | bottom；

你可能感兴趣的:(笔记,css,html,html5)

  • js，scss常用的方法 javascriptcss
    获取网页参数functiongetExtraDataByKey(key){varparams={},query=window.location.search.substring(1),arr=query.split('&'),rt;if(arr&&Array.isArray(arr)){arr.forEach(function(item,i){vartmp=item.split('='),key=
  • Java语言基础 关键字与保留字 鹿人甲丁 javajava
    关键字(keyword)的定义和特点定义：被Java语言赋予了特殊含义，用做专门用途的字符串（单词）特点：关键字中所有字母都为小写官方地址：https://docs.oracle.com/javase/tutorial/java/nutsandbolts/_keywords.html用于定义数据类型的关键字classinterfaceenumbyteshortintlongfloatdoublec
  • AI Coding，亦或 AI for Coding？ 编程语言
    Go+编程语言创始人、七牛云创始人兼CEO许式伟，中国科学院软件研究所PLCT实验室负责人、建立中国RISC-V生态的甲辰计划主理人吴伟，专注RISC-V编译器和硬件笔记本开发的鉴释科技联合创始人兼CEO梁宇宁聚首2024IDEA大会，从软件与硬件的双重视角，剖析大模型时代，编程语言的软硬件发展机会。IDEA研究院基础软件中心负责人张宏波主持这场讨论。基础软件行业的变革之所以显著，是因为它紧随人机
  • 5分钟内理解 .prototype 链 | 2024
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。作为JavaScript继承模型的基石,理解原型对于构建大型应用或进行对象操作至关重要。让我们一起探索这个迷人的话题,揭开原型系统的神秘面纱。什么是原型?在JavaScript中,每个对象都有一个内部属性[[Prototype]]。这个属性
  • Android gradle 依赖树变化监控实现（gradle dependency tree change）
    前言这篇文章，其实在一年之前的时候就已经写好了。当时是在公司内部分享的，作为一个监控框架。当时是想着过一段时间之后，分享到技术论坛上面的，没想到计划赶不上变化，过完国庆被裁了。当时忙着找工作，就一直没有更新了，放在笔记里面吃灰。最近，发现好久没有分享技术文章了，从笔记里面找了一下，就拿来分享了。在项目开发中，会有很多第三方依赖，通过gradle引入进来的。比如androidxDesignVersi
  • Redis缓存 小笨猪- Redis缓存redis数据库分布式
    概念核⼼思路就是把⼀些常⽤的数据放到触⼿可及(访问速度更快)的地⽅,⽅便随时读取.速度快的设备,可以作为速度慢的设备的缓存(CPU寄存器>内存>硬盘>网络)最常见的是,使用内存作为硬盘的缓存硬盘也可以作为网络的缓存,浏览器的缓存浏览器通过http/https从服务器上获取到数据(html,css,js,图片,视频...),像图片这样体积大,又不太改变的数据,就可以保存到浏览器本地(浏览器所在主机的
  • 实现列表拖拽排序功能，可新增，可删除，拖住排序，draggable，dragstart，dragend，dragover，利用好这几个事件，完美实现拖拽功能 Sherry Tian javascriptjavascript前端
    你好呀，我是爱编程的Sherry，很高兴在这里遇见你！我是一名拥有十多年开发经验的前端工程师。这一路走来，面对困难时也曾感到迷茫，凭借不懈的努力和坚持，重新找到了前进的方向。我的人生格言是——认准方向，坚持不懈，你终将迎来辉煌！欢迎关注我，我将在这里分享工作中积累的经验和心得，希望我的分享能够给你带来帮助。文章目录前言效果展示功能说明新增：删除：拖拽排序：关键点：代码实现html（结构）css（样
  • python实现排列组合--itertools Draina 杂项笔记python开发语言
    这是一个python自带的工具集，简单好用功能强大，能够大大提升编写代码效率。功能不止排列组合，其他的用用加深理解了再整理。官方文档：https://docs.python.org/zh-cn/3/library/itertools.html1.1、itertools.permutations()所有可能的排列，元素不可以重复出现，第一个元素是字符集，第二个元素是组合的长度。itertools.p
  • Obsidian 与其他生产力工具集成 MaximusCoder 大学经验分享Obsidain
    介绍Obsidian是一款功能强大的笔记和知识管理工具，但与其他生产力工具集成时，其真正潜力才会得到释放。通过将Obsidian与Todoist、Google日历等应用程序连接起来，您可以创建一个无缝的工作流程，从而提高您的工作效率并确保您的所有任务和信息都同步。本文探讨如何将Obsidian与各种生产力工具集成，以构建一个有凝聚力和高效的生产力系统。1.将Obsidian与Todoist整合To
  • 1156 Sexy Primes (20) 圣保罗的大教堂 PAT刷题pat考试
    Sexyprimesarepairsofprimesoftheform(p,p+6),so-namedsince"sex"istheLatinwordfor"six".(Quotedfromhttp://mathworld.wolfram.com/SexyPrimes.html)Nowgivenaninteger,youaresupposedtotellifitisasexyprime.Input
  • CSS让div层悬浮在最上方 昨夜今夕 CSS
    效果如下：这里是使得一张div里面的图片悬浮在了地图的上方，css代码如下.tl{width:240px;height:193px;position:absolute;/*这里一定要设置*/z-index:999999;/*这里是该元素与显示屏的距离，据说越大越好，但是我也没有看到效果，因为没有它也是可以的*/margin-top:20%;margin-left:-209px;background
  • Delphi 10.4.1 EdgeBrowser 模拟操作网页方法 Memoselect Delphi10++
    Delphi10.4.1EdgeBrowser模拟操作网页方法以往一直用TWebBrowser或者C++Builder中的TCcpWebBrowser来写网页模拟操作这两个控件可以使用WebBrowser.OleObject.document、WebBrowser.DocumentAsIHTMLDocument2来实现大部分的操作发现这两者都是依赖于IE内核，虽然可以设定IE11内核，但是今年微软
  • css 在div左上角添加类似书签的标记 嗬呜阿花 STYLELISTcss前端html
    效果图html半导体CSS.mark{float:left;margin:06rpx;position:relative;padding:0;width:24px;color:#fff;writing-mode:sideways-rl;text-align:center;}.mark::after{position:absolute;content:"";left:0;top:100%;borde
  • Cherno C++学习笔记 P53 模板 14_11 ChernoC++学习学习笔记c++
    这篇文章我们会讲一下C++模板，这个是一个非常有意思的且有用的东西，我们平时使用的STL其实就是基于模板编写的。它几乎就像一个宏，可以去做我们想做的任何事情。模板也可以称其为泛型，但是它比泛型要强大得多。模板是一个非常非常大的话题，所以这里我们只会讲解它简单的应用。它的本质是可以根据我们自己的用途，为其定义一个模板，然后编译器会根据我们给出的规则来帮助我们编写代码，可以让我们省去很多麻烦。所以使用
  • css 浮动在最上层_css样式如何控制div到最顶层 Xpc1 css浮动在最上层
    展开全部1、新建一个html文件，命名为test.html2、在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。e68a8432313133353236313431303231363533313334313663343、在test.html文件内，创建三个div，并用文字标识，分别为底层div、中层div、最顶层div。4、在te
  • 服务器是什么？ weixin_34258782
    ====转载于:https://www.cnblogs.com/Chamberlain/p/10739300.html
  • 整理了一些上课学dw的笔记 臨鱼羡上天 计算机软件资料dw资料dw总结整理
    整理了一下上课学dw的资料第一章：网页概述怎样查看网页的源代码：在网页的空白处右击，选择查看源代码，就可以看到网页的HTML代码文件，若表示是用HTMLS版本开发的网站。网页的相关概念：IP地址是：主机66.124.34.560-255之间域名：对应IP地址的www.sdcit.cnURL：网页的地址http://www.sdcit.cn/xyzx/jindex.htmlhttp:传输协议。HTM
  • 《CPython Internals》阅读笔记：p151-p151 python
    《CPythonInternals》学习第9天，p151-p1510总结，总计1页。一、技术总结无。二、英语总结(生词：1)1.marshal(1)marshalingMarshallingormarshaling(USspelling)istheprocessoftransformingthememoryrepresentationofanobjectintoadataformsuitablef
  • 《CPython Internals》阅读笔记：p118-p150 python
    《CPythonInternals》学习第8天，p118-p150总结，总计33页。一、技术总结补充一些本人整理的关于Context-FreeGrammar(CFG)的知识。1.symbol(符号)Amathematicalsymbolisafigureoracombinationoffiguresthatisusedtorepresentamathematicalobject（符号是一个数字或数
  • 《CPython Internals》阅读笔记：p97-p117 python
    《CPythonInternals》学习第7天，p97-p117总结，总计21页。一、技术总结1.词法分析(lexicalanalysis)根据《Compilers-Principles,Techniques,andTools》(《编译原理》第2版)第5页：Thefirstphaseofacompileriscalledlexicalanalysisorscanning.Thelexcicalan
  • HTML专题之DOCTYPE 前端html5html
    前言石匠敲击石头的第1次有一道经典的前端面试题：DOCTYPE是什么？这个问题在网上一搜有很多相关的文章，如果让我自己回答竟然让我脑子里一片空白，我的印象里加了就表示这个网页的版本是HTML5，但是这样的回答在面试时肯定是不行的，看了很多网上的文章，决定写一篇文章来梳理一下，第一次写文章，如果有哪里讲的不对或者不完整，欢迎大家指出错误。DOCTYPE是什么DOCTYPE翻译成中文的话表示“文档类型
  • 《CPython Internals》阅读笔记：p96-p96 python
    《CPythonInternals》学习第6天，p96-p96总结，总计1页。一、技术总结1.parser-tokenizerp92,Creatingaconcretesyntaxtreeusingaparser-tokenizer,orlexer.p96,CPythonhasaparser-tokenizermodule,writteninC.当做这在92页提到parser-tokenizer的
  • 只有 1% 的开发人员能在 60 秒内找到代码中的错误
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{result:a+b};}console.log(getResult(2,3));//结果真的是5吗？表面看上去，这只是一个“把两个数相加，然后返回对象”的函数，可实际运行后却并非预期的{resul
  • 大数据学习笔记——zookeeper在hadoop集群中的作用 鹅鹅鹅呢 javahadoop大数据学习tcp/iptomcat
    zookeeper主要是用来搭建高可用的Hadoop集群，即HighAvailability，简称(HA)测试中集群是可以不需要高可用的，即使用一个namenode即可。但是在生产环境中为了提高集群的可靠性，需要增加一个namenode备用，当active的namenode挂了之后，系统会启动standby的namenode。这就需要zookeeper监控namenode的状态。
  • webpack多页面打包的一次尝试
    初始化cd项目名webpackinit创建第二页面与其头文件touchpage2.htmltouchsrc/page2.js修改page2.jsconsole.log("success")修改webpack.config.js添加page2.html至plugins项，添加src/page2.js至entry项最终模板:constpath=require('path');constHtmlWebp
  • 免费的SSL证书在哪里申请？——七大免费申请平台 sslhttphttps
    免费的SSL证书可以从多个可靠的平台申请，以下是几个推荐的选择：JoySSL特点：提供永久免费的SSL证书服务，拥有自主品牌SSL证书，服务响应快速，并提供全程技术支持。适用对象：适合希望快速、自动化部署且能提供安全有效的数据保护服务的网站。申请网址：https://www.joyssl.com/certificate/select/free.html?nid=7注册码：填写(230907)享受免
  • 什么是虚拟DOM？
    古老的渲染方式（innerHTML）在虚拟DOM出现之前，我们创建页面UI最常用的方式就是innerHTML，但是它有一个很大的问题，就是会导致很多不必要的性能开销。看下面这段代码，这是个很经典的渲染服务器返回的列表数据到HTML中：constdataList=[{label:'Lorem,ipsum.',value:112.7},{label:'Praesentium,facere.',valu
  • 一篇文章引出的N个面试题
    太久没看面试题了，看之前的输入一个URL，回车之后到页面渲染的那些事，又来复习一波，把其中的碰到过的一些面试题提取出来，面向面试学习。1.如何减少DNS的解析时间启动DNS预解析；浏览器在解析HTML时，遇到配置了预解析的，会发起一个异步的DNS查询，等到资源请求时，就不用再等待DNS解析。2.HTTP和HTTPS的区别安全性：HTTP是明文传输协议，数据在传输过程中不经过加密处理，容易被窃听和篡
  • 笔记：vue 打包忽略部分文件检查。 apgk1 vue笔记vue
    在需要忽略的文件中加入/*eslint-disable*/1.js文件首行直接加入/*eslint-disable*/2.vue文件script中加入/*eslint-disable*/3.配置文件进行配置看大佬文章。vue中指定文件或文件夹忽略eslint
  • mac新手开发基础配置（前端版） macos前端vscode插件
    brewhttps://www.cnblogs.com/hanease/p/15962094.html方法四fnmhttps://www.jianshu.com/p/0843d55e044evscodehttps://blog.csdn.net/weixin_46474921/article/details/132841711有几点需要配置下：1.语言切换成中文2.文件设置自动保存3.取消预览模式
  • 对于规范和实现，你会混淆吗？ 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其他