第一部分 HTML

第一章职业方向和规划定位

职业方向规划定位：

web前端开发工程师

web网站架构师

自己创业

转岗管理或其他

web前端开发的前景展望：

未来IT行业企业需求最多的人才

结合最新的html5抢占移动端的市场

自己创业做老板

随着互联网的普及web开发成为企业的宠儿和核心

web职业发展目标：

第一、梳理知识架构

负责内容的HTML

负责外观的css（层叠样式表）

负责行为的js

ps切图

第二、分解目标（起步阶段、提升阶段、成型阶段）

起步阶段：

基本知识的掌握

常用工具的掌握

沟通技巧的掌握（围绕客户的需求）

良好的开发习惯（加注释、对齐方式）

提升阶段：

熟悉掌握HTML基本标签和属性

熟练掌握css的基本语法和使用

浏览器兼容和w3c标准的掌握

结合html+css+js开始系统项目的开发

成型阶段：

精通DIV+CCS布局

精通css样式表控制html标签

熟悉运用js制作动态网站的效果

能独立开发完成网站

认识HTML：

html不是一种编程语言，是一种标志语言

标记语言是由一套标识标签组成的

html使用标签来描述网页

html结构：

不成对出现的标签

HTML 基本标签的讲解：

标签

—-

仅仅用于标题文本，不要为了产生粗体文本使用它们

标签段落标签

标签

都会让文字产生加粗效果

用于强调文本，强度更深，表示重要文本—>用于SEO优化

只是视觉加粗效果—>单纯为了产生加粗

标签

em用于强调文本

i只是视觉斜体效果

比强调更强

特殊符号：

—->空格

> —>大于号

<；—>小于号

"；—>引号

©–>版权号

第三章 html基础

HTMl基本标签：

span标签

对被用来组合文档中的行内元素

注意：span没有固定的格式表现，当对它应用样式时，才会产生视觉上的变化

标签

文字的格式按源码的排版来显示，我们称之为预处理格式

标签—>他有一个必不可少的属性 href

target属性：

_self(在原来页面打开)

_blank（新窗口打开）

_top（打开时忽略所有的框架）

_parent（在父窗口中打开）

创建锚点和锚链接

锚点也是一种超链接，是页面内进行跳转的超链接

第一步：创建锚点

第二步：使用创建好的锚点名称内容

marquee标签

可以创建一个内容滚动效果

1

direction表示滚动方向，取值有（left,right,up,down,默认left）

loop表示滚动循环的次数，默认为无限循环

1οnmοuseοver=this.stop() οnmοuseοver=this.start() scrollamout="1"(滚动速度)

表示当鼠标移上区域的时候停止滚动，鼠标移开继续滚动

第四章 img图片标签与路径

图片标签与路径：

常见图片格式jpgpnggif

Gif（只支持全透明）

Jpeg/jpg

Png半/全透明都支持

图片标签写法：

图片四要素：

src=""图片路径

alt=""图片含义

width=""图片宽度和图片大小保持一致

height=""图片高度和图片大小保持一致

title=""

路径知识：

相对路径、绝对路径：

相对路径：(Relative Path) 相对于该文件的路径；

绝对路径：(Absolute Path) 从磁盘出发的路径；

align属性–设置图片与后面文字的位置关系

值–top、bottom、middle、absmiddle、left、right

在静态页面中：

/开头表示根目录；

./表示当前目录；（斜画线前面一个点）

../上级目录；（斜画线前面两个点）

直接用文件名不带/也表示同一目录

这些都是相对于当前文件的位置来说的，如果用绝对路径的话就是写全了。

第五章列表的讲解

三种列表的知识讲解：

无序列表

无序列表是一个没有顺序项目的列表，此列表项默认粗体圆点进行标识

1

2

3

4

5

有序列表

有序列表也是一列项目，只是列表项目使用的是数字进行标记。有序列表始于
标签。每个列表项始于
标签。

1

2

3

4

5

内容一

内容二

内容三

列表符号

无序列表-列表符号:

type="circle"空心圆type=“disc”实心圆默认值type="square"方块符

有序列表-列表符号

type="A"A B C D

type="a"a b c d

type="1"1 2 3 4 默认值type=”I” I II III type=”i” i ii iii

列表嵌套

无序列表-嵌套

1

2

3

4

5

6

7

8

9

柚子

沙田柚

蜜柚

荔枝

苹果

有序列表-嵌套

1

2

3

4

5

6

7

8

9

茶

红茶

绿茶

果汁

牛奶

定义列表

定义列表不仅仅是一列项目，而是项目及其注释的组合。定义列表以
标签开始。每个定义列表项以
开始。每个自定义列表项的定义以
开始。

1

2

3

4

5

6

pc网页制作

学习DIV+CSS JS JQ 项目实战

手机网页制作

手机网页制作实战

dd是对dt的解释

< dl>< /dl>用来创建一个普通的列表,

< dt>< /dt>用来创建列表中的上层项目，

< dd>< /dd>用来创建列表中最下层项目，

< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

1

2

3

4

5

6

7

8

9

10

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

dl是definition list的缩写

dt是definition title的缩写

dd是definition description的缩写

list-style属性具有三个属性分量：

list-style-position：设置列表项图标的位置，位于文本内或者文本外

list-style-type：设置列表项图标的类型

list-style-image：使用图像设置列表项图标

第六章表单和表格元素（上）

表单标签:

表单标签

表单是一个包含表单元素的区域，包括起来的都是表单的内容

1

2

3

HTML标签 -Action和确认按钮：

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

1

2

3

4

username:

HTML标签 - 隐藏域隐藏标签：

隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器

1

2

3

标签的掌握

常用type类型：

type="text"单行文本输入框

type="password"密码（maxlength=""）

type="radio"单项选择（checked="checked"）

type="checkbox"多项选择

type="button"按钮

type="submit"提交type="image"图片提交

type="file"上传文件

type="reset"重置

type="hidden"隐藏

关于表单中的设置默认值：

1

2

3

1

2

3

4

textarea没有默认值

标签的使用

label元素不会向用户呈现任何特殊效果。

不过，它为鼠标用户改进了可用性。

如果您在label元素内点击文本，就会触发此控件。

就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

标签的for属性应当与相关元素的id属性相同。

例子：（重要—注册表单–用户体验–必做）

1

2

3

单向选择

男：

女：

第七章表单和表格（下）

表单和表格标签：

文本域标签</p> <p><textarea>标签：</p> <p><textarea>是文本域标签，可以在其中插入一段文字内容，它有两个常用属性rows和cols

注意：

rows表示这个文本域有多少行

cols表示这个文本域有多少列

除了这两个属性它还有readonly（只读，文本域的内容无法改变，相当于协议）和title（鼠标放上提示）

表单数据提交给服务器时包括name属性

1

2

3

4

5

6

常用到的属性：disabled=“disabled” name="sel" size="2"

表格标签

表格标签：
是表格标签，可以用它定义一个表格。
1
2
3
4
5
6

姓名性别

注意：
的border属性不能少
行标签：
可以定义表格中的一行，一个
1
2
3
4
5
6
7
8
9
10
11

标签的使用

姓名性别

姓名性别

单元格标签:

可以定义表格中的一个单元格，表示一个单元格。

1

2

3

4

5

6

7

姓名性别爱好

border-collapse属性设置是否将表格边框折叠为单一边框：

border-collapse:collapse;

colspan左右合并

rowspan上下合并

第一部分总结：

非可视化标签：headmetastylescrpit...

可视化标签：imgdivspanaulli…

只有可视化标签，才能用css改变它

单标签：metalinkbaseimginputbrhr

双标签：htmlheadbodydivapspan..ullioldl….

常用可视化标签

div

一般用它来布局

a超链接标签

href*属性：设置跳转的网页地址

target属性：设置跳转的目标

结论：凡事页面可以点击跳转或者表单提交的文字，都用a标签

img

src*属性用来设置图片的url数据

alt提供给搜索引擎搜索的

width

height

结论：显示图片

ul li

列表

结论：只要将来设计页面中有固定样式的列表，就用ul和li

tablecaptiontrtd (th)

慢慢已经被淘汰了被ul li代替

如果是合并竖排的就是合并行（rowspan）

如果是合并横排的就是合并列（colspan）

第二部分CSS

第八章css基础

css基础知识：

css样式表的定义

css：（Cascading Style Sheets）层叠样式表；

分类及位置：内部样式-head区域style标签里面

外部样式-link调用

内联样式-标签元素里面

css内的注释：/*注释内容*/

css样式表的语法

CSS规则由两个主要的部分构成：要添加样式的盒子名或者标签名、和要添加的样式。

盒子名或者标签名{属性:值;}

CSS中几种颜色的表示方法

用颜色名表示

有17个预先确定的颜色，它们是

aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,

olive,orange,purple,red,silver,teal,white, andyellow

用十六进制的颜色值表示(红、绿、蓝)

#FF0000或者#F00

用rgb(r,g,b)函数表示

如：rgb(255,255,0)

用hsl(Hue,Saturation,Lightness)函数表示（色调、饱和度、亮度)

如：hsl(120,100%,100%),色调0代表红色，120代表绿色，240代表

蓝色

用rgba(r,g,b,a)函数表示

其中a表示的是改颜色的透明度，取值范围是0~1，其中0代表完全透明

用hsla(Hue,Saturation,Lightness,alpha)函数表示

色调、饱和度、亮度、透明度

例子

1

2

3

4

5

6

7

8

9

background-color:gray

background-color:#F00

background-color:#ffff00

background-color:rgb(255,0,255)

background-color:hsl(120,80%,50%)

background-color:rgba(255,0,255,0.5)

background-color:hsla(120,80%,50%,0.5)

内部样式表

当单个页面需要设置样式时，就应该使用内部样式表。

使用标签在文档里面定义内部样式表

1

2

3

4

5

从外部引入到样式分为两种：（注意写在head标签里面）

当样式需要应用于很多页面时，就需要用到外部样式表，首先需要创建一个css文件，然后引用到我们的页面中。

Link样式表式：

Html式：

内联样式表（优先级高）

写在标签里面的样式

如：

表示给p标签里面的文字颜色设置为红色

区别：外链样式与导入样式

link标签是属于xhtml范畴，而@import则是css2.1中特有的。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。

加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@impor则在整个页面加载完成后才加载。

兼容性的区别，因@import``CSS2.1才特有的，所以对于不兼容CSS2.1的浏览器来说，无效。

在样式控制上(比如动态改变网页的布局时,使用javascript操作DOM)的区别，此时@import就无能为力了。

样式的优先级补充

相同权值情况下，CSS样式的优先级总结来说，就是——就近原则（离被设置元素越近优先级别越高）：

内联样式表（标签内部）>嵌入样式表（当前文件中）>外部样式表（外部文件中）

权值不同时，浏览器是根据权值来判断使用哪种css样式的，哪种样式权值高就使用哪种样式

层叠优先级是:

浏览器缺省<外部样式表<内部样式表<内联样式

其中样式表又有:类选择器<类派生选择器

派生选择器以前叫上下文选择器，所以完整的层叠优先级是:

浏览器缺省<外部样式表<外部样式表类选择器<外部样式表类派生选择器<外部样式表ID选择器<外部样式表ID派生选择器<内部样式表<内部样式表类选择器<内部样式表类派生选择器<内部样式表ID选择器<内部样式表ID派生选择器<内联样式…共12个优先级

另外，如果同一个元素在没有其他样式的作用影响下，其Class定义了多个并以空格分开，其优先级顺序为：

一个元素同时应用多个class，后定义的优先（即近者优先），加上!important者最优先！

第九章CSS选择器（上）

css选择器：

class类选择器可以重复利用

id选择器唯一

标签选择器

什么是选择器：css选择器就是要改变样式的对象

选择器{属性:值;属性:值;}

标签选择器：页面中所有的标签都是一个选择器p{color:red;}

ID选择器

选择id命名的元素以#开头#p1{color:#0f0;}

类选择器

class选择器，选择clas命名的元素以.开头.first{color:#00f;}

css代码写完后上线前要经过压缩处理

本地和服务器分两个css版本（备份）

压缩后注释都清除，空间体积减少

群组选择器

选择多个元素,以逗号隔开#main,.first,span,a,h1{color:red;}

包含选择器

选择某元素的后代元素，也称后代选择器，父类与子类间以空格隔开p

span{color:red;}

属性选择器

选择包含某一属性的元素

a[title]{color:red;}选择包含title的a标签

a[title][href]{color:red;}选择包含title和href的a标签

>+选择器子类选择器：只选择子元素（只选择儿子）（相当于包含元素）

p > span{color:red;}

相邻兄弟选择器：只选择后面的相邻兄弟元素

p + span{color:red;}

第十章css选择器（下）

伪类选择器

a:link {color:#FF0000;}/ 未访问的链接 / （只用于a标签）

a:visited {color:#00FF00;}/ 已访问的链接 / （只用于a标签）

a:hover {color:#FF00FF;}/* 鼠标移动到链接上

*/（可和其他标签结合一起用）

a:active {color:#0000FF;}/ 选定的链接 /

注意

伪类选择器的排序很重要，a:linka:visiteda:hovera:active，记作lvha

输入伪类选择器（针对表单）

input:focus{color:red;}/ 键盘输入焦点 /

其他伪类选择器

p:first-child{color:red;}/* 第一个p */

:before在元素之前添加内容。

:after在元素之后添加内容。

css优先规则

内联样式表->ID选择器—>Class类选择器->标签选择器

第十一章背景属性

背景属性：

背景的添加：

背景颜色的添加:

background:red;

backgronnd-color:red;

背景图片的添加：

background:url(“images/1.jpg”);

backgronnd-image:url(“images/1.jpg”);

背景的平铺

什么是平铺？平铺就是图片是否重复出现

不平铺：background-repeat:no-repeat;

水平方向平铺：background-repeat:repeat-x;

垂直方向平铺：background-repeat:repeat-y;

完全平铺：默认为完全平铺

背景图片的定位

背景图片的定位就是可以设置显示背景图片的位置，通过属性background-position来实现

background-position的取值可为英文单词或者数值和百分值。

background-positon的英文单词取值

top left

top center

top right

center left

center center

center right

bottom left

bottom center

ottom right

background-positon的数值取值

background-position:x y;

positon的百分值取值

background-position:x% y%;

背景图片的大小

背景图片的大小可以通过属性background-size来设置background-size的取值可为数值和百分值。

background-size的数值取值

background-size:x y;

background-size的数值取值

background-size:x% y%;

背景图片的滚动

背景图片是否随着内容的滚动而滚动由background-attachment设置

background-attachment:fixed;固定，不随内容的滚动而滚动

background-attachment:scroll;滚动，随内容的滚动而滚动

第十二章 css文字文本属性

css文字文本属性：

文字属性

color:red;文字颜色

font-size:12px; 文字大小

font-weight:“bold”文字粗细(bold/normal)

font-family:“宋体”文字字体

font-variant:small-caps小写字母以大写字母显示

文本属性

text-align:center;文本对齐(right/left/center)

line-height:10px;行间距(可通过它实现文本的垂直居中)

text-indent:20px;首行缩进

text-decoration:none;

文本线(none/underline/overline/line-through)

letter-spacing: 字间距

第十三章盒子模型

盒子模型

盒子模型就是一个有高度和宽度的矩形区域

所有html标签都是盒子模型

div标签自定义盒子模型

所有的标签都是盒子模型

class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。

盒子模型的组成

盒子模型组成部分：

自身内容：width、height宽高

内边距：padding

盒子边框：border边框线

与其他盒子距离：margin外边距

内容+内边距+边框+外边距=面积

border边框

常见写法border:1px solid #f00;

单独属性：

border-width:

border-style:

dotted点状虚线

dashed（虚线）

solid（实线）

double（双实线）

border-color(颜色)

padding内边距

值：像素/厘米等长度单位、百分比

padding:10px;上下左右

padding:10px 10px;上下左右

padding:10px 10px 10px;上左右下

padding:10px 10px 10px 10px;上右下左（设置4个点–>顺时针方向）

单独属性：

padding-top:

padding-right:

padding-bottom:

padding-left:

当设置内边距的时候会把盒子撑大，为了保持盒子原来的大小，应该高度和宽度进行减小，根据width和height减小

margin 外边距

值：与padding相同

单独属性：与padding相同

外边距合并：两个盒子同时设置了外边距，会进行一个外边距合并

补充盒子模型内容

标准盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是ie盒子模型和标准w3c盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型

从上图可以看到标准w3c盒子模型的范围包括margin、border、padding、content，并且content部分不包含其他部分

IE盒子模型

从上图可以看到ie盒子模型的范围也包括margin、border、padding、content

和标准w3c盒子模型不同的是：ie盒子模型的content部分包含了border和padding

IE盒子模型width=padding+border+内容

标准盒子模型 = 内容的宽度（不包含border+padding）

例：

一个盒子的margin为 20px，border为 1px，padding为 10px，content的宽为 200px、高为 50px，假如用标准w3c盒子模型解释，那么这个盒子需要占据的位置为：宽20*2+1*2+10*2+200=262px、高20*2+1*2*10*2+50=112px，盒子的实际大小为：宽1*2+10*2+200=222px、高1*2+10*2+50=72px；假如用ie 盒子模型，那么这个盒子需要占据的位置为：宽20*2+200=240px、高20*2+50=70px，盒子的实际大小为：宽200px、高50px

那应该选择哪中盒子模型呢？当然是“标准w3c盒子模型”了。怎么样才算是选择了“标准w3c盒子模型”呢？很简单，就是在网页的顶部加上doctype声明。

假如不加doctype声明，那么各个浏览器会根据自己的行为去理解网页，即ie浏览器会采用ie盒子模型去解释你的盒子，而ff会采用标准w3c盒子模型解释你的盒子，所以网页在不同的浏览器中就显示的不一样了。

反之，假如加上了doctype声明，那么所有浏览器都会采用标准w3c盒子模型去解释你的盒子，网页就能在各个浏览器中显示一致了。

用jquery做的例子来证实一下

1

2

3

4

5

6

7

8

9

10

11

12

你用的盒子模型是？

上面的代码没有加上doctype声明，在ie浏览器中显示ie盒子模型，在 ff 浏览器中显示“标准w3c盒子模型”。

1

2

3

4

5

6

7

8

9

10

11

12

13

你用的盒子模型是标准w3c盒子模型

代码2 与代码1 唯一的不同的就是顶部加了doctype声明。在所有浏览器中都显示“标准w3c盒子模型”

所以为了让网页能兼容各个浏览器，让我们用标准w3c盒子模型

扩展

第十四章块元素、行元素和溢出

基本概念

块级元素：默认情况下独占一行的元素，可控制宽高、上下边距；

行内元素：默认情况下一行可以摆放多个的元素，不可控制宽高和上下边距

行块转换

display:none; 不显示

display:block; 变成块级元素

display:inline; 变成行级元素

display:inline-block; 以块级元素样式展示，以行级元素样式排列

溢出

overflow:hidden; 溢出隐藏

overflow:scroll; 内容会被修剪，浏览器会显示滚动条

overflow:auto; 如果内容被修剪，则产生滚动条

文本不换行：white-space:nowrap;

长单词换行：word-wrap:break-word;

行内元素和快级元素小结

一、块级元素：block element

每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；

块级元素一般作为容器出现，用来组织结构，但并不全是如此。有些块级元素，如只能包含块级元素。

DIV是最常用的块级元素，元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右撑满。

二、行内元素：inline element

也叫内联元素、内嵌元素等；行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，常见内联元素 “a”。比如SPAN元素，IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素，各个字母之间横向排列，到最右端自动折行。

三、block（块）元素的特点:

①、总是在新行上开始；

②、高度，行高以及外边距和内边距都可控制；

③、宽度缺省是它的容器的100%，除非设定一个宽度。

④、它可以容纳内联元素和其他块元素

四、inline元素的特点

①、和其他元素都在一行上；

②、高，行高及外边距和内边距不可改变；

③、宽度就是它的文字或图片的宽度，不可改变

④、内联元素只能容纳文本或者其他内联元素

对行内元素，需要注意如下:

设置宽度width无效。设置高度height无效，可以通过line-height来设置。设置margin

只有左右margin有效，上下无效。

设置padding只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。

五、常见的块状元素

address– 地址

blockquote– 块引用

center– 举中对齐块

dir– 目录列表

div– 常用块级容易，也是CSS layout的主要标签

dl– 定义列表

fieldset–form控制组

form– 交互表单

h1– 大标题

h2– 副标题

h3– 3级标题

h4– 4级标题

h5– 5级标题

h6– 6级标题

hr– 水平分隔线

isindex–input prompt

menu– 菜单列表

noframes–frames可选内容，（对于不支持frame的浏览器显示此区块内容

noscript– 可选脚本内容（对于不支持script的浏览器显示此内容）

ol– 有序表单

p– 段落

pre– 格式化文本

table– 表格

ul– 无序列表

六、常见的内联元素

a– 锚点

abbr– 缩写

acronym– 首字

b– 粗体(不推荐)

bdo–bidi override

big– 大字体

br– 换行

cite– 引用

code– 计算机代码(在引用源码的时候需要)

dfn– 定义字段

em– 强调

font– 字体设定(不推荐)

i– 斜体

img– 图片

input– 输入框

kbd– 定义键盘文本

label– 表格标签

q– 短引用

s– 中划线(不推荐)

samp– 定义范例计算机代码

select– 项目选择

small– 小字体文本

span– 常用内联容器，定义文本内区块

strike– 中划线

strong– 粗体强调

sub– 下标

sup– 上标

textarea– 多行文本输入框

tt– 电传文本

u– 下划线

七，可变元素

可变元素为根据上下文语境决定该元素为块元素或者内联元素。

applet-java applet

button- 按钮

del- 删除文本

iframe-inline frame

ins- 插入的文本

map- 图片区块(map)

object-object对象

script- 客户端脚本

八、行内元素与块级元素有什么不同

区别一：

块级：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度

行内：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随内容的变化而变化。

区别二：

块级：块级元素可以设置宽高

行内：行内元素不可以设置宽高

区别三：

块级：块级元素可以设置margin，padding

行内：行内元素水平方向的margin-left;margin-right;

padding-left;padding-right;可以生效。但是竖直方向的margin-bottom;margin-top;padding-top;padding-bottom;却不能生效。

区别四：

块级：display:block;

行内：display:inline;

替换元素有如下：（和img一样的设置方法）

、、、<select></p> <p><object>都是替换元素，这些元素都没有实际的内容</p> <p>可以通过修改display属性来切换块级元素和行内元素</p> <p>第十五章定位</p> <p>static静态定位（不对它的位置进行改变，在哪里就在那里）</p> <p>默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left, right或者z-index声明）。</p> <p>fixed固定定位（参照物–浏览器窗口）—做弹窗广告用到</p> <p>生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过"left","top","right"以及"bottom"属性进行规定。</p> <p>relative（相对定位）（参照物以他本身）</p> <p>生成相对定位的元素，相对于其正常位置进行定位。</p> <p>absolute（绝对定位）(除了static都可以，找到参照物–>与它最近的已经有定位的父元素进行定位)</p> <p>生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。</p> <p>元素的位置通过 “left","top","right"以及"bottom"属性进行规定</p> <p>z-index</p> <p>z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。</p> <p>定位的基本思想: 它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。</p> <p>一切皆为框</p> <p>块级元素:div、h1或p元素即：显示为一块内容称之为 “块框“ ;</p> <p>行内元素:span,strong,a等元素即：内容显示在行中称 “行内框”;</p> <p>使用display属性改变成框的类型即：display:block; 让行内元素设置为块级元素，display:none;没有框</p> <p>相对定位：</p> <p>如果对一个元素进行相对定位，它将出现在它所在的位置上。</p> <p>通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动</p> <p>.adv_relative { position: relative; left: 30px; top: 20px; }</p> <p>绝对定位：</p> <p>元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，它的位置相对于最初的包含块。.adv_absolute { position: absolute; left: 30px; top: 20px; }</p> <p>第十六章框架</p> <p>frameset框架：</p> <p><frameset>—- 用来定义一个框架；双标签</p> <p>不能和<body>一起使用</p> <p>rows、cols属性</p> <p>rows定义行表示框架有多少行（取值px/%/*）</p> <p>cols定义列表示框架有多少列（取值px/%/*）</p> <p>frame子框架</p> <p> —- 表示框架中的某一个部分；单标签，要跟结束标志</p> <p>src显示的网页的路径</p> <p>name框架名</p> <p>frameborder边框线（取值 0 / 1）</p> <p>属性</p> <p> 提供不支持框架的浏览器显示body的内容；双标签</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p><frameset></p> <p><frame src=“” /></p> <p><frame src=“” /></p> <p><frame src=“” /></p> <p><noframes></p> <p><body>内容</body></p> <p></noframes></p> <p></frameset></p> <p><iframe>内联框架</p> <p>iframe元素会创建包含另外一个文档的内联框架（即行内框架）</p> <p>允许和body一起使用</p> <p>width宽（取值 px / %）</p> <p>height高（取值 px / %）</p> <p>name框架名</p> <p>frameborder边框线（取值 0 / 1）</p> <p>src显示的网页的路径</p> <p><b>第十七章 CSS高级用法</b></p> <p>opacity透明属性</p> <p>opacity</p> <p>对于IE6/7/，使用filter:alpha(opacity:值;) 值为0-100</p> <p>对于Webkit，Opera，Firefox，IE9+，使用opacity:值; 值为0-1</p> <p>对于早期火狐，使用-moz-opacity:值; 值为0-1</p> <p>所以写透明属性时，一般写法是</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>{</p> <p>opacity:0.5;</p> <p>filter:alpha(opacity：50);/*0-100*/</p> <p>-moz-opacity:0.5; /*取值0-1*/-->针对早起版本的火狐兼容问题的解决</p> <p>}</p> <p>border-radius圆角边框属性</p> <p>向div元素添加圆角边框</p> <p>border-radius:10px;</p> <p>box-shadow阴影属性</p> <p>box-shadow属性向框添加阴影效果,后面跟4个参数。</p> <p>box-shadow:0px 0px 10px #000;</p> <p><embed>属性</p> <p>是HTML5中新增的标签,媒体嵌入插件标签，可以通过<embed>插入音频或视频</p> <p><embed src=“media/music.mp3” /></p> <p>格式.mid.wav.mp3等</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1695000884695609344"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html和css总结)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835513551142350848.htm" title="OC语言多界面传值五大方式" target="_blank">OC语言多界面传值五大方式</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt</div> </li> <li><a href="/article/1835507626276909056.htm" title="水平垂直居中的几种方法（总结）" target="_blank">水平垂直居中的几种方法（总结）</a> <span class="text-muted">LJ小番茄</span> <a class="tag" taget="_blank" href="/search/CSS_%E7%8E%84%E5%AD%A6%E8%AF%AD%E8%A8%80/1.htm">CSS_玄学语言</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item</div> </li> <li><a href="/article/1835507248395284480.htm" title="【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数" target="_blank">【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数</a> <span class="text-muted">广龙宇</span> <a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%B5%B7%E5%AD%A6Rust/1.htm">一起学Rust</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Rust%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">Rust设计模式</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分</div> </li> <li><a href="/article/1835501821569888256.htm" title="关于提高复杂业务逻辑代码可读性的思考" target="_blank">关于提高复杂业务逻辑代码可读性的思考</a> <span class="text-muted">编程经验分享</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%BB%8F%E9%AA%8C/1.htm">开发经验</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一</div> </li> <li><a href="/article/1835500750684385280.htm" title="拥有断舍离的心态，过精简生活--《断舍离》读书笔记" target="_blank">拥有断舍离的心态，过精简生活--《断舍离》读书笔记</a> <span class="text-muted">爱吃丸子的小樱桃</span> <div>不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“</div> </li> <li><a href="/article/1835493753557708800.htm" title="每日算法&面试题，大厂特训二十八天——第二十天（树）" target="_blank">每日算法&面试题，大厂特训二十八天——第二十天（树）</a> <span class="text-muted">肥学</span> <a class="tag" taget="_blank" href="/search/%E2%9A%A1%E7%AE%97%E6%B3%95%E9%A2%98%E2%9A%A1%E9%9D%A2%E8%AF%95%E9%A2%98%E6%AF%8F%E6%97%A5%E7%B2%BE%E8%BF%9B/1.htm">⚡算法题⚡面试题每日精进</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章</div> </li> <li><a href="/article/1835492372952215552.htm" title="阶段总结反思" target="_blank">阶段总结反思</a> <span class="text-muted">轻争</span> <div>马上就要进入10月份了，今天做一下前段时间的总结和反思。前段时间，日更、英语、健身、护肤坚持的比较好。阅读、书法坚持的不好。1.中间被迫停更半个多月，其余时间一直在坚持日更挑战。偶尔也有不想写的时候，就做一下摘抄。因为阅读（输入）没跟上来，所以写作（输出）质量有待进一步加强。2.英语做到了一周至少学习5天，每次不少于30分钟，但是小班课没有跟上更新速度，下一步要争取利用零碎时间补听小班课。3.减肥</div> </li> <li><a href="/article/1835491353451130880.htm" title="【华为OD技术面试真题 - 技术面】- python八股文真题题库（4)" target="_blank">【华为OD技术面试真题 - 技术面】- python八股文真题题库（4)</a> <span class="text-muted">算法大师</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BAod/1.htm">华为od</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例：文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片（Slicing）操作**基本切片语法</div> </li> <li><a href="/article/1835490218845761536.htm" title="Python爬虫解析工具之xpath使用详解" target="_blank">Python爬虫解析工具之xpath使用详解</a> <span class="text-muted">eqa11</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门</div> </li> <li><a href="/article/1835489311177404416.htm" title="主题升华随机抽总结" target="_blank">主题升华随机抽总结</a> <span class="text-muted">木棉咕噜</span> <div>昨天晚上在火山灿教练那里抽了主题升华最后一关。一共抽了两个故事，现总结如下。第一个故事是《并不是你想象的那样》。主题一：有时候，面对别人一些貌似不合常情的行为，不要轻易的指责他，也许背后有我们所不知道的原因。在这一个主题里面，刚开始的时候，我没有加上貌似二字。所以就没有改动之后这么精准。主题二：有时候我们对他人善意的行为，可能会给我们带来一些意外的回报。主题三：面对同样一件事，因为不同的人看待问题</div> </li> <li><a href="/article/1835486185015832576.htm" title="【无标题】达瓦达瓦" target="_blank">【无标题】达瓦达瓦</a> <span class="text-muted">JhonKI</span> <a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a> <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div> </li> <li><a href="/article/1835486185468817408.htm" title="上图为是否色发" target="_blank">上图为是否色发</a> <span class="text-muted">JhonKI</span> <a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a> <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div> </li> <li><a href="/article/1835483159140069376.htm" title="143234234123432" target="_blank">143234234123432</a> <span class="text-muted">JhonKI</span> <a class="tag" taget="_blank" href="/search/%E8%80%83%E7%A0%94/1.htm">考研</a> <div>博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11</div> </li> <li><a href="/article/1835471058648526848.htm" title="1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven" target="_blank">1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven</a> <span class="text-muted">Energet!c</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach</div> </li> <li><a href="/article/1835470932295118848.htm" title="CentOS的根目录下，/bin 和 /sbin 用途和权限" target="_blank">CentOS的根目录下，/bin 和 /sbin 用途和权限</a> <span class="text-muted">Energet!c</span> <a class="tag" taget="_blank" href="/search/Linux%E6%97%A5%E5%B8%B8/1.htm">Linux日常</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>CentOS的根目录下，/bin和/sbin用途和权限一、/bin(Binary)二、/sbin(SystemBinary)三、总结在CentOS的根目录下，/bin和/sbin目录有不同的用途和权限一、/bin(Binary)用途:存放系统的基本命令，这些命令对所有用户都是可用的。例如：ls、cp、mv、rm等。权限:普通用户和系统管理员都可以使用这些命令。二、/sbin(SystemBinar</div> </li> <li><a href="/article/1835467782687387648.htm" title="linux 发展史" target="_blank">linux 发展史</a> <span class="text-muted">种树的猴子</span> <a class="tag" taget="_blank" href="/search/%E5%86%85%E6%A0%B8/1.htm">内核</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>linux发展史说明此前对linux认识模糊一知半解，近期通过学习将自己对于linux的发展总结一下方便大家日后的学习。那Linux是目前一款非常火热的开源操作系统，可是linux是什么时候出现的，又是因为什么样的原因被开发出来的呢。以下将对linux的发展历程进行详细的讲解。目录一、Linux发展背景二、UINIX的诞生三、UNIX的重要分支-BSD的诞生四、Minix的诞生五、GNU与Free</div> </li> <li><a href="/article/1835466283395674112.htm" title="又到年末" target="_blank">又到年末</a> <span class="text-muted">伊人微语</span> <div>今天，工作群里，各个部门开始提醒老师们上交各种期末总结资料，才蓦然感觉这个学期已接近尾声，才意识到2022即将过去，新的一年的脚步声已经越来越近不由得生阳一些感慨。年纪大了，感觉到每个日子都是“倏”地一声就过去了，来不及思量，来不及回顾，一年就这么过去了。我常常想，为什么会有这样的感觉呢？年轻时候的每一天是24小时，现在的每一天也不曾少过一分钟，为什么就会感觉到它的脚步越来越快呢？后来我想明白了，</div> </li> <li><a href="/article/1835465773473165312.htm" title="大都会资本BMAN的2018年终总结" target="_blank">大都会资本BMAN的2018年终总结</a> <span class="text-muted">非线性思考</span> <div>1投资的本质是认知变现赚钱=足够的认知*高效的的变现。2投资的三大基石策略:提升认知高效变现知行合一3如果你亏钱了要么是认知的问题，要么是变现的问题，要么而是知行合一的问题。4投资需要知行合一，很简单的道理，却拦住了很多高手，是因为认知和行动中间还隔着人性。顶级的高手能把自己从贪嗔痴中抽离出来，顶级高手没有人性，只有原则。5如果你玩的是空气币，就不要幻想拿着它改变世界，那是你套出了幻觉，眼光放短一</div> </li> <li><a href="/article/1835463115882459136.htm" title="2024.9.6 Python，华为笔试题总结，字符串格式化，字符串操作，广度优先搜索解决公司组织绩效互评问题，无向图" target="_blank">2024.9.6 Python，华为笔试题总结，字符串格式化，字符串操作，广度优先搜索解决公司组织绩效互评问题，无向图</a> <span class="text-muted">RaidenQ</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8A%9B%E6%89%A3/1.htm">力扣</a><a class="tag" taget="_blank" href="/search/%E5%B9%BF%E5%BA%A6%E4%BC%98%E5%85%88/1.htm">广度优先</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E5%90%91%E5%9B%BE/1.htm">无向图</a> <div>1.字符串格式化name="Alice"age=30formatted_string="Name:{},Age:{}".format(name,age)print(formatted_string)或者name="Alice"age=30formatted_string=f"Name:{name},Age:{age}"print(formatted_string)2.网络健康检查第一行有两个整数m</div> </li> <li><a href="/article/1835450511071997952.htm" title="android 更改窗口的层次,浮窗开发之窗口层级" target="_blank">android 更改窗口的层次,浮窗开发之窗口层级</a> <span class="text-muted">Ms.Bu</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%9B%B4%E6%94%B9%E7%AA%97%E5%8F%A3%E7%9A%84%E5%B1%82%E6%AC%A1/1.htm">更改窗口的层次</a> <div>最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何</div> </li> <li><a href="/article/1835449123252301824.htm" title="Python入门之Lesson2:Python基础语法" target="_blank">Python入门之Lesson2:Python基础语法</a> <span class="text-muted">小熊同学哦</span> <a class="tag" taget="_blank" href="/search/Python%E5%85%A5%E9%97%A8%E8%AF%BE%E7%A8%8B/1.htm">Python入门课程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a> <div>目录前言一.介绍1.变量和数据类型2.常见运算符3.输入输出4.条件语句5.循环结构二.练习三.总结前言欢迎来到《Python入门》系列博客的第二课。在上一课中，我们了解了Python的安装及运行环境的配置。在这一课中，我们将深入学习Python的基础语法，这是编写Python代码的根基。通过本节内容的学习，你将掌握变量、数据类型、运算符、输入输出、条件语句等Python编程的基础知识。一.介绍1</div> </li> <li><a href="/article/1835448619277316096.htm" title="Android应用性能优化" target="_blank">Android应用性能优化</a> <span class="text-muted">轻口味</span> <a class="tag" taget="_blank" href="/search/Android/1.htm">Android</a> <div>Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新</div> </li> <li><a href="/article/1835444156714020864.htm" title="高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？" target="_blank">高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？</a> <span class="text-muted">寻求改变</span> <div>我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情</div> </li> <li><a href="/article/1835440082996260864.htm" title="放松的一天" target="_blank">放松的一天</a> <span class="text-muted">4da9b7687fa0</span> <div>20190325总结起床07:20图片发自App睡觉:23:00天气:晴今日任务清单学习·信息·阅读•水滴阅读Day40Alice’sAdventuresinWonderlandChapter6.2图片发自App•BBC跟读训练营Day24图片发自App图片发自App图片发自App•潘多拉口语训练营Day6Wow.Whatabigboy!•文化知识学习今日无•阅读时间地狱健康·饮食·锻炼•饮食目标</div> </li> <li><a href="/article/1835436012189347840.htm" title="4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏" target="_blank">4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏</a> <span class="text-muted">穷人小水滴</span> <a class="tag" taget="_blank" href="/search/%E5%A8%B1%E4%B9%90/1.htm">娱乐</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E6%88%90%E6%9C%AC/1.htm">低成本</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E8%AF%B4/1.htm">小说</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>穷人如何获得快乐?小说,音乐,视频,游戏,本文简单盘点一下这4大低成本(安全)娱乐方式.这里是穷人小水滴,专注于穷人友好型低成本技术.(本文为58号作品.)目录1娱乐方式1.1小说(网络小说)1.2音乐1.3视频(b站)1.4游戏(电子游戏/计算机软件)2低成本:一只手机即可3总结与展望1娱乐方式这几种,也可以说是艺术的具体形式.更专业的说,(娱乐)是劳动力再生产的重要组成部分.使人放松,获得快乐</div> </li> <li><a href="/article/1835434875872702464.htm" title="计算机网络八股总结" target="_blank">计算机网络八股总结</a> <span class="text-muted">Petrichorzncu</span> <a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1%E6%80%BB%E7%BB%93/1.htm">八股总结</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>这里写目录标题网络模型划分（五层和七层）及每一层的功能五层网络模型七层网络模型（OSI模型）==三次握手和四次挥手具体过程及原因==三次握手四次挥手TCP/IP协议组成==UDP协议与TCP/IP协议的区别==Http协议相关知识网络地址，子网掩码等相关计算网络模型划分（五层和七层）及每一层的功能五层网络模型应用层：负责处理网络应用程序，如电子邮件、文件传输和网页浏览。主要协议包括HTTP、FTP</div> </li> <li><a href="/article/1835431853746647040.htm" title="【树一线性代数】005入门" target="_blank">【树一线性代数】005入门</a> <span class="text-muted">Owlet_woodBird</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>Index本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376分析实现总结本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376已知非空二叉树T的结点值均为正整数，采用顺序存储方式保存，数据结构定义如下:t</div> </li> <li><a href="/article/1835429799150055424.htm" title="今天是总结" target="_blank">今天是总结</a> <span class="text-muted">薛帅</span> <div>今天来个最后一天的总结。为什么要学习写作技巧呢？就如同建房子，如果想要住的安全、舒服，我们要先打地基，建房子的框架，这样才能随意的装修。那么我们要怎么建好才能建好写作的地基呢？1走直路，少弯路01利他：能够给别人带来价值。02吸引：吸住读者的眼球。03打动：打动人心，引起共鸣。04说服：用数据说话。05刻意：通过有意识的训练。06修改：好的文章至上修改10遍。07模仿：10万+的文章必有成功的道理</div> </li> <li><a href="/article/1835423818592645120.htm" title="2021年周总结 03" target="_blank">2021年周总结 03</a> <span class="text-muted">Ruby之家</span> <div>这周的生活过得也是比较快，因为暂时住的离公司有点距离，所以通勤时间相对较长一点，而在地铁上的一个半小时如何充分利用起来，则是我最近一直在思考的问题，2021年想让自己的生活都运行在计划中。(有时候自己想干一件事情就总是给自己找很多借口，想着以后怎么怎么样？然而哪有那么多的以后，能够方便当下的工作生活就立马执行就OK，这仅仅只是我此时想到背的很重的老人机笔记本电脑，也算是陪伴我快8年的—当时买的时候</div> </li> <li><a href="/article/1835423821167947776.htm" title="2022-05-10" target="_blank">2022-05-10</a> <span class="text-muted">6d27355807f4</span> <div>2022年5月10月《儿童纪律教育》培训总结---翟少静春蕾四幼给孩子自由是指在思想上给孩子自由，而管孩子是指在行为规范上管孩子。这二者的关系不仅不对立，而且需要相互配合。给孩子自由并不是让孩子想做什么就做什么，而是允许孩子思考自己行为的原因，思考各种可能性及后果，培养孩子对自我的清楚认识和思考的全面性。管孩子也不是让孩子什么都按照父母的标准去做，而是教孩子思考、寻找行为的现实性，培养孩子的责任感</div> </li> <li><a href="/article/2.htm" title="Java序列化进阶篇" target="_blank">Java序列化进阶篇</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/java%E5%BA%8F%E5%88%97%E5%8C%96/1.htm">java序列化</a> <div> 1.transient 类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。 </div> </li> <li><a href="/article/129.htm" title="escape()、encodeURI()、encodeURIComponent()区别详解 " target="_blank">escape()、encodeURI()、encodeURIComponent()区别详解 </a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别 1 escape()函</div> </li> <li><a href="/article/256.htm" title="ArcgisEngine实现对地图的放大、缩小和平移" target="_blank">ArcgisEngine实现对地图的放大、缩小和平移</a> <span class="text-muted">Cb123456</span> <a class="tag" taget="_blank" href="/search/%E6%B7%BB%E5%8A%A0%E7%9F%A2%E9%87%8F%E6%95%B0%E6%8D%AE/1.htm">添加矢量数据</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E5%9C%B0%E5%9B%BE%E7%9A%84%E6%94%BE%E5%A4%A7%E3%80%81%E7%BC%A9%E5%B0%8F%E5%92%8C%E5%B9%B3%E7%A7%BB/1.htm">对地图的放大、缩小和平移</a><a class="tag" taget="_blank" href="/search/Engine/1.htm">Engine</a> <div>ArcgisEngine实现对地图的放大、缩小和平移: 个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧. 具体实现: 一、引入命名空间 using ESRI.ArcGIS.Geometry; using ESRI.ArcGIS.Controls; 二、代码实现.</div> </li> <li><a href="/article/383.htm" title="Java集合框架概述" target="_blank">Java集合框架概述</a> <span class="text-muted">天子之骄</span> <a class="tag" taget="_blank" href="/search/Java%E9%9B%86%E5%90%88%E6%A1%86%E6%9E%B6%E6%A6%82%E8%BF%B0/1.htm">Java集合框架概述</a> <div> 集合框架集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。简单介绍： Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi</div> </li> <li><a href="/article/510.htm" title="旗正4.0页面跳转传值问题" target="_blank">旗正4.0页面跳转传值问题</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>跳转和成功提示 a) 成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu</div> </li> <li><a href="/article/637.htm" title="全网唯一:移动互联网服务器端开发课程" target="_blank">全网唯一:移动互联网服务器端开发课程</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/web%E5%BC%80%E5%8F%91/1.htm">web开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">移动端开发</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E4%BA%92%E8%81%94/1.htm">移动互联</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div> 移动互联网时代来了！ App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程</div> </li> <li><a href="/article/764.htm" title="Log4J通用配置|注意问题笔记" target="_blank">Log4J通用配置|注意问题笔记</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>关于日志的等级那些去百度就知道了！这几天要搭个新框架配置了日志记下来！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台和总日志文件 log4j.logger.DAO=INFO,dao,C</div> </li> <li><a href="/article/891.htm" title="SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager" target="_blank">SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a><a class="tag" taget="_blank" href="/search/XP/1.htm">XP</a> <div>当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP 需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法: C:\WINDOWS\system32目录搜索framedyn.</div> </li> <li><a href="/article/1018.htm" title="[置顶] 做有中国特色的程序员" target="_blank">[置顶] 做有中国特色的程序员</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可</div> </li> <li><a href="/article/1145.htm" title="document.domain 跨域问题" target="_blank">document.domain 跨域问题</a> <span class="text-muted">avords</span> <a class="tag" taget="_blank" href="/search/document/1.htm">document</a> <div>document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com"); </div> </li> <li><a href="/article/1272.htm" title="关于管理软件的一些思考" target="_blank">关于管理软件的一些思考</a> <span class="text-muted">houxinyou</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a> <div> 工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这</div> </li> <li><a href="/article/1399.htm" title="NoSQL数据库之Redis数据库管理(String类型和hash类型)" target="_blank">NoSQL数据库之Redis数据库管理(String类型和hash类型)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a> <div>一.Redis的数据类型 1.String类型及操作 String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。 Set方法：设置key对应的值为string类型的value </div> </li> <li><a href="/article/1526.htm" title="Tomcat 一些技巧" target="_blank">Tomcat 一些技巧</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/dos/1.htm">dos</a> <div>以下操作都是在windows 环境下一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可；二、查看Tomcat 版本在 tomcat 安装目</div> </li> <li><a href="/article/1653.htm" title="【Spark七十二】Spark的日志配置" target="_blank">【Spark七十二】Spark的日志配置</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console 在Spark的conf目录下，把log4j.properties.template修改为log4j.p</div> </li> <li><a href="/article/1780.htm" title="Haskell版冒泡排序" target="_blank">Haskell版冒泡排序</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a><a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a> <div>面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。 sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so</div> </li> <li><a href="/article/1907.htm" title="java 路径配置文件读取" target="_blank">java 路径配置文件读取</a> <span class="text-muted">bro_feng</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>这几天做一个项目，关于路径做如下笔记，有需要供参考。取工程内的文件，一般都要用相对路径，这个自然不用多说。在src统计目录建配置文件目录res,在res中放入配置文件。读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.</div> </li> <li><a href="/article/2034.htm" title="读《研磨设计模式》-代码笔记-简单工厂模式" target="_blank">读《研磨设计模式》-代码笔记-简单工厂模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct { </div> </li> <li><a href="/article/2161.htm" title="SVN与JIRA的关联" target="_blank">SVN与JIRA的关联</a> <span class="text-muted">chenyu19891124</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤：一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务二、装好JIRA，自己用是jira-4.3.4破解版三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再</div> </li> <li><a href="/article/2288.htm" title="JWFDv0.96 最新设计思路" target="_blank">JWFDv0.96 最新设计思路</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E5%85%AC%E5%91%8A/1.htm">公告</a> <div> 随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而</div> </li> <li><a href="/article/2415.htm" title="vi 保存复制内容格式粘贴" target="_blank">vi 保存复制内容格式粘贴</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/vi/1.htm">vi</a><a class="tag" taget="_blank" href="/search/%E7%B2%98%E8%B4%B4/1.htm">粘贴</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6/1.htm">复制</a><a class="tag" taget="_blank" href="/search/%E4%BF%9D%E5%AD%98%E5%8E%9F%E6%A0%BC%E5%BC%8F/1.htm">保存原格式</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%8F%98%E5%BD%A2/1.htm">不变形</a> <div> vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？答案是肯定的，vi有一个很强大的命令可以实现此功能。在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时</div> </li> <li><a href="/article/2542.htm" title="shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法" target="_blank">shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法</a> <span class="text-muted">dongwei_6688</span> <a class="tag" taget="_blank" href="/search/shell%E8%84%9A%E6%9C%AC/1.htm">shell脚本</a> <div>出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w</div> </li> <li><a href="/article/2669.htm" title="高一上学期难记忆单词" target="_blank">高一上学期难记忆单词</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/english/1.htm">english</a> <div>honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share 分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半 native 本国的，本地的，本国</div> </li> <li><a href="/article/2923.htm" title="hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性" target="_blank">hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性</a> <span class="text-muted">frankco</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/hibernate%E6%9F%A5%E8%AF%A2/1.htm">hibernate查询</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a> <div> DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。有时候我们需要查询返回DTO对象，因为DTO</div> </li> <li><a href="/article/3050.htm" title="Partition List" target="_blank">Partition List</a> <span class="text-muted">hcx2013</span> <a class="tag" taget="_blank" href="/search/partition/1.htm">partition</a> <div>Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th</div> </li> <li><a href="/article/3177.htm" title="Spring MVC测试框架详解——客户端测试" target="_blank">Spring MVC测试框架详解——客户端测试</a> <span class="text-muted">jinnianshilongnian</span> <div>上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一</div> </li> <li><a href="/article/3304.htm" title="关于推荐个人观点" target="_blank">关于推荐个人观点</a> <span class="text-muted">liyonghui160com</span> <a class="tag" taget="_blank" href="/search/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/1.htm">推荐系统</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E4%BA%8E%E6%8E%A8%E8%8D%90%E4%B8%AA%E4%BA%BA%E8%A7%82%E7%82%B9/1.htm">关于推荐个人观点</a> <div> 回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w</div> </li> <li><a href="/article/3431.htm" title="不间断旋转的动画" target="_blank">不间断旋转的动画</a> <span class="text-muted">pangyulei</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a> <div> CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M</div> </li> <li><a href="/article/3558.htm" title="自定义annotation" target="_blank">自定义annotation</a> <span class="text-muted">sha1064616837</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a><a class="tag" taget="_blank" href="/search/reflect/1.htm">reflect</a> <div>对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。下面这个例子主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举 </div> </li> <li><a href="/article/3685.htm" title="Spring 源码" target="_blank">Spring 源码</a> <span class="text-muted">up2pu</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit</div> </li> <li><a href="/article/3812.htm" title="利用word分词来计算文本相似度" target="_blank">利用word分词来计算文本相似度</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/word%E5%88%86%E8%AF%8D/1.htm">word分词</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">文本相似度</a><a class="tag" taget="_blank" href="/search/%E4%BD%99%E5%BC%A6%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">余弦相似度</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E5%85%B1%E6%9C%89%E8%AF%8D/1.htm">简单共有词</a> <div>word分词提供了多种文本相似度计算方式：方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 = </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>

姓名	性别
姓名	性别